ok

Mini Shell

Direktori : /proc/thread-self/root/home2/selectio/public_html/thecomponents.in/
Upload File :
Current File : //proc/thread-self/root/home2/selectio/public_html/thecomponents.in/index.php

<?php include "header.php"; ?>
<style>
   .product-media{
   border: 2px solid #c9c9c9;
   }
   .icon-box-icon svg {
   height: 9.4rem;
   width: 9.8rem;
   }
   .features-section h2,
   .variation-section h2 {
   font-size: 4rem;
   }
   .features-section > p,
   .variation-section p {
   font-size: 1.6rem;
   line-height: 1.5;
   letter-spacing: -0.03em;
   }
   .features-section p {
   color: #999;
   }
   .features svg {
   fill: #0b80d2;
   stroke: #0b80d2;
   stroke-dashoffset: 1500;
   stroke-dasharray: 1500;
   transition: transform 0.3s, fill 0.5s;
   }
   .features > :nth-child(2n) svg {
   fill: #a33188;
   stroke: #a33188;
   }
   .features > div {
   margin-bottom: 2.1rem;
   }
   .features .icon-box {
   padding: 6.2rem 5rem 5.9rem;
   border-radius: 3px;
   background: #fff;
   box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.05), 0 0 1rem rgba(0, 0, 0, 0.05);
   overflow: hidden;
   height: 290px;
   }
   .features .icon-box:hover svg {
   transform: scale(1.4);
   stroke-dashoffset: 0;
   fill: transparent;
   transition: transform 0.3s, fill 0.5s, stroke-dashoffset 6s;
   }
   .features .icon-box-title {
   margin: 6px 0 1.4rem;
   font-size: 2rem;
   line-height: 1.3;
   letter-spacing: 0;
   text-transform: none;
   }
   .variation-section {
   margin-top: -16.7rem;
   }
   .variation-section .owl-carousel {
   width: 140%;
   margin-left: -20%;
   margin-right: -20%;
   }
   .variation-section .owl-carousel img {
   max-height: 17.2rem;
   }
   .variation-section img {
   object-fit: cover;
   position: absolute;
   top: 1.7rem;
   border-radius: 2rem;
   }
   .variation-section svg {
   width: 100%;
   fill: #fff;
   transition: transform 0.5s;
   }
   .variation-section span {
   margin: 1.8rem 0 4.2rem;
   color: #fff;
   font-size: 2rem;
   letter-spacing: -0.03em;
   transition: transform 0.3s;
   }
   .elements-section h3 {
   font-size: 1.6rem;
   margin-bottom: 3px;
   }
   .elements-section .element {
   padding: 1.2rem 0 2.6rem;
   margin-bottom: 1rem;
   background: #fff;
   border: 0;
   border-radius: 1rem;
   box-shadow: 0 2rem 3rem rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.05);
   transition: transform 0.3s, background-color 0.3s, color 0.3s;
   }
   .elements-section .element:hover {
   transform: scale(1.3);
   }
   .elements-section p {
   font-size: 1.6rem;
   }
   .elements-section svg {
   margin: 23px 0 8px;
   fill: #666;
   }
   .elements > div:hover {
   z-index: 1;
   }
   .mfp-bg {
   background-color: rgba(0, 0, 0, 0.8);
   }
   .mfp-video-popup .mfp-content {
   max-width: 1000px;
   }
   .mfp-video-popup video {
   width: 100%;
   }
   .minipopup-area {
   display: none;
   }
   @media (min-width: 420px) {
   .intro-banner .btn-dark {
   margin-right: 0.7rem;
   }
   }
   @media (min-width: 480px) {
   .mr-xs-3 {
   margin-right: 1.5rem;
   }
   }
   @media (min-width: 576px) {
   .variation-section img {
   transform: translate3d(0px, -160px, 90px) rotate3d(1, 0, 0, -90deg);
   transition: transform 0.5s;
   }
   .variation-section .layout {
   display: block;
   perspective: 500px;
   backface-visibility: visible;
   transform-style: preserve-3d;
   }
   .variation-section .layout:hover img {
   transform: none;
   }
   .variation-section .layout:hover svg {
   transform: translate3d(0px, 120px, -200px) rotate3d(1, 0, 0, 90deg);
   }
   .variation-section .layout:hover h4 {
   transform: translateY(-26px);
   }
   }
   @media (min-width: 768px) {
   .experience .devotion {
   margin-left: -12rem;
   }
   .p-max-width {
   max-width: 66rem;
   margin-left: auto;
   margin-right: auto;
   }
   }
   @media (min-width: 992px) {
   .attractive-features .col-features {
   margin-left: -8.3333%;
   }
   .experience .devotion {
   margin-left: -6rem;
   }
   footer .list {
   margin-left: 4rem;
   }
   footer .list li:not(:last-child) {
   margin-right: 9rem;
   }
   }
   @media (min-width: 1200px) {
   .intro-banner .banner-title {
   font-size: 2em;
   }
   .intro-banner .video-banner {
   margin-left: 6rem;
   }
   .experience .devotion {
   margin-left: 0;
   }
   }
   @media (max-width: 1220px) {
   .variation-section .overflow-hidden {
   margin: 0 -20px;
   }
   }
   @media (max-width: 1199px) {
   .features .icon-box {
   max-width: 50rem;
   margin-left: auto;
   margin-right: auto;
   padding-left: 3rem;
   padding-right: 3rem;
   }
   .demo-filters li:not(:last-child) {
   margin-right: 1rem;
   }
   .demo-filters a {
   padding: 1.44em 1.72em;
   }
   .intro-banner .banner-title {
   font-size: 3.5em;
   }
   .features .icon-box {
   max-width: 50rem;
   margin-left: auto;
   margin-right: auto;
   padding-left: 3rem;
   padding-right: 3rem;
   }
   }
   @media (max-width: 991px) {
   .intro-banner p {
   margin-left: auto;
   margin-right: auto;
   }
   .mobile-menu-toggle svg {
   stroke: #fff;
   }
   .intro-banner {
   height: auto;
   text-align: center;
   font-size: 0.9rem;
   }
   .intro-banner .container {
   position: relative;
   }
   .intro-banner .banner-content {
   transform: none;
   }
   .intro-banner .custom-absolute-img1 {
   left: 10%;
   }
   .intro-banner .custom-absolute-img1 img {
   min-height: 0;
   max-height: 350px;
   }
   .intro-banner .custom-absolute-img2 {
   bottom: -10rem;
   }
   .attractive-features .col-gift {
   padding-left: 5vw;
   }
   .attractive-features .col-beautiful {
   padding-top: 76px;
   }
   footer .list {
   flex-direction: column;
   }
   }
   @media (max-width: 767px) {
   .header .btn-purchase {
   display: none;
   }
   .main-features .icon-box,
   footer .icon-box {
   max-width: 40rem;
   margin-left: auto;
   margin-right: auto;
   }
   .attractive-features h2 {
   font-size: 4rem;
   }
   .attractive-features h3,
   .elements-section h2,
   .features-section h2,
   .variation-section h2 {
   font-size: 3.1rem;
   }
   }
   @media (max-width: 575px) {
   .attractive-features .col-gift {
   order: -1;
   padding: 0 10px 8rem 7vw;
   }
   .attractive-features .col-beautiful {
   padding-left: 7vw;
   }
   .elements > div {
   max-width: 30rem;
   margin-left: auto;
   margin-right: auto;
   }
   .attractive-features .col-beautiful {
   padding-top: 8rem;
   }
   .variation-section .layout img {
   width: 306px;
   top: 3rem;
   left: 50%;
   border-radius: 2px 2px 2rem 2rem;
   opacity: 0;
   transform: translate(-50%);
   transition: opacity 0.3s;
   }
   .variation-section .layout:hover img {
   opacity: 1;
   }
   }
   @media (max-width: 479px) {
   .variation-section .overflow-hidden {
   margin: 0 -15px;
   }
   }
</style>
<a href="#" class="mobile-menu-toggle d-lg-none mr-3" title="mobile toggle">
   <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px" height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve">
      <line fill="none" stroke-width="3.028" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" x1="17.953" y1="23.538" x2="52.047" y2="23.538" />
      <line fill="none" stroke-width="3.028" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" x1="17.953" y1="34.999" x2="52.047" y2="34.999" />
      <line fill="none" stroke-width="3.028" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" x1="17.953" y1="46.462" x2="34.707" y2="46.462" />
   </svg>
</a>
<?php
   $query = $pdo->prepare("SELECT * FROM slider");
   $query->execute();
   $result = $query->fetchAll(PDO::FETCH_ASSOC);
   
   // Category select query
   
   
   
   ?>
<main class="main mt-lg-4">
   <div class="page-content">
      <section class="intro-section container">
         <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 mb-4 mb-lg-0">
               <div class="intro-slider animation-slider owl-carousel owl-theme owl-dot-inner row cols-1 gutter-no" data-owl-options="{
                  'items': 1,
                  'dots': true,
                  'loop': true
                  }">
                  <?php 
                     foreach ($result as $row_banner){ 
                     ?>
                  <div class="intro-slide1 banner banner-fixed" style="background-color: #e8e8ea">
                     <figure>
                        <img src="admin/<?=$row_banner['image']?>" alt="banner" width="580" height="460" />
                     </figure>
                  </div>
                  <?php } ?>
               </div>
            </div>
            <!--<div class="col-xl-3 col-lg-3 col-md-4 mb-4">-->
            <!--   <div class="intro-banner banner banner-fixed overlay-dark">-->
            <!--      <figure>-->
            <!--         <img class="x-50" src="images/demos/demo22/banner/drone.png" alt="product" width="346" height="193" />-->
            <!--      </figure>-->
            <!--      <div class="banner-content x-50 y-50 text-center d-flex flex-column align-items-center">-->
            <!--         <p class="text-white font-primary text-uppercase flex-1 lh-1 appear-animate" data-animation-options="{-->
            <!--            'name': 'maskUp'-->
            <!--            }">Through <br />-->
            <!--            <span class="d-inline-block mt-1 ls-normal">Caliber eCom Birthday</span>-->
            <!--         </p>-->
            <!--         <h4 class="banner-subtitle mb-1 text-uppercase ls-normal font-weight-normal appear-animate" data-animation-options="{-->
            <!--            'name': 'fadeInDownShorter',-->
            <!--            'delay': '.3s'-->
            <!--            }">Up to 70% Off</h4>-->
            <!--         <h3 class="banner-title ls-md font-weight-bold appear-animate" data-animation-options="{-->
            <!--            'name': 'fadeInDownShorter',-->
            <!--            'delay': '.2s'-->
            <!--            }">Portable Drone SD9</h3>-->
            <!--         <a href="shop.php" class="btn btn-dark btn-md btn-rounded appear-animate" data-animation-options="{-->
            <!--            'name': 'fadeInDownShorter'-->
            <!--            }">Buy drone</a>-->
            <!--      </div>-->
            <!--   </div>-->
            <!--</div>-->
         </div>
      </section>
      <section class="categories container mt-10">
         <h2 class="title title-line title-underline border-1 mb-4">Top Categories</h2>
         <div class="row">
            <?php 
               $query1 = $pdo->prepare("SELECT * FROM category WHERE status = 1");
               $query1->execute();
               $res_category = $query1->fetchAll(PDO::FETCH_ASSOC);
               foreach ($res_category as $row_cat){
               ?>
            <div class="col-xl-4 col-md-6 mb-4">
               <div class="category category-group-image appear-animate" data-animation-options="{
                  'name': 'fadeIn'
                  }">
                  <a href="#">
                     <figure class="category-media">
                        <img src="admin/<?=$row_cat['image']?>" alt="category" width="190" height="169" />
                     </figure>
                  </a>
                  <div class="category-content">
                     <h4 class="category-name">
                        <a href="category.php"><?=$row_cat['name']?></a>
                     </h4>
                     <ul class="category-list">
                        <?php 
                           $query1 = $pdo->prepare("SELECT * FROM category WHERE status = 1");
                           $query1->execute();
                           $res_category = $query1->fetchAll(PDO::FETCH_ASSOC);
                           
                            ?>
                     </ul>
                  </div>
               </div>
            </div>
            <?php } ?>
         </div>
      </section>
      <section class="banner-group container mt-10 pb-4 pt-2 mb-10 appear-animate">
         <div class="owl-carousel owl-theme row cols-md-2 cols-1" data-owl-options="{
            'items': 2,
            'margin': 20,
            'dots': true,
            'responsive': {
            '0': {
            'items': 1
            },
            '768': {
            'items': 2,
            'loop': false
            },
            '992': {
            'dots': false
            }
            }
            }">
            <?php 
               $query2 = $pdo->prepare("SELECT * FROM `offers`");
               $query2->execute();
               $res_offer = $query2->fetchAll(PDO::FETCH_ASSOC);
                foreach ($res_offer as $row_offers){
               ?>
            <div class="banner1 banner banner-fixed overlay-zoom appear-animate" data-animation-options="{
               'name': 'fadeInRightShorter'
               }" style="background-color: #3cbea4">
               <figure>
                  <img src="admin/<?=$row_offers['image']?>" alt="banner" width="580" height="219" style="height: 219px;"/>
               </figure>
               <div class="banner-content y-50" style="background: #00000061;height: 215px;">
                  <h3 class="banner-title text-white" style="margin-top: 12%;"><?=$row_offers['main_title']?></h3>
                  <p class="mb-7 text-white">
                     <?=$row_offers['second_title']?>
                  </p>
                  <!--<a href="#" class="btn btn-link btn-white btn-underline">Oem Factories <i class="fas fa-angle-right"></i>
                     </a>
                     <a href="#" class="btn btn-link btn-white btn-underline">Top suppliers <i class="fas fa-angle-right"></i>
                     </a>-->
               </div>
            </div>
            <?php } ?>
         </div>
      </section>
      <div class="page-content">
         <div class="container">
            <section class="mt-10">
               <h2 class="title title-center">Featured Products</h2>
               <div class="code-template">
                  <div class="owl-carousel owl-theme row cols-lg-4 cols-md-3 cols-2" data-owl-options="{
                     'nav': false,
                     'dots': false,
                     'margin': 20,
                     'autoplay': false,
                     'responsive': {
                     '0': {
                     'items': 2
                     },
                     '576': {
                     'items': 2
                     },
                     '768': {
                     'items': 3
                     },
                     '992': {
                     'items': 4
                     }
                     }
                     }">
                      
                      <?php 
                            
                            $query = $pdo->prepare("SELECT products.*,product_variant.price,product_variant.discounted_price FROM `products` LEFT JOIN product_variant ON products.id=product_variant.product_id");
                            $query->execute();
                            $res_product = $query->fetchAll(PDO::FETCH_ASSOC);
                            foreach ($res_product as $row_products){
                      ?>
                      
                      
                     <div class="product product-variable text-center shadow-media cart-full code-content">
                        <figure class="product-media">
                            <a href="product.php?product=<?=$row_products['id']?>">
                                <img src="admin/<?=$row_products['image']?>" alt="product" width="280" height="315" style="height: 46% !important;">
                            </a>
                            <div class="product-action-vertical">
                                <span class="btn-product-icon btn-cart Active" OnClick="Quick_AddToCart(<?=$row_products['id']?>)" title="Add to cart" style="width: 140%;height: 30px;">
                                    <i class="d-icon-bag"></i>
                                    
                                </span>
                            </div>
                            <div class="product-action">
                                <a href="#" class="btn-product btn-quickview" title="Quick View">Quick
                                View</a>
                            </div>
                            <input type="hidden"  id="quantity_<?=$row_products['id']?>" value="1">
                        </figure>
                        <div class="product-details">
                           <h3 class="product-name">
                              <a href="product.php?product=<?=$row_products['id']?>"><?=$row_products['name']?></a>
                           </h3>
                           <div class="product-price">
                              <ins class="new-price"><i class="bi bi-currency-rupee"></i><?=$row_products['price']?></ins>
                              <del class="old-price"><i class="bi bi-currency-rupee"></i><?=$row_products['discounted_price']?></del>
                           </div>
                           <a href="product.php?product=<?=$row_products['id']?>" class="btn-product btn-cart" title="Select Options"><span>View</span></a>
                        </div>
                     </div>
                     <?php } ?>
                  </div>
               </div>
            </section>
         </div>
      </div>
      <section class="container features-section text-center pt-10 mt-7" id="sec-features">
         <h2 class="ls-m font-weight-bold mb-1 appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.2s'}">Our Core Services</h2>
         <p class="mb-9 appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.2s'}">
            Powerful Services and inclusions, which make caliber e-com standout,
            <br> easily customizable and scalable.
         </p>
         <div class="features row cols-md-2 cols-lg-3 same-height">
            <div>
               <div class="icon-box appear-animate">
                  <span class="icon-box-icon">
                     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
                        <g>
                           <path d="M2.579,13.325v11.68v61.671h94.842V25.005v-11.68H2.579z M5.382,16.128h89.236v6.074H5.382V16.128z M94.618,83.872H5.382
                              V25.005h89.236V83.872z" />
                           <rect x="7.251" y="17.686" width="2.889" height="2.803" />
                           <rect x="12.251" y="17.686" width="2.887" height="2.803" />
                           <rect x="17.25" y="17.686" width="2.889" height="2.803" />
                           <rect x="20.116" y="29.991" width="8.353" height="2.803" />
                           <rect x="39.354" y="29.991" width="17.088" height="2.803" />
                           <rect x="30.874" y="29.991" width="3.924" height="2.803" />
                           <rect x="22.9" y="43.183" width="8.607" height="2.803" />
                           <rect x="43.404" y="43.183" width="13.038" height="2.803" />
                           <rect x="33.913" y="43.183" width="4.937" height="2.803" />
                           <rect x="56.948" y="56.372" width="25.428" height="2.803" />
                           <rect x="34.418" y="56.372" width="19.365" height="2.803" />
                           <rect x="69.763" y="43.183" width="14.907" height="2.803" />
                           <rect x="60.112" y="43.183" width="6.963" height="2.803" />
                           <rect x="27.456" y="49.778" width="5.064" height="2.803" />
                           <rect x="34.418" y="49.778" width="19.739" height="2.803" />
                           <rect x="68.467" y="29.991" width="17.088" height="2.803" />
                           <rect x="59.986" y="29.991" width="3.926" height="2.803" />
                           <rect x="20.116" y="36.587" width="33.667" height="2.803" />
                           <rect x="20.116" y="63.077" width="46.326" height="2.803" />
                           <rect x="20.116" y="69.673" width="53.655" height="2.803" />
                           <rect x="20.116" y="76.269" width="23.289" height="2.803" />
                           <rect x="10.284" y="29.991" width="3.466" height="2.803" />
                           <rect x="10.284" y="36.587" width="3.466" height="2.803" />
                           <rect x="10.284" y="43.183" width="3.466" height="2.803" />
                           <rect x="10.284" y="49.778" width="3.466" height="2.803" />
                           <rect x="10.284" y="56.372" width="3.466" height="2.803" />
                           <rect x="10.284" y="62.968" width="3.466" height="2.803" />
                           <rect x="10.284" y="69.563" width="3.466" height="2.803" />
                           <rect x="10.284" y="76.159" width="3.466" height="2.803" />
                        </g>
                     </svg>
                  </span>
                  <div class="icon-box-content">
                     <h3 class="icon-box-title">PCB Manufacturing Service</h3>
                     <p>
                     </p>
                  </div>
               </div>
            </div>
            <div>
               <div class="icon-box appear-animate">
                  <span class="icon-box-icon">
                     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
                        <g>
                           <path d="M98.737,52.198l-7.71-7.71c-0.771-0.771-1.576-1.161-2.39-1.161c-0.676,0-1.294,0.266-1.786,0.771
                              c-0.704,0.725-0.935,1.73-0.917,2.371c0.042,1.648-0.263,2.306-0.525,2.571c-0.877,0.875-2.524,0.725-3.557-0.308
                              c-0.551-0.55-0.878-1.224-0.922-1.895c-0.041-0.631,0.177-1.222,0.616-1.66c0.454-0.455,1.354-0.514,2.089-0.514
                              c0.177,0,0.346,0.004,0.576,0.01c1.067,0,2.401-0.611,2.885-1.777c0.313-0.754,0.396-1.942-0.979-3.317l-7.729-7.729
                              c-0.119-0.12-0.259-0.226-0.42-0.321c-0.114-0.373-0.313-0.708-0.586-0.98l-7.71-7.71c-0.771-0.771-1.574-1.162-2.39-1.162
                              c-0.676,0-1.294,0.267-1.786,0.772c-0.705,0.724-0.934,1.73-0.917,2.371c0.042,1.647-0.262,2.308-0.524,2.57
                              c-0.877,0.875-2.524,0.727-3.557-0.306c-0.551-0.551-0.879-1.224-0.923-1.896c-0.041-0.631,0.178-1.221,0.616-1.66
                              c0.46-0.46,1.412-0.514,2.089-0.514c0.177,0,0.348,0.004,0.576,0.009c1.067,0,2.401-0.61,2.885-1.775
                              c0.313-0.754,0.397-1.943-0.979-3.318l-7.729-7.729c-0.859-0.86-2.498-0.86-3.359,0.001l-7.685,7.685
                              c-0.143,0.143-0.251,0.229-0.326,0.282c-0.029-0.08-0.049-0.166-0.047-0.217c0.033-1.253,0.096-3.585-1.468-5.148
                              c-0.955-0.955-2.135-1.459-3.414-1.459c-1.563,0-3.185,0.762-4.568,2.146c-1.16,1.16-1.881,2.475-2.087,3.804
                              c-0.243,1.575,0.24,3.021,1.399,4.18c1.006,1.007,2.528,1.497,4.651,1.497c0.172,0,0.332-0.003,0.477-0.007
                              c0.07,0,0.149,0.021,0.218,0.046c-0.058,0.082-0.146,0.191-0.282,0.328l-7.905,7.904c-0.449,0.449-0.696,1.046-0.696,1.68
                              s0.247,1.23,0.696,1.68l7.414,7.414c0.165,0.166,0.259,0.316,0.31,0.412c-0.076,0.053-0.167,0.101-0.22,0.101l-0.388-0.005
                              c-1.3-0.023-3.269-0.026-4.623,1.327c-1.116,1.117-1.652,2.525-1.551,4.072c0.095,1.448,0.763,2.859,1.881,3.978
                              c1.193,1.192,2.786,1.877,4.369,1.877c1.417,0,2.753-0.557,3.765-1.567c1.388-1.389,1.496-3.522,1.457-5.005
                              c-0.001-0.033,0.009-0.083,0.024-0.136c0.072,0.054,0.16,0.129,0.263,0.233l7.647,7.647c0.12,0.121,0.256,0.226,0.421,0.326
                              c0.114,0.369,0.313,0.704,0.585,0.977l7.414,7.413c0.224,0.224,0.316,0.544,0.35,0.69c-0.086,0.129-0.217,0.293-0.26,0.318
                              c-0.196,0-0.424-0.015-0.673-0.029c-0.318-0.021-0.67-0.04-1.037-0.04c-0.926,0-2.274,0.118-3.301,1.144
                              c-1.142,1.145-1.649,2.436-1.551,3.947c0.094,1.426,0.744,2.779,1.881,3.916c1.174,1.174,2.767,1.848,4.369,1.848
                              c1.406,0,2.742-0.563,3.764-1.585c1.389-1.389,1.496-3.525,1.457-5.013c-0.001-0.032,0.009-0.084,0.025-0.139
                              c0.071,0.054,0.159,0.128,0.262,0.231l7.648,7.647c0.446,0.446,1.042,0.693,1.68,0.693c0.635,0,1.231-0.247,1.679-0.696l7.911-7.91
                              c1.269-1.269,1.322-1.93,0.974-2.774c-0.48-1.161-1.729-1.235-2.733-1.24c-0.001-0.005-0.003-0.009-0.005-0.013
                              c-0.098-0.215-0.231-0.51-0.553-0.51c-1.036,0-1.811-0.406-2.191-0.786c-0.411-0.411-0.649-1.105-0.605-1.766
                              c0.044-0.688,0.384-1.41,0.909-1.936c1.027-1.027,2.646-1.193,3.504-0.335c0.507,0.507,0.522,1.575,0.497,2.536
                              c-0.019,0.666,0.211,1.634,0.914,2.355c0.486,0.499,1.102,0.763,1.778,0.763c0.81,0,1.609-0.39,2.377-1.157l8.264-8.265
                              C99.663,54.632,99.663,53.124,98.737,52.198z M83.534,66.614l-7.517,7.517l-7.254-7.254c-0.809-0.808-1.647-1.219-2.494-1.219
                              c-0.697,0-1.334,0.276-1.841,0.797c-0.735,0.754-0.976,1.804-0.957,2.476c0.048,1.81-0.301,2.546-0.6,2.847
                              c-0.434,0.434-1.033,0.673-1.689,0.673c-0.822,0-1.66-0.366-2.297-1.002c-0.614-0.613-0.979-1.369-1.027-2.126
                              c-0.047-0.704,0.2-1.365,0.697-1.861c0.52-0.521,1.511-0.587,2.318-0.587c0.193,0,0.383,0.004,0.628,0.01
                              c1.113,0,2.504-0.633,3.004-1.842c0.324-0.782,0.408-2.014-1.029-3.451l-6.889-6.888l7.665-7.666
                              c1.386-1.386,1.27-2.305,0.974-3.023c-0.392-0.945-1.359-1.457-2.806-1.486c-0.093-0.107-0.244-0.276-0.485-0.276
                              c-1.127,0-1.87-0.342-2.191-0.662c-0.422-0.422-0.647-1.06-0.605-1.704c0.044-0.676,0.375-1.37,0.91-1.904
                              c1.023-1.023,2.644-1.179,3.503-0.32c0.509,0.508,0.522,1.58,0.498,2.545c-0.018,0.638,0.211,1.637,0.913,2.359
                              c0.488,0.5,1.104,0.765,1.778,0.765c0.81,0,1.609-0.389,2.377-1.158l7.724-7.722l7.203,7.202c0.03,0.03,0.058,0.059,0.083,0.086
                              c-1.179-0.031-3.222-0.068-4.654,1.366c-1.022,1.022-1.552,2.372-1.489,3.802c0.062,1.417,0.698,2.802,1.795,3.899
                              c1.137,1.137,2.643,1.788,4.132,1.788c1.347,0,2.614-0.524,3.571-1.48c1.288-1.29,1.414-3.244,1.386-4.635
                              c0.026,0.024,0.056,0.053,0.086,0.083l7.316,7.317l-7.871,7.871c-0.021,0.021-0.041,0.041-0.062,0.061
                              c0.029-1.163,0.036-3.194-1.358-4.589c-0.949-0.948-2.209-1.472-3.548-1.472c-1.479,0-2.975,0.647-4.102,1.776
                              c-1.083,1.081-1.715,2.45-1.779,3.852c-0.067,1.431,0.457,2.78,1.476,3.797c0.929,0.929,2.323,1.382,4.264,1.382
                              c0.108,0,0.211-0.002,0.306-0.004C83.575,66.572,83.556,66.592,83.534,66.614z M43.152,43.391c0.324-0.78,0.408-2.013-1.03-3.449
                              l-7.02-7.021l7.512-7.513c1.171-1.172,1.503-2.23,1.047-3.33c-0.436-1.05-1.582-1.682-3.074-1.696
                              c-0.002-0.003-0.01-0.009-0.029-0.02c-0.096-0.06-0.241-0.149-0.431-0.149c-1.16,0-2.123-0.271-2.577-0.726
                              c-0.482-0.481-0.676-1.055-0.575-1.702c0.109-0.706,0.569-1.508,1.263-2.201c1.372-1.372,2.861-1.671,3.836-0.697
                              c0.62,0.62,0.64,1.869,0.61,2.992c-0.018,0.681,0.226,1.749,0.974,2.518c0.515,0.528,1.161,0.806,1.868,0.806
                              c0.857,0,1.711-0.417,2.536-1.241l7.293-7.293l7.335,7.335c0.03,0.03,0.059,0.059,0.083,0.086
                              c-1.179-0.032-3.222-0.067-4.654,1.366c-2.107,2.108-1.976,5.419,0.307,7.702c1.136,1.136,2.643,1.788,4.132,1.788
                              c1.347,0,2.613-0.526,3.57-1.481c1.289-1.29,1.414-3.243,1.386-4.635c0.026,0.025,0.056,0.053,0.086,0.083l7.316,7.317L67.045,40.1
                              c-0.021,0.021-0.041,0.041-0.063,0.06c0.029-1.163,0.037-3.194-1.357-4.589c-0.948-0.949-2.209-1.471-3.547-1.471
                              c-1.479,0-2.975,0.647-4.103,1.776c-1.083,1.082-1.715,2.45-1.78,3.852c-0.066,1.431,0.458,2.78,1.477,3.797
                              c0.929,0.929,2.323,1.38,4.264,1.38c0.108,0,0.21-0.001,0.306-0.003c-0.02,0.02-0.039,0.041-0.062,0.063l-7.517,7.517l-7.254-7.254
                              c-0.809-0.808-1.648-1.219-2.493-1.219c-0.698,0-1.335,0.276-1.842,0.797c-0.735,0.753-0.976,1.803-0.957,2.474
                              c0.048,1.812-0.299,2.548-0.599,2.849c-0.433,0.434-1.033,0.672-1.689,0.672c-0.823,0-1.66-0.365-2.297-1.003
                              c-0.614-0.613-0.979-1.367-1.028-2.125c-0.046-0.704,0.201-1.366,0.698-1.862c0.519-0.52,1.512-0.586,2.318-0.586
                              c0.193,0,0.383,0.004,0.628,0.01C41.261,45.234,42.651,44.601,43.152,43.391z M62.289,43.318L62.289,43.318c0,0,0.002,0,0.003,0
                              C62.291,43.318,62.29,43.318,62.289,43.318z M40.537,21.173l-0.001,0c0.001,0,0.002,0,0.004,0
                              C40.54,21.173,40.538,21.173,40.537,21.173z M40.141,43.318c0.038,0,0.074-0.017,0.112-0.021
                              C40.215,43.31,40.178,43.318,40.141,43.318C40.14,43.318,40.14,43.318,40.141,43.318c-0.001,0-0.002,0-0.002,0H40.141z
                              M61.494,65.463L61.494,65.463c-0.005,0-0.01,0-0.014,0C61.484,65.463,61.49,65.463,61.494,65.463z M83.663,65.463
                              c-0.005,0-0.012,0-0.018,0h-0.002c-0.003,0-0.005-0.006-0.008-0.006C83.646,65.457,83.653,65.463,83.663,65.463z" />
                           <path d="M38.301,57.639c-0.771-0.772-1.574-1.162-2.389-1.162c-0.676,0-1.294,0.266-1.786,0.771
                              c-0.705,0.725-0.935,1.729-0.917,2.371c0.042,1.648-0.263,2.308-0.525,2.571c-0.878,0.871-2.525,0.725-3.556-0.307
                              c-0.551-0.552-0.878-1.226-0.922-1.896c-0.042-0.632,0.176-1.222,0.615-1.66c0.456-0.454,1.355-0.514,2.089-0.514
                              c0.177,0,0.346,0.004,0.576,0.009c1.067,0,2.401-0.61,2.885-1.775c0.312-0.756,0.396-1.943-0.979-3.318L25.663,45
                              c-0.859-0.86-2.499-0.862-3.358,0l-7.685,7.685c-0.143,0.143-0.252,0.229-0.327,0.28c-0.028-0.08-0.048-0.164-0.047-0.216
                              c0.033-1.253,0.095-3.585-1.469-5.149c-0.953-0.954-2.133-1.459-3.413-1.459c-1.563,0-3.186,0.763-4.569,2.146
                              c-1.159,1.158-1.88,2.473-2.087,3.804c-0.244,1.576,0.24,3.021,1.399,4.181c1.007,1.007,2.529,1.496,4.651,1.496
                              c0.172,0,0.333-0.003,0.477-0.007c0.07,0,0.148,0.021,0.218,0.046C9.394,57.89,9.305,58,9.169,58.135l-7.905,7.904
                              c-0.449,0.45-0.696,1.047-0.696,1.681s0.247,1.23,0.696,1.68l7.414,7.415c0.166,0.164,0.259,0.316,0.31,0.412
                              c-0.076,0.053-0.167,0.101-0.22,0.101l-0.388-0.005c-1.301-0.021-3.269-0.026-4.623,1.326c-1.116,1.117-1.652,2.524-1.55,4.072
                              c0.094,1.446,0.762,2.857,1.88,3.977c1.194,1.194,2.786,1.879,4.369,1.879c1.417,0,2.753-0.559,3.764-1.569
                              c1.388-1.389,1.496-3.52,1.457-5.003c-0.001-0.032,0.009-0.083,0.025-0.137c0.071,0.055,0.159,0.129,0.262,0.233l7.648,7.647
                              c0.449,0.449,1.046,0.696,1.68,0.696c0.635,0,1.231-0.247,1.679-0.696l7.911-7.91c1.385-1.386,1.27-2.308,0.973-3.023
                              c-0.391-0.945-1.359-1.458-2.805-1.486c-0.092-0.107-0.243-0.276-0.486-0.276c-1.128,0-1.871-0.341-2.19-0.661
                              c-0.422-0.423-0.649-1.06-0.606-1.706c0.043-0.674,0.375-1.368,0.91-1.902c1.023-1.022,2.644-1.18,3.503-0.321
                              c0.508,0.508,0.523,1.58,0.497,2.546c-0.017,0.637,0.211,1.636,0.914,2.358c0.489,0.501,1.104,0.765,1.779,0.765
                              c0.808,0,1.607-0.39,2.376-1.158l8.265-8.264c0.925-0.928,0.925-2.435,0-3.36L38.301,57.639z M30.809,79.765l-7.517,7.517
                              l-7.254-7.254c-0.809-0.81-1.647-1.219-2.493-1.219c-0.699,0-1.336,0.274-1.842,0.795c-0.734,0.754-0.975,1.805-0.958,2.475
                              c0.048,1.813-0.298,2.549-0.598,2.85c-0.433,0.432-1.033,0.671-1.689,0.671c-0.823,0-1.66-0.366-2.298-1.003
                              c-0.614-0.612-0.979-1.368-1.028-2.123c-0.046-0.706,0.201-1.367,0.698-1.863c0.519-0.519,1.512-0.585,2.318-0.585
                              c0.169,0,0.335,0.003,0.525,0.006l0.103,0.003c1.114,0,2.502-0.633,3.004-1.843c0.324-0.78,0.408-2.014-1.029-3.449l-7.02-7.021
                              l7.512-7.513c1.17-1.173,1.502-2.23,1.046-3.329c-0.436-1.051-1.58-1.682-3.072-1.696c-0.002-0.003-0.011-0.009-0.029-0.02
                              c-0.096-0.061-0.241-0.149-0.431-0.149c-1.16,0-2.124-0.272-2.578-0.727c-0.482-0.481-0.675-1.054-0.575-1.702
                              c0.109-0.704,0.57-1.508,1.263-2.199c1.373-1.372,2.861-1.672,3.835-0.699c0.621,0.621,0.64,1.869,0.61,2.993
                              c-0.018,0.68,0.226,1.747,0.974,2.516c0.515,0.528,1.161,0.808,1.867,0.808c0.857,0,1.709-0.417,2.536-1.241l7.293-7.293
                              l7.335,7.334c0.03,0.029,0.058,0.059,0.083,0.085c-1.177-0.026-3.223-0.065-4.654,1.367c-2.108,2.109-1.976,5.418,0.307,7.702
                              c1.136,1.135,2.642,1.787,4.131,1.787c1.347,0,2.615-0.525,3.571-1.481c1.289-1.288,1.415-3.243,1.386-4.635
                              c0.027,0.025,0.056,0.054,0.086,0.083l7.317,7.318l-7.871,7.87c-0.021,0.021-0.042,0.04-0.063,0.061
                              c0.029-1.163,0.036-3.195-1.358-4.59c-0.948-0.948-2.208-1.47-3.547-1.47c-1.48,0-2.976,0.646-4.103,1.774
                              c-1.083,1.081-1.714,2.45-1.779,3.853c-0.066,1.43,0.458,2.778,1.476,3.797c0.929,0.929,2.324,1.381,4.264,1.381
                              c0.108,0,0.212-0.002,0.306-0.003C30.851,79.722,30.83,79.742,30.809,79.765z M9.166,55.973l-0.001-0.001
                              c0.001,0,0.002,0.001,0.004,0.001C9.167,55.973,9.166,55.973,9.166,55.973z M8.769,78.118c0.038,0,0.074-0.018,0.112-0.022
                              C8.844,78.109,8.806,78.118,8.769,78.118c0,0-0.001,0-0.001,0c0,0-0.001,0-0.001,0H8.769z M30.918,78.118c0,0,0-0.002,0-0.002
                              c0.001,0,0.002,0.002,0.003,0.002C30.92,78.118,30.919,78.118,30.918,78.118z" />
                        </g>
                     </svg>
                  </span>
                  <div class="icon-box-content">
                     <h3 class="icon-box-title">Customized Lithium ion Battery Pack</h3>
                     <p>
                     </p>
                  </div>
               </div>
            </div>
            <div>
               <div class="icon-box appear-animate">
                  <span class="icon-box-icon">
                     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
                        <g>
                           <polygon points="19.719,76.717 19.719,80.281 80.281,80.281 80.281,76.717 51.781,76.717 51.781,54.102 55.644,59.895 
                              58.607,57.918 50,45.007 41.393,57.918 44.357,59.895 48.218,54.102 48.218,76.717 	" />
                           <polygon points="32.188,83.844 10.813,83.844 10.813,69.594 32.188,69.594 32.188,74.938 35.75,74.938 35.75,66.031 7.25,66.031 
                              7.25,87.406 19.719,87.406 19.719,89.188 16.156,89.188 16.156,92.75 26.844,92.75 26.844,89.188 23.281,89.188 23.281,87.406 
                              35.75,87.406 35.75,82.063 32.188,82.063 	" />
                           <polygon points="92.75,87.406 92.75,66.031 64.249,66.031 64.249,74.938 67.813,74.938 67.813,69.594 89.188,69.594 89.188,83.844 
                              67.813,83.844 67.813,82.063 64.249,82.063 64.249,87.406 76.718,87.406 76.718,89.188 73.156,89.188 73.156,92.75 83.844,92.75 
                              83.844,89.188 80.281,89.188 80.281,87.406 	" />
                           <path d="M19.719,53.563h17.813V50H19.719V39.313h60.563V50H62.469v3.563h17.813v8.906h3.563V12.593
                              c0-2.947-2.396-5.344-5.344-5.344h-57c-2.947,0-5.344,2.397-5.344,5.344v49.875h3.563V53.563z M19.719,35.75V25.062h28.5h3.563
                              h28.5V35.75H19.719z M21.5,10.812h57c0.982,0,1.781,0.799,1.781,1.781V21.5h-28.5h-3.563h-28.5v-8.906
                              C19.719,11.611,20.518,10.812,21.5,10.812z" />
                           <rect x="23.281" y="14.375" width="3.563" height="3.562" />
                           <rect x="66.031" y="14.375" width="10.687" height="3.562" />
                           <rect x="23.281" y="28.624" width="3.563" height="3.563" />
                           <rect x="66.031" y="28.624" width="10.687" height="3.563" />
                           <rect x="23.281" y="42.875" width="3.563" height="3.562" />
                           <rect x="66.031" y="42.875" width="10.687" height="3.562" />
                        </g>
                     </svg>
                  </span>
                  <div class="icon-box-content">
                     <h3 class="icon-box-title">Online FDM 3D Printing Service</h3>
                     <p>
                     </p>
                  </div>
               </div>
            </div>
            <div>
               <div class="icon-box appear-animate">
                  <span class="icon-box-icon pt-1 pb-1">
                     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="90px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve">
                        <path d="M70,35.688c0.014-0.717-0.397-1.376-1.048-1.681L54.2,27.071l14.69-6.244
                           c0.661-0.281,1.096-0.924,1.109-1.643c0.014-0.717-0.397-1.376-1.048-1.681L35.942,1.986c-0.489-0.23-1.054-0.23-1.544-0.002
                           L1.052,17.531C0.4,17.834-0.011,18.491,0,19.211c0.012,0.717,0.444,1.362,1.104,1.644l14.703,6.299L1.052,34.035
                           C0.4,34.338-0.011,34.995,0,35.714c0.012,0.718,0.444,1.362,1.104,1.645l14.703,6.299l-14.755,6.88
                           C0.4,50.841-0.011,51.498,0,52.218c0.012,0.717,0.444,1.361,1.104,1.644l33.011,14.143c0.229,0.098,0.473,0.147,0.717,0.147
                           c0.243,0,0.485-0.048,0.713-0.145l33.346-14.174c0.661-0.28,1.096-0.924,1.109-1.643c0.014-0.717-0.397-1.376-1.048-1.682
                           L54.2,43.573l14.69-6.243C69.552,37.049,69.986,36.405,70,35.688z M35.164,5.646l28.555,13.42L50.703,24.6l0,0l-15.869,6.744
                           L22.66,26.127l0,0L6.283,19.112L35.164,5.646z M34.834,64.35L6.283,52.118L20.3,45.583L34.115,51.5
                           c0.228,0.099,0.471,0.148,0.716,0.148h0.001c0.243,0,0.485-0.049,0.713-0.146l14.157-6.017l14.015,6.586L34.834,64.35z
                           M50.703,41.103L50.703,41.103l-15.869,6.743L22.66,42.631l0,0L6.283,35.614L20.3,29.08l13.815,5.918
                           c0.228,0.098,0.471,0.147,0.716,0.147h0.001c0.243,0,0.485-0.048,0.713-0.145l14.157-6.018l14.017,6.586L50.703,41.103z" />
                     </svg>
                  </span>
                  <div class="icon-box-content">
                     <h3 class="icon-box-title">Non-Metal Laser Cutting Service</h3>
                     <p>
                     </p>
                  </div>
               </div>
            </div>
            <div>
               <div class="icon-box appear-animate">
                  <span class="icon-box-icon">
                     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
                        <g>
                           <path d="M56.771,27.854c0.564,0,1.021-0.458,1.021-1.019c0-0.565-0.457-1.022-1.021-1.022c-0.561,0-1.018,0.457-1.018,1.022
                              C55.754,27.396,56.211,27.854,56.771,27.854z" />
                           <path d="M52.186,27.854c0.563,0,1.023-0.458,1.023-1.019c0-0.565-0.46-1.022-1.023-1.022c-0.562,0-1.019,0.457-1.019,1.022
                              C51.167,27.396,51.624,27.854,52.186,27.854z" />
                           <path d="M51.481,77.432c-0.549,0-0.993,0.448-0.993,0.994c0,0.552,0.444,0.994,0.993,0.994c0.546,0,0.994-0.442,0.994-0.994
                              C52.476,77.88,52.027,77.432,51.481,77.432z" />
                           <path d="M47.599,27.854c0.565,0,1.022-0.458,1.022-1.019c0-0.565-0.457-1.022-1.022-1.022c-0.562,0-1.019,0.457-1.019,1.022
                              C46.581,27.396,47.038,27.854,47.599,27.854z" />
                           <path d="M26.268,66.014c0.003,0,0.005,0,0.008,0c3.767,0,6.754-2.992,6.754-6.668c0-3.679-2.992-6.672-6.67-6.672
                              c-3.681,0-6.675,2.993-6.675,6.672C19.685,62.976,22.638,65.966,26.268,66.014z M26.36,53.753c3.083,0,5.591,2.509,5.591,5.593
                              c0,2.847-2.18,5.176-4.973,5.519v-7.545c0-0.395-0.319-0.716-0.714-0.716s-0.715,0.321-0.715,0.716v7.53
                              c-2.693-0.398-4.784-2.713-4.784-5.504C20.764,56.262,23.274,53.753,26.36,53.753z" />
                           <path d="M26.151,67.844c0.069,0.006,0.138,0.008,0.209,0.008c4.69,0,8.506-3.815,8.506-8.506s-3.815-8.507-8.506-8.507
                              c-4.692,0-8.51,3.816-8.51,8.507C17.85,63.959,21.568,67.76,26.151,67.844z M26.36,51.919c4.095,0,7.426,3.332,7.426,7.427
                              c0,4.096-3.332,7.427-7.426,7.427c-0.049,0-0.097-0.001-0.146-0.008c-3.997-0.048-7.286-3.378-7.286-7.419
                              C18.929,55.251,22.263,51.919,26.36,51.919z" />
                           <path d="M86.336,33.03h-7.842v-1.262c0-0.395-0.319-0.714-0.716-0.714s-0.715,0.319-0.715,0.714v1.262H62.251v-9.862
                              c0-0.395-0.321-0.714-0.716-0.714H40.161v-1.788c0-0.395-0.32-0.715-0.715-0.715s-0.715,0.32-0.715,0.715v1.788H23.093
                              c-0.395,0-0.715,0.319-0.715,0.714v9.862h-5.754c-1.122,0-2.035,0.914-2.035,2.038v7.963l-4.715,4.716
                              c-0.211,0.211-0.211,0.552,0,0.763l3.294,3.295c-0.642,1.122-1.135,2.312-1.471,3.547H7.041c-0.298,0-0.54,0.242-0.54,0.54v6.91
                              c0,0.298,0.241,0.539,0.54,0.539h4.656c0.335,1.235,0.829,2.424,1.47,3.545l-3.294,3.296c-0.211,0.211-0.211,0.552,0,0.763
                              l4.715,4.715v4.304c0,1.122,0.913,2.035,2.035,2.035h26.586v5.328h-4.514v1.673h25.568v-1.673h-4.512v-5.328h26.584
                              c1.123,0,2.037-0.913,2.037-2.035V35.068C88.373,33.944,87.459,33.03,86.336,33.03z M77.102,34.46
                              c0.084,0.301,0.348,0.525,0.677,0.525s0.594-0.225,0.678-0.525h7.88c0.335,0,0.609,0.273,0.609,0.608v2.319h-8.451v-0.615
                              c0-0.395-0.319-0.714-0.716-0.714s-0.715,0.319-0.715,0.714v0.615h-12.78c-0.393,0-0.715,0.32-0.715,0.715s0.322,0.715,0.715,0.715
                              h12.78v0.457c0,0.396,0.318,0.715,0.715,0.715s0.716-0.319,0.716-0.715v-0.457h8.451v36.273H38.7l4.147-4.146
                              c0.102-0.101,0.158-0.238,0.158-0.382c0-0.143-0.057-0.28-0.158-0.381l-3.298-3.296c0.641-1.115,1.134-2.304,1.471-3.545h4.66
                              c0.298,0,0.54-0.241,0.54-0.539v-6.91c0-0.298-0.241-0.54-0.54-0.54h-4.66c-0.337-1.24-0.83-2.431-1.471-3.547l3.298-3.295
                              c0.102-0.101,0.158-0.238,0.158-0.382c0-0.143-0.057-0.28-0.158-0.381l-4.889-4.888c-0.102-0.101-0.239-0.158-0.382-0.158
                              s-0.28,0.057-0.381,0.158L33.9,46.154c-1.121-0.642-2.31-1.135-3.545-1.471v-4.656c0-0.298-0.241-0.54-0.54-0.54h-6.008V30.9
                              h37.012v40.87c0,0.396,0.321,0.715,0.716,0.715s0.716-0.318,0.716-0.715V34.46H77.102z M16.019,38.818h6.359v1.146
                              c-0.002,0.021-0.013,0.041-0.013,0.063v4.656c-1.235,0.335-2.424,0.829-3.546,1.471l-2.8-2.801V38.818z M60.819,23.883v6.147
                              H23.807v-6.147H60.819z M16.623,34.46h5.754v2.927h-6.359v-2.319C16.019,34.733,16.289,34.46,16.623,34.46z M14.607,67.734
                              l0.601-0.601l-0.442-0.725c-0.735-1.205-1.274-2.505-1.602-3.86l-0.2-0.827h-0.85H8.12v-4.751h3.995h0.85l0.2-0.826
                              c0.327-1.356,0.866-2.656,1.602-3.863l0.442-0.726l-0.601-0.6l-2.827-2.828l3.3-3.3c0.328,0.264,0.646,0.54,0.938,0.841v-0.027
                              l1.951,1.952l0.6,0.6l0.725-0.441c1.207-0.736,2.507-1.274,3.863-1.602l0.826-0.199v-0.85v-3.995h4.752v3.995v0.85l0.827,0.199
                              c1.356,0.328,2.656,0.866,3.862,1.602l0.725,0.441l0.6-0.6l2.827-2.828l3.362,3.361l-2.831,2.827l-0.601,0.602l0.443,0.726
                              c0.733,1.2,1.272,2.498,1.602,3.862l0.2,0.826h0.85H44.6v4.751h-3.999h-0.85l-0.2,0.827c-0.33,1.362-0.868,2.661-1.602,3.858
                              l-0.444,0.727l0.602,0.601l2.831,2.828l-3.362,3.362l-2.827-2.831l-0.601-0.602l-0.726,0.444c-1.201,0.734-2.5,1.272-3.861,1.602
                              l-0.827,0.199v0.85v3.998h-4.752v-3.998v-0.85l-0.826-0.199c-1.362-0.329-2.661-0.867-3.86-1.6l-0.725-0.443l-0.601,0.602
                              l-2.829,2.828l-3.362-3.362L14.607,67.734z M58.323,87.326H44.639v-5.328h13.684V87.326z M86.336,80.566H16.623
                              c-0.334,0-0.604-0.269-0.604-0.604v-4.625l2.802-2.801c1.117,0.64,2.305,1.132,3.544,1.469v4.659c0,0.298,0.241,0.539,0.54,0.539
                              h6.911c0.298,0,0.54-0.241,0.54-0.539v-4.659c1.239-0.337,2.428-0.83,3.546-1.471l3.142,3.146v0.279h0.379
                              c0.05,0.015,0.101,0.03,0.154,0.03s0.104-0.016,0.154-0.03h49.215v4.003C86.945,80.298,86.671,80.566,86.336,80.566z" />
                           <path d="M72.923,12.32h2.499c0.396,0,0.715-0.321,0.715-0.714c0-0.396-0.319-0.716-0.715-0.716h-2.499
                              c-0.396,0-0.716,0.32-0.716,0.716C72.207,11.999,72.526,12.32,72.923,12.32z" />
                           <path d="M52.903,12.32h2.501c0.396,0,0.716-0.321,0.716-0.714c0-0.396-0.319-0.716-0.716-0.716h-2.501
                              c-0.395,0-0.713,0.32-0.713,0.716C52.19,11.999,52.509,12.32,52.903,12.32z" />
                           <path d="M62.912,12.32h2.504c0.394,0,0.715-0.321,0.715-0.714c0-0.396-0.321-0.716-0.715-0.716h-2.504
                              c-0.395,0-0.716,0.32-0.716,0.716C62.196,11.999,62.518,12.32,62.912,12.32z" />
                           <path d="M57.909,12.32h2.501c0.396,0,0.715-0.321,0.715-0.714c0-0.396-0.318-0.716-0.715-0.716h-2.501
                              c-0.395,0-0.716,0.32-0.716,0.716C57.193,11.999,57.515,12.32,57.909,12.32z" />
                           <path d="M67.917,12.32h2.501c0.395,0,0.716-0.321,0.716-0.714c0-0.396-0.321-0.716-0.716-0.716h-2.501
                              c-0.396,0-0.715,0.32-0.715,0.716C67.202,11.999,67.521,12.32,67.917,12.32z" />
                           <path d="M77.778,29.981c0.396,0,0.716-0.319,0.716-0.714v-2.502c0-0.395-0.319-0.714-0.716-0.714s-0.715,0.319-0.715,0.714v2.502
                              C77.063,29.662,77.382,29.981,77.778,29.981z" />
                           <path d="M77.778,19.973c0.396,0,0.716-0.319,0.716-0.714v-2.503c0-0.395-0.319-0.714-0.716-0.714s-0.715,0.32-0.715,0.714v2.503
                              C77.063,19.653,77.382,19.973,77.778,19.973z" />
                           <path d="M77.778,14.968c0.396,0,0.716-0.321,0.716-0.714v-2.502c0-0.396-0.319-0.714-0.716-0.714s-0.715,0.319-0.715,0.714v2.502
                              C77.063,14.647,77.382,14.968,77.778,14.968z" />
                           <path d="M77.778,24.977c0.396,0,0.716-0.319,0.716-0.715V21.76c0-0.395-0.319-0.714-0.716-0.714s-0.715,0.32-0.715,0.714v2.502
                              C77.063,24.658,77.382,24.977,77.778,24.977z" />
                           <path d="M77.778,44.995c0.396,0,0.716-0.321,0.716-0.715v-2.501c0-0.396-0.319-0.715-0.716-0.715s-0.715,0.319-0.715,0.715v2.501
                              C77.063,44.673,77.382,44.995,77.778,44.995z" />
                           <path d="M68.424,50.651h2.502c0.394,0,0.716-0.318,0.716-0.714c0-0.395-0.322-0.713-0.716-0.713h-2.502
                              c-0.396,0-0.715,0.318-0.715,0.713C67.709,50.333,68.027,50.651,68.424,50.651z" />
                           <path d="M77.778,49.998c0.396,0,0.716-0.319,0.716-0.715v-2.502c0-0.394-0.319-0.715-0.716-0.715s-0.715,0.321-0.715,0.715v2.502
                              C77.063,49.679,77.382,49.998,77.778,49.998z" />
                           <path d="M73.43,50.651h2.502c0.394,0,0.712-0.318,0.712-0.714c0-0.395-0.318-0.713-0.712-0.713H73.43
                              c-0.396,0-0.716,0.318-0.716,0.713C72.714,50.333,73.033,50.651,73.43,50.651z" />
                           <path d="M63.419,50.651h2.504c0.394,0,0.716-0.318,0.716-0.714c0-0.395-0.322-0.713-0.716-0.713h-2.504
                              c-0.395,0-0.716,0.318-0.716,0.713C62.703,50.333,63.024,50.651,63.419,50.651z" />
                           <path d="M39.446,13.875c0.395,0,0.715-0.32,0.715-0.716V12.32h0.232c0.395,0,0.715-0.321,0.715-0.714
                              c0-0.396-0.32-0.716-0.715-0.716h-0.948c-0.395,0-0.715,0.32-0.715,0.716v1.554C38.73,13.555,39.051,13.875,39.446,13.875z" />
                           <path d="M42.895,12.32h2.502c0.395,0,0.716-0.321,0.716-0.714c0-0.396-0.321-0.716-0.716-0.716h-2.502
                              c-0.394,0-0.714,0.32-0.714,0.716C42.181,11.999,42.501,12.32,42.895,12.32z" />
                           <path d="M39.446,18.879c0.395,0,0.715-0.32,0.715-0.715v-2.501c0-0.395-0.32-0.716-0.715-0.716s-0.715,0.321-0.715,0.716v2.501
                              C38.73,18.559,39.051,18.879,39.446,18.879z" />
                           <path d="M47.899,12.32h2.502c0.394,0,0.715-0.321,0.715-0.714c0-0.396-0.321-0.716-0.715-0.716h-2.502
                              c-0.395,0-0.714,0.32-0.714,0.716C47.185,11.999,47.505,12.32,47.899,12.32z" />
                        </g>
                     </svg>
                  </span>
                  <div class="icon-box-content">
                     <h3 class="icon-box-title">Metal Laser Cutting Service</h3>
                     <p>
                     </p>
                  </div>
               </div>
            </div>
            <div>
               <div class="icon-box appear-animate">
                  <span class="icon-box-icon">
                     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
                        <g>
                           <path d="M84.238,27.372h-5.896h-5.469h-1.965v-9.729c0-2.558-2.08-4.639-4.637-4.639h-5.725H46.141h-5.72
                              c-2.558,0-4.639,2.081-4.639,4.639v9.729h-12.48c-0.7,0-1.267,0.566-1.267,1.267v17.7l-7.541,0.021l0.088,30.599l7.453-0.021v8.76
                              c0,0.701,0.566,1.266,1.267,1.266H72.38c0.072,0.013,0.141,0.033,0.216,0.033h11.522c0.166,0,0.323-0.043,0.473-0.104
                              c0.524-0.154,0.914-0.619,0.914-1.195V28.639C85.505,27.938,84.938,27.372,84.238,27.372z M82.972,82.996l-3.361-3.019V29.905
                              h3.361V82.996z M75.938,84.429l2.42-2.174l2.416,2.174H75.938z M77.076,29.905v50.098l-2.935,2.636V29.905H77.076z M68.376,17.644
                              v9.729h-3.188v-9.729c0-0.762-0.203-1.471-0.529-2.105h1.613C67.431,15.538,68.376,16.482,68.376,17.644z M60.548,15.538
                              c1.161,0,2.106,0.944,2.106,2.105v9.729H44.036v-9.729c0-1.161,0.943-2.105,2.104-2.105H60.548z M38.316,17.644
                              c0-1.161,0.943-2.105,2.104-2.105h1.61c-0.327,0.635-0.529,1.344-0.529,2.105v9.729h-3.186V17.644z M17.036,48.886l35.928-0.098
                              l7.406,12.74l-7.334,12.785l-35.928,0.104L17.036,48.886z M24.568,76.929l29.937-0.088l8.793-15.318l-8.879-15.273l-29.851,0.082
                              V29.905h11.214v4.609c-0.725,0.457-1.21,1.258-1.21,2.176c0,1.42,1.155,2.575,2.574,2.575c1.422,0,2.577-1.155,2.577-2.575
                              c0-0.998-0.575-1.854-1.407-2.282v-4.503h24.338v4.582c-0.752,0.451-1.262,1.265-1.262,2.203c0,1.42,1.155,2.575,2.577,2.575
                              c1.419,0,2.573-1.155,2.573-2.575c0-0.977-0.552-1.818-1.354-2.254v-4.531h6.418v54.523H24.568V76.929z" />
                           <path d="M57.041,61.255c-0.007-1.908-1.564-3.461-3.474-3.461h-0.01c-1.914,0.01-3.467,1.572-3.46,3.482
                              c0.006,1.904,1.559,3.456,3.478,3.456C55.485,64.732,57.041,63.173,57.041,61.255z M52.632,61.269
                              c-0.002-0.516,0.418-0.938,0.934-0.939l0.002-1.268v1.268c0.516,0,0.938,0.418,0.939,0.928c0,0.52-0.418,0.941-0.947,0.941
                              C53.05,62.198,52.632,61.782,52.632,61.269z" />
                           <path d="M37.108,57.079l-3.33-6.743l-3.327,6.743l-7.441,1.078l5.384,5.252l-1.268,7.41l6.652-3.5l6.657,3.5l-1.272-7.41
                              l5.385-5.25L37.108,57.079z M37.07,66.187l-3.292-1.729l-3.29,1.729l0.628-3.66l-2.662-2.598l3.679-0.533l1.646-3.336l1.647,3.336
                              l3.679,0.531l-2.663,2.6L37.07,66.187z" />
                        </g>
                     </svg>
                  </span>
                  <div class="icon-box-content">
                     <h3 class="icon-box-title">Online SLA 3D Printing Service</h3>
                     <p>
                     </p>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section class="container appear-animate">
         <div class="service-list">
            <div class="owl-carousel owl-theme owl-middle row cols-lg-4 cols-md-3 cols-sm-2 cols-2" data-owl-options="{
               'items': 4,
               'margin': 20,
               'dots': false,
               'autoplay': true,
               'responsive': {
               '0': {
               'items': 1
               },
               '576': {
               'items': 2
               },
               '768': {
               'items': 3
               },
               '992': {
               'items': 4
               }
               }
               }">
               <div class="icon-box text-center appear-animate" data-animation-options="{
                  'name':'zoomInLeft',
                  'delay': '.2s'
                  }">
                  <i class="icon-box-icon d-icon-truck" style="font-size: 4.4rem;"></i>
                  <div class="icon-box-content">
                     <h4 class="icon-box-title">Free Shipping &amp; Return</h4>
                     <p>Free shipping on orders over ₹99</p>
                  </div>
               </div>
               <div class="icon-box text-center appear-animate" data-animation-options="{
                  'name':'zoomInLeft',
                  'delay': '.3s'
                  }">
                  <i class="icon-box-icon d-icon-headphone" style="font-size: 3.4rem"></i>
                  <div class="icon-box-content">
                     <h4 class="icon-box-title">Customer Support 24/7</h4>
                     <p>Instant access to perfect support</p>
                  </div>
               </div>
               <div class="icon-box text-center appear-animate" data-animation-options="{
                  'name':'zoomInLeft',
                  'delay': '.4s'
                  }">
                  <i class="icon-box-icon d-icon-secure" style="font-size: 3.7rem"></i>
                  <div class="icon-box-content">
                     <h4 class="icon-box-title">100% Secure Payment</h4>
                     <p>We ensure secure payment!</p>
                  </div>
               </div>
               <div class="icon-box text-center appear-animate" data-animation-options="{
                  'name':'zoomInLeft',
                  'delay': '.5s'
                  }">
                  <i class="icon-box-icon d-icon-money" style="font-size: 3.2rem"></i>
                  <div class="icon-box-content">
                     <h4 class="icon-box-title">Money Back guarantee</h4>
                     <p>Any back within 30days</p>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section class="blog container mt-10 pt-3 mb-10 appear-animate">
         <h2 class="title title-underline title-line mb-4">From our Blog</h2>
         <div class="owl-carousel owl-theme row cols-lg-4 cols-md-3 cols-sm-2 cols-1" data-owl-options="{
            'items': 4,
            'margin': 20,
            'loop': false,
            'responsive': {
            '0': {
            'items': 1
            },
            '576': {
            'items': 2
            },
            '768': {
            'items': 3
            },
            '992': {
            'items': 4
            }
            }
            }">
             <?php
           $blog = $pdo->prepare("SELECT * FROM blogs WHERE status=1");
           $blog->execute();
           $blog_result = $blog->fetchAll(PDO::FETCH_ASSOC);
           $blog_total = $blog->RowCount();
           foreach($blog_result as $blog_result_datas){
             ?>
            <div class="post overlay-zoom appear-animate overlay-dark" data-animation-options="{
               'name': 'zoomInShorter'
               }">
               <figure class="post-media">
                    <a href="#">
                        <img src="admin/<?= $blog_result_datas['image'] ?>" width="280" height="189" alt="post" style="height: 189px;width: 280px;}" />
                    </a>
               </figure>
               <div class="post-details">
                  <div class="post-meta">
                     <a href="#" class="post-date"><?= $blog_result_datas['date']  ?></a> &nbsp;|&nbsp; <a href="#" class="post-comment">
                     <span></span> <?= $blog_result_datas['title'] ?> </a>
                  </div>
                  <h3 class="post-title">
                        <?= $blog_result_datas['title'] ?>
                  </h3>
                  <a href="#" class="btn btn-link btn-underline btn-sm">Read More <i class="d-icon-arrow-right"></i>
                  </a>
               </div>
            </div>
           <?php } ?>
         </div>
      </section>
   </div>
</main>
<?php include "footer.php"; ?>

Zerion Mini Shell 1.0