55ok
Mini

Direktori : /home/u307599615/domains/usaciindia.org/public_html/
Current File : /home/u307599615/domains/usaciindia.org/public_html/sponsorship1.php
<?php
// ===== SUCCESS MESSAGE LOGIC =====
$success = false;

if ($_SERVER["REQUEST_METHOD"] === "POST") {
  include "admin/connection.php";

  $name        = $_POST['name'] ?? '';
  $email       = $_POST['email'] ?? '';
  $company     = $_POST['company'] ?? '';
  $phone       = $_POST['phone'] ?? '';
  $sponsorship = $_POST['sponsorship'] ?? '';
  $message     = $_POST['message'] ?? '';

  if ($name && $email && $sponsorship) {
    $sql = "INSERT INTO sponsor_requests 
    (name,email,company,phone,sponsorship,message)
    VALUES (?,?,?,?,?,?)";

    $stmt = mysqli_prepare($con, $sql);
    mysqli_stmt_bind_param(
      $stmt,
      "ssssss",
      $name,
      $email,
      $company,
      $phone,
      $sponsorship,
      $message
    );

    if (mysqli_stmt_execute($stmt)) {
      $success = true;
    }
  }
}
?>

<!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.html">OUR TEAM</a>
    <a href="class-divisions.html">CLASS DIVISIONS</a>
    <a href="records-rules.html">RECORDS & RULES</a>
    <a href="sponsorship.html">SPONSORSHIP</a>
    <a href="upcoming.html">UPCOMING-TRAINING</a>
    <!--<a href="world-finals.html">WORLD FINALS</a>-->
    <!--<a href="store.html">STORE</a>-->
    <a href="contact-us.html">CONTACT US</a>
    <a href="calendar.html">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.html">OUR TEAM</a>
    <a class="d-block mb-3" href="class-divisions.html">CLASS DIVISIONS</a>
    <a class="d-block mb-3" href="records-rules.html">RECORDS & RULES</a>
    <a class="d-block mb-3" href="sponsorship.html">SPONSORSHIP</a>
    <a class="d-block mb-3" href="upcoming.html">UPCOMING-TRAINING</a>
    <a class="d-block mb-3" href="contact-us.html">CONTACT US</a>
    <a class="d-block mb-3" href="https://usaciindia.org/calendar.html">CALENDAR</a>
  </div>
</div>



<div class="container py-5">
  <div class="row justify-content-center">
    <div class="col-lg-6 col-md-8">

      <div class="card shadow-sm border-0 rounded-3">
        <div class="card-body p-4 p-md-5">

          <h2 class="fw-bold text-center mb-1">Become a Sponsor</h2>
          <p class="text-center text-muted mb-4">
            Power your brand with USACi official events
          </p>

          <?php if (!empty($success)) { ?>
            <div class="alert alert-success text-center fw-semibold">
              ✅ Thank you! Your sponsorship request has been submitted.
            </div>
          <?php } ?>

          <form method="POST">

            <div class="mb-3">
              <label class="form-label fw-semibold">Full Name *</label>
              <input type="text" name="name" class="form-control" placeholder="Enter your full name" required>
            </div>

            <div class="mb-3">
              <label class="form-label fw-semibold">Email Address *</label>
              <input type="email" name="email" class="form-control" placeholder="Enter your email address" required>
            </div>

            <div class="mb-3">
              <label class="form-label fw-semibold">Company Name</label>
              <input type="text" name="company" class="form-control" placeholder="Your company / brand name">
            </div>

            <div class="mb-3">
              <label class="form-label fw-semibold">Phone Number</label>
              <input type="text" name="phone" class="form-control" placeholder="Contact number">
            </div>

            <div class="mb-3">
              <label class="form-label fw-semibold">Sponsorship Type *</label>
              <select name="sponsorship" class="form-select" required>
                <option value="">Select sponsorship type</option>
                <option>Title Sponsor</option>
                <option>Co Sponsor</option>
                <option>Exhibitor Sponsor</option>
              </select>
            </div>

            <div class="mb-4">
              <label class="form-label fw-semibold">Message / Requirements</label>
              <textarea name="message" rows="4" class="form-control"
                        placeholder="Tell us about your sponsorship requirements"></textarea>
            </div>

            <div class="d-grid">
              <button type="submit" class="btn btn-dark btn-lg">
                Send Sponsorship Request
              </button>
            </div>

          </form>

        </div>
      </div>

    </div>
  </div>
</div>


 <li class="nav-item ms-lg-3">
  <a class="btn btn-light fw-semibold px-4 py-2 text-uppercase"
     href="https://api.whatsapp.com/send/?phone=919911366005&text=Hello+satya+Levante%2C+I+need+more+information.&type=phone_number&app_absent=0"
     style="font-size:13px;">
    Enquire Now 9911366005
  </a>
</li>


<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;
  }
  
  /* SECTION BACKGROUND */
.sponsor-color-section {
  background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
}

/* CARD */
.sponsor-color-card {
  background: linear-gradient(135deg, #ff512f, #dd2476);
  border-radius: 18px;
  color: #fff;
  box-shadow: 0 20px 50px rgba(0,0,0,0.25);
}

/* TITLE */
.sponsor-color-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
}

/* SUBTITLE */
.sponsor-color-subtitle {
  font-size: 15px;
  opacity: 0.9;
}

/* INPUTS */
.sponsor-color-card .form-control,
.sponsor-color-card .form-select {
  border-radius: 10px;
  border: none;
}

/* FOCUS */
.sponsor-color-card .form-control:focus,
.sponsor-color-card .form-select:focus {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.6);
}

/* BUTTON */
.sponsor-color-btn {
  background: linear-gradient(135deg, #000000, #434343);
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 50px;
  border: none;
  transition: 0.3s ease;
}

.sponsor-color-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #111, #555);
}
/* 📱 Mobile & Tablet Responsive */
@media (max-width: 768px){

  .sponsor-color-card{
    padding: 30px 20px !important;
  }

  .sponsor-color-title{
    font-size: 26px;
    line-height: 1.3;
  }

  .sponsor-color-subtitle{
    font-size: 15px;
  }

  .sponsor-color-card .form-control,
  .sponsor-color-card .form-select{
    font-size: 15px;
    padding: 12px 14px;
  }

  .sponsor-color-btn{
    width: 100%;
    padding: 14px;
  }
}

/* 📲 Small Mobile */
@media (max-width: 480px){

  .sponsor-color-title{
    font-size: 22px;
  }

  .sponsor-color-subtitle{
    font-size: 14px;
  }

  .sponsor-color-card .form-control,
  .sponsor-color-card .form-select{
    font-size: 14px;
  }
}


</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