AutoShell

jkghkghkghkghkghkghkghkkghghkkghkgh hgghkghkghghkghhgkhgkghghkkghkhghkgkghkghkgh hjlhlhjhjlhjlhjlhjlhjlhjlhjhjl AutoShell

?? Editing: cuttingtools.php

<?php include 'header.php'; ?>

<div id="wrapper_full" class="content_all_warpper">
  
  <section class="page_header_default pg_bg_cover alignment_center">
    <div class="bakground_cover" style="background-image:url(assets/images/page-image-1-min.jpg)"></div>
    <div class="page_header_content">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="banner_title_inner">
              <div class="title">
                <span class="main_tit">Cutting Tools</span>
              </div>
            </div>
          </div>
          <div class="col-lg-12 vankine">
            <ul class="breadcrumb m-auto">
              <li><a href="index.php">Home</a></li>
              <li class="active">Cutting Tools</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

<div id="content" class="site-content" style="background-color:#ffffff;">
    <div class="shop-section">
      <div class="pd_top_90"></div>
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="product-section">
              <div class="row">
                
                      
                    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
            <div class="van_product_card">
              <div class="image_wrapper">
                <img src="assets/images/about/product-28-min.png" alt="Bore Gauge">
                <div class="overlay"></div>
              </div>
              <div class="card_content">
                <h2 class="product_name">Machine Taps</h2>
         
<a href="https://wa.me/+919943047744" class="button">Get a Quote</a>
              </div>
            </div>
          </div>

<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
            <div class="van_product_card">
              <div class="image_wrapper">
                <img src="assets/images/about/product-29-min.png" alt="Bore Gauge">
                <div class="overlay"></div>
              </div>
              <div class="card_content">
                <h2 class="product_name">End Mill</h2>
         
<a href="https://wa.me/+919943047744" class="button">Get a Quote</a>
              </div>
            </div>
          </div>

<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
            <div class="van_product_card">
              <div class="image_wrapper">
                <img src="assets/images/about/product-30-min.png" alt="Bore Gauge">
                <div class="overlay"></div>
              </div>
              <div class="card_content">
                <h2 class="product_name">Drills</h2>
         
<a href="https://wa.me/+919943047744" class="button">Get a Quote</a>
              </div>
            </div>
          </div>

</div>
            </div>
          </div>
        </div>
        <div class="pd_bottom_80"></div>
      </div>
    </div>
  </div>
</div>

<style>
    .section_padding { padding: 80px 0; }

.intro_text {
      font-size: 16px;
      color: #555;
      text-align: left;
    }

.van_product_card {
      border-radius: 15px;
      overflow: hidden;
      background: #fff;
      color: #333;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      padding: 10px;
      margin-bottom: 30px;
    }

.van_product_card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    }

.image_wrapper {
      position: relative;
      overflow: hidden;
      border: 1px solid black;
      border-radius: 12px;
    }

.image_wrapper img {
      width: 100%;
      display: block;
      transition: transform 0.5s ease;
    }

.van_product_card:hover img {
      transform: scale(1.1);
    }

.overlay {
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background:  #a600008e; /* glassy brown */
      opacity: 0;
      transition: opacity 0.5s ease;
    }

.van_product_card:hover .overlay {
      opacity: 1;
    }

.card_content {
      padding: 10px 0 5px;
    }

.product_name {
      text-align: left;
      font-size: 18px;
      font-weight: 600;
      color: brown;
      margin: 8px 0 4px 0;
    }

.product_size {
      text-align: left;
      font-size: 14px;
      color: #444;
      margin: 0 0 6px 0;
    }

.product_desc {
      font-size: 14px;
      color: #555;
      margin-bottom: 12px;
      text-align:left;
    }

.gbutton {
      display: inline-block;
      background: #8b5e3c;
      color: #fff;
      padding: 10px 18px;
      border-radius: 25px;
      font-weight: 600;
      transition: all 0.3s ease;
      text-transform: uppercase;
    }

.gbutton:hover {
      background: #d2a679;
      color: #111;
      transform: scale(1.05);
      box-shadow: 0 0 15px rgba(210,166,121,0.6);
    }
  </style>
 <section class="logo-slider py-4 bg-light">
  <div class="container">
    <div class="logo-track">
      
      <div><img src="assets/images/about/t1.JPG" alt="Logo 1"></div>
      <div><img src="assets/images/about/t2.JPG" alt="Logo 2"></div>
      <div><img src="assets/images/about/t3.JPG" alt="Logo 3"></div>
      <div><img src="assets/images/about/aim-removebg-preview.png" alt="Logo 4"></div>
      <div><img src="assets/images/about/b1-removebg-preview.png" alt="Logo 5"></div>
      <div><img src="assets/images/about/logo footer.jpg" alt="Logo 6"></div>
      <div><img src="assets/images/about/logo footer-1.jpg" alt="Logo 7"></div>
      <div><img src="assets/images/about/logo footer-3.jpg" alt="Logo 8"></div>
      <div><img src="assets/images/about/luthra.JPG" alt="Logo 9"></div>
      <div><img src="assets/images/about/dynamic.JPG" alt="Logo 10"></div>

<div>
  <img src="assets/images/about/kristeel_shinwa_industries_ltd_cover.jpg" 
       alt="Logo 11" 
       style="width: 180px; height: auto; display: block; margin: 0 auto;">
</div>

<div><img src="assets/images/about/t1.JPG" alt="Logo 1"></div>
      <div><img src="assets/images/about/t2.JPG" alt="Logo 2"></div>
      <div><img src="assets/images/about/t3.JPG" alt="Logo 3"></div>
      <div><img src="assets/images/about/aim-removebg-preview.png" alt="Logo 4"></div>
      <div><img src="assets/images/about/b1-removebg-preview.png" alt="Logo 5"></div>
      <div><img src="assets/images/about/logo footer.jpg" alt="Logo 6"></div>
      <div><img src="assets/images/about/logo footer-1.jpg" alt="Logo 7"></div>
      <div><img src="assets/images/about/logo footer-3.jpg" alt="Logo 8"></div>
      <div><img src="assets/images/about/luthra.JPG" alt="Logo 9"></div>
      <div><img src="assets/images/about/dynamic.JPG" alt="Logo 10"></div>
      <div>
  <img src="assets/images/about/kristeel_shinwa_industries_ltd_cover.jpg" 
       alt="Logo 11" 
       style="width: 180px; height: auto; display: block; margin: 0 auto;">
</div>

</div>
  </div>
</section>

.logo-track {
  display: flex;
  align-items: center;
  gap: 60px;
  animation: scroll 30s linear infinite;
  width: max-content;
}

.logo-track div {
  flex: 0 0 auto;
}

.logo-track img {
  height: 60px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.logo-track img:hover {
  transform: scale(1.1);
}

/* Make one logo narrower */
.small-width-logo {
  width: 80px !important;
  height: auto;
  object-fit: contain;
}

/* Smooth continuous scroll */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .logo-track {
    gap: 40px;
    animation-duration: 40s;
  }
  .logo-track img {
    height: 50px;
  }
  .small-width-logo {
    width: 150px !important;
  }
}

@media (max-width: 480px) {
  .logo-track {
    gap: 30px;
    animation-duration: 45s;
  }
  .logo-track img {
    height: 45px;
  }
  .small-width-logo {
    width: 90px !important;
  }
}
</style>

<?php include 'footer.php'; ?>

Path:

home / dhw4kgxay284 / public_html / vicanenterprises.com /

?? Editing: cuttingtools.php

Path:

?? Upload