Ultra File Manager

Edit: /home/u523034047/domains/badshacric.com/public_html/menu.php

<?php
include 'wa-link2.php';
?>

<ul class="menu">
      <li><a href="index.php">Home</a></li>
      <li><a href="badshahcric-download-apk-app.php">App Download</a></li>
      <li><a href="blog/badshahcric-net-login-registration-2026">How to Login</a></li>
       <li><a href="Badshahcric-signup.php">Sign Up</a></li>
      <li><a href="blog/index.php">Blogs</a></li>
      <li><a href="<?php echo $wa_url; ?>">Contact</a></li>

<li>
        <a href="<?php echo $wa_url; ?>" class="whatsapp-btn">
          <i class="fa-brands fa-whatsapp"></i> WhatsApp
        </a>
      </li>
    </ul>
  </nav>
</header>
<style>* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial;
}

header {
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  position: sticky;
  top: 0;
  z-index: 999;
}

.navbar {
  max-width: 1200px;
  margin: auto;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  font-size: 24px;
  font-weight: bold;
  color: #0bbf64; /* Sky Green */
}

/* Hide Checkbox */
#menu-toggle { display: none; }

.menu {
  display: flex;
  gap: 20px;
  list-style: none;
  align-items: center;
}

.menu li a {
  text-decoration: none;
  font-size: 16px;
  padding: 8px 12px;
  color: #000;
  transition: 0.3s;
}

.menu li a:hover {
  color: #0bbf64;
}

/* WhatsApp Highlight Button */
.whatsapp-btn {
  background: #0bbf64;
  color: white !important;
  padding: 8px 16px;
  border-radius: 5px;
  animation: glow 1.5s infinite;
}

@keyframes glow {
  0% { box-shadow: 0 0 5px #0bbf64; }
  50% { box-shadow: 0 0 15px #0bbf64; }
  100% { box-shadow: 0 0 5px #0bbf64; }
}

/* Hamburger icon only for mobile */
.hamburger {
  display: none;
  font-size: 26px;
  cursor: pointer;
  color: #0bbf64;
}

/* Mobile View */
@media(max-width: 768px) {
  .hamburger { display: block; }

.menu {
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    background: white;
    flex-direction: column;
    padding: 15px 0;
    display: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  }

#menu-toggle:checked ~ .menu {
    display: flex;
  }

.menu li a {
    padding: 12px;
    width: 100%;
    text-align: center;
  }

.whatsapp-btn {
    width: 90%;
    text-align: center;
  }
}
</style>

Ukuran: 2.6 KB