55ok

Mini

Direktori : /home/u307599615/domains/usaciindia.org/public_html/
Upload File :
Current File : /home/u307599615/domains/usaciindia.org/public_html/store.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>USACi Header</title>

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">

<!-- favicon -->
 <link rel="icon" href="assets\logo\logoci.webp" type="image/png" />

<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

<link rel="stylesheet" href="assets/css/style.css">


<style>
/* TOP BAR */
.top-bar{
  background:#d71920;
  color:#fff;
  text-align:center;
  padding:8px 10px;
  font-weight:600;
}

/* LOGO */
.logo img{
  max-width:340px;
}

/* DESKTOP ICONS */
.header-icons i{
  font-size:20px;
  margin-left:22px;
  cursor:pointer;
}

/* MENU */
.main-menu a{
  font-weight:600;
  color:#000;
  text-decoration:none;
  margin:0 18px;
  font-size:15px;
}
.main-menu a.active{
  color:#d71920;
}

/* MOBILE */
@media(max-width:768px){
  .logo img{
    max-width:200px;
  }
}
</style>
</head>

<body>

<!-- TOP BAR -->
<div class="top-bar">
  Welcome to the NEW USACi Worldwide Website!
</div>

<header class="border-bottom">

  <!-- LOGO + ICON ROW -->
  <div class="container py-4">
    <div class="row align-items-center">

      <!-- DESKTOP LEFT EMPTY -->
      <div class="col-md-4 d-none d-md-block"></div>

      <!-- MOBILE LEFT MENU -->
      <div class="col-4 d-md-none text-start">
        <button class="btn p-0" data-bs-toggle="offcanvas" data-bs-target="#mobileMenu">
          <i class="fas fa-bars fs-4"></i>
        </button>
      </div>

      <!-- LOGO CENTER (ALL DEVICES) -->
      <div class="col-md-4 col-4 text-center logo mx-auto">
       <a href="index.php"> <img src="assets\logo\logoci.webp" class="img-fluid"></a>
      </div>

      <!-- DESKTOP ICONS RIGHT -->
      <div class="col-md-4 d-none d-md-flex justify-content-end header-icons">
        <i class="fas fa-search"></i>
        <i class="fas fa-shopping-cart"></i>
        <i class="fas fa-user"></i>
      </div>

      <!-- MOBILE CART RIGHT -->
      <div class="col-4 d-md-none text-end">
        <i class="fas fa-shopping-cart fs-4"></i>
      </div>

    </div>
  </div>

  <!-- DESKTOP MENU -->
  <nav class="container d-none d-md-flex justify-content-center pb-4 main-menu">
    <a href="index.php" class="active">HOME</a>
    <!--<a href="booking.html">BOOKING</a>-->
    <a href="our-team.php">OUR TEAM</a>
    <a href="class-divisions.php">CLASS DIVISIONS</a>
    <a href="records-rules.php">RECORDS & RULES</a>
     <a href="pop.php">Registration</a>
    <a href="sponsorship.php">SPONSORSHIP</a>
    <a href="upcoming.php">UPCOMING-TRAINING</a>
    <!--<a href="world-finals.html">WORLD FINALS</a>-->
    <!--<a href="store.html">STORE</a>-->
    <a href="contact-us.php">CONTACT US</a>
    <a href="calendar.php">CALENDAR</a>
  </nav>

</header>

<!-- MOBILE OFFCANVAS -->
<div class="offcanvas offcanvas-start" tabindex="-1" id="mobileMenu">
  <div class="offcanvas-header">
    <h5 class="offcanvas-title">Menu</h5>
    <button type="button" class="btn-close" data-bs-dismiss="offcanvas"></button>
  </div>
  <div class="offcanvas-body">
    <a class="d-block mb-3" href="index.php">HOME</a>
    <a class="d-block mb-3" href="our-team.php">OUR TEAM</a>
    <a class="d-block mb-3" href="class-divisions.php">CLASS DIVISIONS</a>
    <a class="d-block mb-3" href="records-rules.php">RECORDS & RULES</a>
    <a class="d-block mb-3" href="pop.php">Registration</a>
    <a class="d-block mb-3" href="sponsorship.php">SPONSORSHIP</a>
    <a class="d-block mb-3" href="upcoming.php">UPCOMING-TRAINING</a>
    <a class="d-block mb-3" href="contact-us.php">CONTACT US</a>
    <a class="d-block mb-3" href="https://usaciindia.org/calendar.php">CALENDAR</a>
  </div>
</div>







<div class="container my-5">
  <div class="row align-items-center">

    <!-- LEFT IMAGE -->
    <div class="col-md-6 text-center mb-4 mb-md-0">
      <img src="assets/product/sto.webp" alt="Official USACi Globe" class="img-fluid">
    </div>

    <!-- RIGHT CONTENT -->
    <div class="col-md-6">
      <h2 class="text-danger mb-3" style="font-family: Georgia, serif;">
        Official USACi <span class="fw-normal">CD</span>
      </h2>

      <div class="fs-5 mb-4">$29.99</div>

      <a href="#" class="btn btn-danger rounded-pill px-5 py-3 mb-3 d-inline-flex align-items-center">
        <img src="https://www.paypalobjects.com/webstatic/icon/pp258.png"
             alt="PayPal" width="20" class="me-2">
        BUY NOW
      </a>

      <div class="mb-4">
        <img src="https://www.paypalobjects.com/webstatic/icon/pp258.png" height="26" class="me-2" alt="">
        <img src="https://upload.wikimedia.org/wikipedia/commons/0/04/Visa.svg" height="26" class="me-2" alt="">
        <img src="https://upload.wikimedia.org/wikipedia/commons/2/2a/Mastercard-logo.svg" height="26" class="me-2" alt="">
        <img src="https://upload.wikimedia.org/wikipedia/commons/5/5e/Discover_Card_logo.svg" height="26" class="me-2" alt="">
        <img src="https://upload.wikimedia.org/wikipedia/commons/3/30/American_Express_logo.svg" height="26" alt="">
      </div>

      <p style="font-family: Georgia, serif; max-width: 420px;">
       Official USACi Tracks for SPL Competition <br>
       (US SHIPPING ONLY)
      </p>
    </div>

  </div>
</div>



<div class="container my-5">
  <div class="row align-items-center">

    <!-- LEFT IMAGE -->
    <div class="col-md-6 text-center mb-4 mb-md-0">
      <img src="assets/product/o1stp.webp" alt="Official USACi Globe" class="img-fluid">
    </div>

    <!-- RIGHT CONTENT -->
    <div class="col-md-6">
      <h2 class="text-danger mb-3" style="font-family: Georgia, serif;">
        Official USACi Globe <span class="fw-normal">SOLD OUT</span>
      </h2>

      <div class="fs-5 mb-4">$129.99</div>

      <a href="#" class="btn btn-danger rounded-pill px-5 py-3 mb-3 d-inline-flex align-items-center">
        <img src="https://www.paypalobjects.com/webstatic/icon/pp258.png"
             alt="PayPal" width="20" class="me-2">
        BUY NOW
      </a>

      <div class="mb-4">
        <img src="https://www.paypalobjects.com/webstatic/icon/pp258.png" height="26" class="me-2" alt="">
        <img src="https://upload.wikimedia.org/wikipedia/commons/0/04/Visa.svg" height="26" class="me-2" alt="">
        <img src="https://upload.wikimedia.org/wikipedia/commons/2/2a/Mastercard-logo.svg" height="26" class="me-2" alt="">
        <img src="https://upload.wikimedia.org/wikipedia/commons/5/5e/Discover_Card_logo.svg" height="26" class="me-2" alt="">
        <img src="https://upload.wikimedia.org/wikipedia/commons/3/30/American_Express_logo.svg" height="26" alt="">
      </div>

      <p style="font-family: Georgia, serif; max-width: 420px;">
        Made of durable cold rolled steel and measuring 8&quot; in diameter,
        this Officially Sanctioned USACi Globe will keep you in compliance to ensure
        accurate SPL testing in your competition vehicle.
      </p>
    </div>

  </div>
</div>



<footer style="
  text-align: center;
  background: linear-gradient(135deg, #f2f4f8, #f1f1f1);
  padding: 60px 20px;
  font-family: 'Poppins', Arial, sans-serif;
">
  
  <p style="
    font-size: 14px;
    color: #444;
    margin: 0 0 8px;
  ">
    © 2026 <strong>USACi INDIA</strong>. All Rights Reserved.
  </p>

  <p style="
    font-size: 14px;
    color: #666;
    margin: 0;
  ">
    Powered by 
    <span style="color:#1F3C88; font-weight:600;">
      Best Digi Solutions
    </span>
  </p>

</footer>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>


</body>
</html>

Zerion Mini 1.0