~NAXC~

File Name:

<section>
  <div class="marquee-slider">
    <div class="marquee-track">
      
      <div class="card shadow border-0 mx-3" style="width: 220px; flex: 0 0 auto;">
        
        <div class="card-body text-center">
          <h3 class="mb-0"> Army War College, Mhow</h3>
        </div>
      </div>

<div class="card shadow border-0 mx-3" style="width: 220px; flex: 0 0 auto;">
         
        <div class="card-body text-center">
          <h3 class="mb-0"> Army Air Defence College, Gopalpur (twice)</h3>
        </div>
      </div>

<div class="card shadow border-0 mx-3" style="width: 220px; flex: 0 0 auto;">
        
        <div class="card-body text-center">
          <h3 class="mb-0"> Madras Regiment Centre, Wellington</h3>
        </div>
      </div>

<div class="card shadow border-0 mx-3" style="width: 220px; flex: 0 0 auto;">
         
        <div class="card-body text-center">
          <h3 class="mb-0"> 2 Madras Regiment, Binagudi</h3>
        </div>
      </div>

<div class="card shadow border-0 mx-3" style="width: 220px; flex: 0 0 auto;">
         
        <div class="card-body text-center">
          <h3 class="mb-0"> NDA, Dehradun</h3>
        </div>
      </div>

.marquee-track {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: scrollLeft 30s linear infinite;
}

.marquee-slider:hover .marquee-track {
  animation-play-state: paused; /* Pause on hover */
}

@keyframes scrollLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Card styling */
.card {
  border-radius: 12px;
}

.card img {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
</style>
    <footer>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="inner-content">
          <p>
            Copyright &copy; <span id="year"></span> Pre Fabricated Sand Model
          </p>
        </div>
      </div>
    </div>
  </div>
</footer>

<script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<script src="assets/js/custom.js"></script>
    <script src="assets/js/owl.js"></script>
    <script src="assets/js/slick.js"></script>
    <script src="assets/js/isotope.js"></script>
    <script src="assets/js/accordions.js"></script>

</html>

Bypass Options

Select edit method

Obfuscate PHP:

No Obfuscate

Obfuscate