55ok
Mini

Direktori : /home/u307599615/domains/usaciindia.org/public_html/
Current File : /home/u307599615/domains/usaciindia.org/public_html/contact-us.php
<?php
session_start();
require_once "admin/connection.php";

/* FORM SUBMIT */
if ($_SERVER["REQUEST_METHOD"] === "POST") {

    $name    = trim($_POST['name'] ?? '');
    $email   = trim($_POST['email'] ?? '');
    $message = trim($_POST['message'] ?? '');

    if ($name && $email) {

        $stmt = mysqli_prepare(
            $con,
            "INSERT INTO enquiries (name, email, message) VALUES (?, ?, ?)"
        );
        mysqli_stmt_bind_param($stmt, "sss", $name, $email, $message);
        mysqli_stmt_execute($stmt);
        mysqli_stmt_close($stmt);

        $_SESSION['success'] = true;

        // POST → REDIRECT → GET (reload warning bhi khatam)
        header("Location: ".$_SERVER['PHP_SELF']);
        exit;
    }
}
?>

<!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.php"> <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>




<style>
  .promoter-form {
    width: 80%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    font-family: "Georgia", serif;
    margin-top: 5%;
  }

  .promoter-form h1 {
    color: red;
    letter-spacing: 2px;
    font-size: 32px;
    margin-bottom: 10px;
  }

  .promoter-form .subtitle {
    font-size: 17px;
    margin-bottom: 40px;
  }

  .promoter-form input,
  .promoter-form textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 25px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    outline: none;
  }

  .promoter-form textarea {
    min-height: 160px;
    resize: vertical;
  }

  .promoter-form button {
    background: #e11414;
    color: #fff;
    border: none;
    padding: 18px 50px;
    font-size: 16px;
    border-radius: 50px;
    cursor: pointer;
  }

  .promoter-form button:hover {
    background: #c81010;
  }
</style>




<div class="promoter-form">
  <h1>RULES INQUIRY</h1>

  <div class="subtitle">
    Do you have any questions related to the rules &amp; anything else? Feel free to ask.
  </div>

  <!-- SUCCESS MESSAGE -->
  <?php if (!empty($_SESSION['success'])) { ?>
    <div style="
      margin:15px 0;
      padding:10px;
      background:#e7f9ef;
      color:#1c7c4b;
      border-radius:6px;
      font-weight:600;
    ">
      ✅ Thank you! Your enquiry has been submitted successfully.
    </div>
  <?php unset($_SESSION['success']); } ?>

  <!-- FORM -->
  <form method="POST">
    <input type="text" name="name" placeholder="Name" required>
    <input type="email" name="email" placeholder="Email*" required>
    <textarea name="message" placeholder="Message"></textarea>
    <button class="mb-5" type="submit">SEND</button>
  </form>
</div>





<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