55ok

Mini

Direktori : /home/u307599615/domains/usaciindia.org/public_html/
Upload File :
Current File : /home/u307599615/domains/usaciindia.org/public_html/world-finals.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 text-center">

  <!-- HEADING -->
  <h2 class="mb-4" style="font-family: Georgia, serif; letter-spacing: 2px;">
    USACi FINALS SPONSORS
  </h2>

  <!-- LOGOS ROW -->
  <div class="row justify-content-center align-items-center">
    <div class="col-6 col-md-3 mb-3">
      <img src="https://img1.wsimg.com/isteam/ip/62230b39-efaf-4847-b12a-679f1c3e1f64/JONES-N-SPL-EXPLICIT-LOGO.png/:/cr=t:0%25,l:0%25,w:100%25,h:100%25/rs=w:327,h:200,cg:true" alt="Sponsor 1" class="img-fluid">
    </div>
    <div class="col-6 col-md-3 mb-3">
      <img src="https://img1.wsimg.com/isteam/ip/62230b39-efaf-4847-b12a-679f1c3e1f64/blob-ecce9ae.png/:/cr=t:0%25,l:0%25,w:100%25,h:100%25/rs=w:661,h:181,cg:true" alt="Sponsor 2" class="img-fluid">
    </div>
  </div>

</div>





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

<div class="container my-5 text-center" style="font-family: 'Georgia', serif;">
  <div class="d-flex align-items-center justify-content-center mb-4">
    <div class="border-top border-3 border-danger flex-grow-1" style="max-width: 150px;"></div>
    <h2 class="mx-3 text-danger fw-bold" style="letter-spacing: 2px; font-size: 2rem;">
      BECOME A SPONSORING PARTNER
    </h2>
    <div class="border-top border-3 border-danger flex-grow-1" style="max-width: 150px;"></div>
  </div>

  <p class="mb-5" style="font-family: 'Open Sans', sans-serif; color: #555; margin-left: auto; margin-right: auto; font-size: 12px; line-height: 1.6;">
    Would you like to take part in our World Finals event and gain exposure for your company or business?  
    USACi offers excellent sponsorship opportunities at our World Finals Event for parties looking to get their reach to stretch further.  
    Click the link below to view our World Finals Sponsorship Program!
  </p>

  <div class="bg-light p-4 rounded mx-auto" style="max-width: 400px; box-shadow: 0 6px 15px rgba(0,0,0,0.05);">
    <p class="fw-semibold mb-4" style="color: #222;">
      USACi World Finals Sponsorship Packet (pdf)
    </p>
   <a href="assets/Uload/us.pdf" 
   download="USACi_Sponsorship_Packet.pdf" 
   class="btn btn-danger btn-lg rounded-pill px-4 text-uppercase fw-bold" 
   style="letter-spacing: 1.2px;">
  Download
</a>

  </div>
</div>




<style>
  @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

  .usaci-section {
    max-width: 1100px;
    margin: 80px auto;
    font-family: 'Open Sans', sans-serif;
    color: #222;
  }

  .usaci-section h2 {
    font-family: Georgia, serif;
    font-size: 34px;
    letter-spacing: 2px;
    color: #c81010; /* red */
    margin-bottom: 15px;
  }

  .usaci-section h5 {
    font-family: Georgia, serif;
    color: #555;
    margin-bottom: 35px;
    font-style: italic;
  }

  .usaci-section p {
    text-align: justify;
    line-height: 1.7;
    margin-bottom: 20px;
    font-size: 16px;
  }

  .usaci-section p.fw-bold {
    font-weight: 700;
    font-size: 17px;
    margin-top: 30px;
  }

  .usaci-image img {
    max-width: 100%;
    border-radius: 12px;
    box-shadow: 0 6px 14px rgb(0 0 0 / 0.1);
  }

  @media (max-width: 767px) {
    .usaci-section {
      padding: 0 15px;
    }
  }
</style>

<div class="container usaci-section">
  <div class="row align-items-center">

    <!-- LEFT TEXT -->
    <div class="col-md-6 mb-4 mb-md-0">
      <h2>USACi WORLD FINALS – THE ROAD HOME</h2>

      <h5>Where Dreams Are Achieved &amp; Records Are Set</h5>

      <p>
        USACi World Finals is an annual event where the best of the best in their
        respective Divisions meet to battle it out to see who reigns supreme.
        Awards for each USACi Division and subsequent Class are distributed to
        winners 1st through 3rd in their respective Classes.
      </p>

      <p>
        World Finals isn't just an ordinary Audio Competition by any means.
        This is an invitation only event where participation is determined by a
        points based system managed by USACi Administration.
      </p>

      <p>
        Throughout the show season, competitors compete at various events, and as
        they win awards locally, they earn points based on the strength of their win,
        as well as the designation of the shows themselves; i.e. Single, Double,
        Triple or Quadruple Point Events.
      </p>

      <p>
        Competitors must earn a minimum of 75 points overall, and at least 25 of those
        points being in a specific Class within a Division. That dictates the Class(es)
        for which they compete at World Finals.
      </p>

      <p>
        At World Finals, you will see competitors from around the world, many different
        manufacturers, and industry affiliates, as well as some of your local heroes
        trying their hands at becoming titans in our sport!
      </p>

      <p class="fw-bold">
        The cutoff date for getting your points is the last day of February 2024
      </p>
    </div>

    <!-- RIGHT IMAGE -->
    <div class="col-md-6 text-center usaci-image">
      <img src="https://img1.wsimg.com/isteam/ip/62230b39-efaf-4847-b12a-679f1c3e1f64/277355272_5267182423320877_7766373098241001714.jpg/:/cr=t:0%25,l:0%25,w:56.25%25,h:100%25/rs=w:800,h:800,cg:true" alt="USACi World Finals">
    </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