 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shri Amit Pratap Singh</title>

<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800;900&display=swap" rel="stylesheet">

<!-- Bootstrap -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">

<style>
/* ================= GLOBAL FIX ================= */
*{
  font-family:'Poppins', sans-serif !important;
}
body{
  margin:0;
  padding-top:73px; /* SAFE SPACE FOR HEADER */  
 
}

/* ================= HEADER ================= */
.header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:9999;
  background:linear-gradient(90deg,#ff7a00 0%,#ffffff 50%,#1faa06 100%);
  padding:14px 0;
  box-shadow:0 4px 16px rgba(0,0,0,.18);
  border-bottom:3px solid #ff7a00;
}

/* ================= LOGO ================= */
.logo{
  text-decoration:none;
  color:inherit;
}

.logo-box{
  display:flex;
  align-items:center;
  gap:12px;
}

.logo-mark{
  width:6px;
  height:52px;
  background:linear-gradient(180deg,#ff7a00,#ffffff,#1faa06);
  border-radius:6px;
}

.logo-text h1{
  font-size:18px;
  font-weight:900;
  margin:0;
  
  text-transform:uppercase;
  background:linear-gradient(90deg,#1f1f1f,#ff7a00);
  -webkit-background-clip:text;
  
  white-space:normal; /* ✅ IMPORTANT FIX */
}

.logo-text span{
  display:block;
  font-size:12px;
  font-weight:00;
  letter-spacing:1.2px;
  color:#1faa06;
  margin-top:2px;
}

/* ================= NAV ================= */
.navmenu ul{
  display:flex;
  list-style:none;
  margin:0;
  padding:0;
  gap:26px;
  align-items:center;
}

.navmenu ul li a{
  font-size:16px;
  font-weight:700;
  color:#1f1f1f;
  text-decoration:none;
  position:relative;
}

.navmenu ul li a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:3px;
  background:#ff7a00;
  transition:.3s;
}

.navmenu ul li a:hover::after,
.navmenu ul li a.active::after{
  width:100%;
}

/* ================= MOBILE ================= */
@media(max-width:991px){

  body{
    padding-top:68px; /* MOBILE SAFE */
  }

  .navmenu{
    display:none;
  }

  .logo-box{
    justify-content:center;
  }

  .logo-text h1{
    font-size:16px;
    text-align:center;
  }

  .logo-text span{
    font-size:11px;
    text-align:center;
  }

  .container-fluid{
    justify-content:center !important;
  }
}
</style>
</head>

<body>

<header id="header" class="header">
  <div class="container-fluid d-flex align-items-center justify-content-between">

    <!-- LOGO -->
    <a href="index.php" class="logo">
      <div class="logo-box">
        <div></div>
        <div class="logo-text" >
          <h1 style="  font-family: 'Poppins', sans-serif;">श्री अमित प्रताप सिंह</h1>
          <span style="  font-family: 'Poppins', sans-serif;">प्रधान गोवर्धन विधानसभा</span>
        </div>
      </div>
    </a>

    <!-- NAV -->
    <nav class="navmenu d-none d-lg-block">
      <ul>
        <li><a href="index.php">होम</a></li>
        <li><a href="about.php">परिचय</a></li>
        <li><a href="resume.php">गैलरी</a></li>
        <li><a href="services.php">ब्लॉग</a></li>
        <li><a href="videos.php">कवरेज क्लिप्स</a></li>
        <li><a href="events.php">सामाजिक कार्यक्रम</a></li>
        <li><a href="contact.php">संपर्क</a></li>
      </ul>
    </nav>

  </div>
</header>

</body>
</html>
