55ok

Mini

Direktori : /home/u307599615/domains/usaciindia.org/public_html/
Upload File :
Current File : /home/u307599615/domains/usaciindia.org/public_html/records-rules.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 India 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.html"> <img src="assets\logo\usaci.png" 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="registration-details.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="registration-details.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>



<!-- WORLD & NATIONAL RECORDS -->
<section class="records-section py-5">
  <div class="container">

    <!-- TITLE -->
    <div class="row mb-4">
      <div class="col-12 text-center">
        <h2 class="records-title">WORLD & NATIONAL RECORDS</h2>
        <div class="records-line mx-auto"></div>
      </div>
    </div>

    <!-- DOWNLOAD ITEM (CENTERED) -->
    <div class="row g-4 justify-content-center text-center">

      <div class="col-lg-4 col-md-6 col-12">
        <div class="record-box mx-auto">
          <p class="record-file">WorldRecords3.25.25 (PDF)</p>
          <a href="assets/Uload/USACI-India-WorldRecords.pdf"
             class="btn btn-danger record-btn"
             download>
            Download
          </a>
        </div>
      </div>

    </div>

  </div>
</section>



<style>
    /* RECORDS SECTION */
.records-section{
  background:#fff;
}

/* TITLE */
.records-title{
  font-family:'Montserrat', sans-serif;
  font-weight:800;
  color:#d71920;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* LINE */
.records-line{
  width:90px;
  height:3px;

  margin-top:10px;
}

/* BOX */
.record-box{
  border:1px solid #ddd;
  padding:30px 20px;
  height:100%;
}

/* FILE NAME */
.record-file{
  font-family:'Inter', sans-serif;
  font-size:16px;
  margin-bottom:15px;
  color:#111;
}

/* BUTTON */
.record-btn{
  font-family:'Montserrat', sans-serif;
  font-weight:600;
  padding:8px 26px;
  border-radius:25px;
}

/* MOBILE */
@media(max-width:576px){
  .record-box{
    padding:25px 15px;
  }
}

</style>






<!-- 2026 USACI SPL RULE BOOK -->
<!--<section class="rulebook-section py-5">-->
<!--  <div class="container">-->

    <!-- TITLE WITH LINES -->
<!--    <div class="row mb-5 align-items-center">-->
<!--      <div class="col-md-4 d-none d-md-block">-->
<!--        <span class="rule-line"></span>-->
<!--      </div>-->

<!--      <div class="col-md-4 col-12 text-center">-->
<!--        <h2 class="rule-title">2026 USACI SPL RULE BOOK</h2>-->
<!--      </div>-->

<!--      <div class="col-md-4 d-none d-md-block">-->
<!--        <span class="rule-line"></span>-->
<!--      </div>-->
<!--    </div>-->

    <!-- DOWNLOAD BOX -->
<!--    <div class="row justify-content-center">-->
<!--      <div class="col-lg-6 col-md-8 col-12">-->
<!--        <div class="rule-box text-center">-->
<!--          <p class="rule-file">USACi 2026 RULES (pdf)</p>-->

<!--         <a href="assets/Uload/usa.pdf"-->
<!--   class="btn btn-danger rule-btn"-->
<!--   download="USACi.pdf">-->
<!--  DOWNLOAD-->
<!--</a>-->

<!--        </div>-->
<!--      </div>-->
<!--    </div>-->

<!--  </div>-->
<!--</section>-->



<style>
    /* SECTION */
.rulebook-section{
  background:#fff;
}

/* TITLE */
.rule-title{
  font-family:'Montserrat', sans-serif;
  font-weight:800;
  color:#d71920;
  letter-spacing:1px;
  text-transform:uppercase;
}

/* SIDE LINES */
.rule-line{
  display:block;
  width:100%;
  height:1px;
  background:#d71920;
}

/* BOX */
.rule-box{
  border:1px solid #ddd;
  padding:40px 30px;
}

/* FILE NAME */
.rule-file{
  font-family:'Montserrat', sans-serif;
  font-size:18px;
  margin-bottom:25px;
  color:#000;
}

/* BUTTON */
.rule-btn{
  font-family:'Montserrat', sans-serif;
  font-weight:700;
  padding:10px 36px;
  border-radius:30px;
}

</style>







<section class="records-section py-5">
  <div class="container">

    <!-- TITLE -->
    <div class="row mb-4">
      <div class="col-12 text-center">
       <h1 class="event-title">
      2026 USACI INDIA
      <span class="highlight-text">SPL</span>
      DIVISION
    </h1>
        <div class="records-line mx-auto"></div>
      </div>
    </div>

    <!-- DOWNLOAD ITEMS -->
    <div class="row g-4 text-center">

      <!-- ITEM 1 -->
      <div class="col-md-4 col-sm-6 col-12">
        <div class="record-box">
          <p class="record-file">SPL RULE BOOK (PDF)</p>
          <a href="assets/Uload/USACi-India-SPL-Rulebook.pdf"
             class="btn btn-danger record-btn"
             download>
            Download
          </a>
        </div>
      </div>

      <!-- ITEM 2 -->
      <div class="col-md-4 col-sm-6 col-12">
        <div class="record-box">
          <p class="record-file">SPL SCORE SHEET (PDF)</p>
          <a href="assets/Uload/USACi-India-SPL-Score-Sheet.pdf"
             class="btn btn-danger record-btn"
             download>
            Download
          </a>
        </div>
      </div>

      <!-- ITEM 3 -->
      <div class="col-md-4 col-sm-6 col-12">
        <div class="record-box">
          <p class="record-file">SPL TEST TRACKS (ZIP)</p>
          <a href="assets/video/spl/USACi-India-SPL-Test-Tracks.zip"
             class="btn btn-danger record-btn"
             download>
            Download
          </a>
        </div>
      </div>

    </div>

  </div>
</section>




<section class="records-section py-5">
  <div class="container">

   <!-- CREATIVE TITLE -->
<div class="row mb-5">
  <div class="col-12 text-center">

    <h1 class="event-title">
      2026 USACI INDIA
      <span class="highlight-text">SQ</span>
      DIVISION
    </h1>

  </div>
</div>

<style>
  .event-title {
    font-family: 'Poppins', sans-serif;
    font-size: 29px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #d60000; /* USACi Red Feel */
    margin: 0;
  }

  .highlight-text {
    position: relative;
    font-style: italic;
    padding: 0 6px;
  }

  .highlight-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 4px;
    background-color: #d60000;
  }

  @media (max-width: 768px) {
    .event-title {
      font-size: 28px;
      letter-spacing: 1px;
    }
  }
</style>


    <!-- DOWNLOAD ITEMS -->
    <div class="row g-4 text-center">

      <!-- ITEM 1 -->
      <div class="col-md-4 col-sm-6 col-12">
        <div class="record-box">
          <p class="record-file">SOUND QUALITY RULE BOOK (PDF)</p>
          <a href="assets/Uload/USACi-India-SQ-Rule-Book.pdf"
             class="btn btn-danger record-btn"
             download>
            Download
          </a>
        </div>
      </div>

      <!-- ITEM 2 -->
      <div class="col-md-4 col-sm-6 col-12">
        <div class="record-box">
          <p class="record-file">SOUND QUALITY SCORE SHEET (PDF)</p>
          <a href="assets/Uload/USACi-India-SQ-Score-Sheet.pdf"
             class="btn btn-danger record-btn"
             download>
            Download
          </a>
        </div>
      </div>

      <!-- ITEM 3 -->
      <div class="col-md-4 col-sm-6 col-12">
        <div class="record-box">
          <p class="record-file">SOUND QUALITY TEST TRACKS (ZIP)</p>
          <a href="assets/video/spl/USACi-India-SQ-Test-Tracks.zip"
             class="btn btn-danger record-btn"
             download>
            Download
          </a>
        </div>
      </div>

    </div>

  </div>
</section>



<section class="records-section py-5">
  <div class="container">

    <!-- TITLE -->
    <div class="row mb-4">
      <div class="col-12 text-center">
          <h1 class="event-title">
      2026 USACI INDIA
      <span class="highlight-text">SQL</span>
      DIVISION
    </h1>
        <div class="records-line mx-auto"></div>
      </div>
    </div>

    <!-- DOWNLOAD ITEMS -->
    <div class="row g-4 text-center">

      <!-- ITEM 1 -->
      <div class="col-lg-4 col-md-6 col-12">
        <div class="rule-card text-center p-5 h-100">
            <p class="record-file">SQL RULE BOOK (PDF)</p>
          <a href="assets/Uload/USACI-india-SQL-Rulebook.pdf"
             class="btn btn-danger rule-btn"
             download>
            DOWNLOAD
          </a>
        </div>
      </div>
      
       <div class="col-lg-4 col-md-6 col-12">
        <div class="rule-card text-center p-5 h-100">
            <p class="record-file">SQL SCORE SHEET (PDF)</p>
          <a href="assets/Uload/USACi-India-SQL-Score-Sheet.pdf"
             class="btn btn-danger rule-btn"
             download>
            DOWNLOAD
          </a>
        </div>
      </div>

      <!-- ITEM 2 -->
      <div class="col-lg-4 col-md-6 col-12">
        <div class="rule-card text-center p-5 h-100">
            <p class="record-file">SQL TEST TRACKS (ZIP)</p>
          <a href="assets/video/spl/USACi-India-SQL-Test-Tracks.zip"
             class="btn btn-danger rule-btn"
             download>
            DOWNLOAD
          </a>
        </div>
      </div>

      <!-- ITEM 3 -->

    </div>

  </div>
</section>







<!--<section class="usaci-rules-section py-5">-->
<!--  <div class="container">-->

    <!-- HEADING -->
<!--    <div class="row mb-5 align-items-center">-->
<!--      <div class="col-12">-->
<!--        <div class="d-flex align-items-center justify-content-center gap-4">-->
<!--          <span class="rule-line"></span>-->
<!--          <h2 class="rules-title mb-0 text-uppercase text-danger">-->
<!--          2026  USACI INDIA SQL RULES-->
<!--          </h2>-->
<!--          <span class="rule-line"></span>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->

    <!-- CARDS -->
<!--    <div class="row justify-content-center g-5">-->

      <!-- CARD 1 -->
<!--      <div class="col-lg-5 col-md-6">-->
<!--        <div class="rule-card text-center p-5 h-100">-->
<!--          <h5 class="mb-4">Project SQL  Rules (pdf)</h5>-->
<!--          <a href="assets/Uload/SQL.pdf"-->
<!--   class="btn btn-danger rule-btn"-->
<!--   download="USACi.pdf">-->
<!--  DOWNLOAD-->
<!--</a>-->
<!--        </div>-->
<!--      </div>-->
      
      
<!--      <div class="col-lg-5 col-md-6">-->
<!--        <div class="rule-card text-center p-5 h-100">-->
<!--          <h5 class="mb-4">SQL TEST TRACK</h5>-->
<!--          <a href="assets/Uload/SQL.pdf"-->
<!--   class="btn btn-danger rule-btn"-->
<!--   download="USACi.pdf">-->
<!--  DOWNLOAD-->
<!--</a>-->
<!--        </div>-->
<!--      </div>-->

    
<!--    </div>-->

<!--  </div>-->
<!--</section>-->






<style>
    /* SECTION TITLE */
.rules-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
}

/* RED LINES */
.rule-line {
  width: 120px;
  height: 2px;
  background-color: #d40000;
}

/* CARD DESIGN */
.rule-card {
  border: 1px solid #ddd;
  background: #fff;
}

/* BUTTON */
.rule-card .btn {
  font-weight: 600;
  letter-spacing: 0.5px;
}

</style>





<footer class="text-center py-5 border-top" style="background: linear-gradient(135deg, #f2f4f8, #f1f1f1); border-color:#ddd;">
  
  <p class="mb-3 fw-bold" style="font-size:20px; letter-spacing:1px; color:#000;">
    © 2026 <span style="color:#c00;">USACi INDIA</span> · All Rights Reserved
  </p>

  <p class="mb-0 small text-muted">
    Powered by 
    <a href="http://bestdigisolution.com/" 
       target="_blank" 
       class="fw-semibold text-decoration-none"
       style="color:#1F3C88;">
      Best Digi Solutions
    </a>
  </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