55ok
Mini

Direktori : /home/u307599615/domains/usaciindia.org/public_html/
Current File : /home/u307599615/domains/usaciindia.org/public_html/sponsorship.php
<?php
include("admin/connection.php");

$success = false;

// 👉 FORM SUBMIT HANDLE
if ($_SERVER['REQUEST_METHOD'] === 'POST') {

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

    mysqli_query($con, "
        INSERT INTO sponsor_requests
        (name,email,company,phone,sponsorship,message,created_at)
        VALUES
        ('$name','$email','$company','$phone','$sponsorship','$message',NOW())
    ");

    // 🔥 YE LINE SABSE IMPORTANT HAI
    header("Location: ".$_SERVER['PHP_SELF']."?success=1");
    exit;
}

// 👉 SUCCESS FLAG (GET REQUEST)
if (isset($_GET['success'])) {
    $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.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>
  /* remove full screen background */
  .sponsor-section {
    background: none;
    padding: 40px 0;
  }

  .sponsor-card {
    border-radius: 14px;
  }

  .sponsor-header {
    background: #111827; /* simple dark header */
    color: #fff;
    padding: 18px 20px; /* smaller */
    text-align: center;
  }

  .sponsor-header h2 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 4px;
  }

  .sponsor-header p {
    color: #d1d5db;
    font-size: 14px;
    margin-bottom: 0;
  }

  .card-body {
    padding: 20px !important;
  }

  .form-control,
  .form-select {
    height: 42px; /* smaller fields */
    border-radius: 8px;
    font-size: 14px;
  }

  textarea.form-control {
    height: auto;
    min-height: 90px;
  }

  .input-group-text {
    background: #f3f4f6;
    font-size: 14px;
    padding: 0 12px;
  }

  .submit-btn {
    border-radius: 30px;
    font-size: 15px;
    padding: 10px;
  }
</style>
<div class="sponsor-section">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-5 col-md-7">

        <div class="card sponsor-card shadow border-0">

          <!-- HEADER -->
          <div class="sponsor-header">
            <h2>Become a Sponsor</h2>
            <p>Power your brand with USACi official events</p>
          </div>

          <!-- BODY -->
          <div class="card-body bg-white">

            <?php if ($success) { ?>
              <div class="alert alert-success text-center fw-semibold py-2 mb-3">
                <i class="fa-solid fa-circle-check me-1"></i>
                Request submitted successfully
              </div>
            <?php } ?>

            <form method="POST">

              <!-- NAME -->
              <div class="mb-2">
                <label class="form-label fw-semibold mb-1">Full Name *</label>
                <div class="input-group">
                  <span class="input-group-text"><i class="fa-solid fa-user"></i></span>
                  <input type="text" name="name" class="form-control" required>
                </div>
              </div>

              <!-- EMAIL -->
              <div class="mb-2">
                <label class="form-label fw-semibold mb-1">Email Address *</label>
                <div class="input-group">
                  <span class="input-group-text"><i class="fa-solid fa-envelope"></i></span>
                  <input type="email" name="email" class="form-control" required>
                </div>
              </div>

              <!-- COMPANY -->
              <div class="mb-2">
                <label class="form-label fw-semibold mb-1">Company Name</label>
                <div class="input-group">
                  <span class="input-group-text"><i class="fa-solid fa-building"></i></span>
                  <input type="text" name="company" class="form-control">
                </div>
              </div>

              <!-- PHONE -->
              <div class="mb-2">
                <label class="form-label fw-semibold mb-1">Phone Number</label>
                <div class="input-group">
                  <span class="input-group-text"><i class="fa-solid fa-phone"></i></span>
                  <input type="text" name="phone" class="form-control">
                </div>
              </div>

              <!-- SPONSORSHIP -->
              <div class="mb-2">
                <label class="form-label fw-semibold mb-1">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>

              <!-- MESSAGE -->
              <div class="mb-3">
                <label class="form-label fw-semibold mb-1">Message</label>
                <textarea name="message" class="form-control" rows="3"></textarea>
              </div>

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

            </form>

          </div>
        </div>

      </div>
    </div>
  </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;
  }
  
  /* 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