Jordan Ward commited on
remove the header bar and just keep the logo but center it at the top
Browse files- index.html +6 -43
index.html
CHANGED
|
@@ -51,34 +51,11 @@ overflow-x: hidden;
|
|
| 51 |
<video autoplay muted loop class="video-bg">
|
| 52 |
<source src="https://i.imgur.com/VwNWg57.mp4" type="video/mp4">
|
| 53 |
</video>
|
| 54 |
-
|
| 55 |
-
<
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
<img src="https://i.imgur.com/rSHItIR.png" alt="Nagad Clothing Logo" class="h-10 md:h-12">
|
| 60 |
-
</div>
|
| 61 |
-
<div class="hidden md:flex space-x-8">
|
| 62 |
-
<a href="#" class="text-white hover:text-gray-300 font-medium">Shop</a>
|
| 63 |
-
<a href="#" class="text-white hover:text-gray-300 font-medium">Collections</a>
|
| 64 |
-
<a href="#" class="text-white hover:text-gray-300 font-medium">About</a>
|
| 65 |
-
<a href="#" class="text-white hover:text-gray-300 font-medium">Contact</a>
|
| 66 |
-
</div>
|
| 67 |
-
<div class="flex items-center space-x-4">
|
| 68 |
-
<button class="text-white hover:text-gray-300">
|
| 69 |
-
<i data-feather="search"></i>
|
| 70 |
-
</button>
|
| 71 |
-
<button class="text-white hover:text-gray-300">
|
| 72 |
-
<i data-feather="shopping-bag"></i>
|
| 73 |
-
</button>
|
| 74 |
-
<button class="md:hidden text-white hover:text-gray-300">
|
| 75 |
-
<i data-feather="menu"></i>
|
| 76 |
-
</button>
|
| 77 |
-
</div>
|
| 78 |
-
</div>
|
| 79 |
-
</nav>
|
| 80 |
-
|
| 81 |
-
<!-- Hero Section -->
|
| 82 |
<section class="min-h-screen flex items-center justify-center relative px-6">
|
| 83 |
<div class="text-center max-w-4xl mx-auto">
|
| 84 |
<h1 class="text-5xl md:text-8xl font-bold mb-6 text-stroke uppercase tracking-tighter graffiti-font">NAGAD CLOTHING</h1>
|
|
@@ -228,20 +205,6 @@ overflow-x: hidden;
|
|
| 228 |
|
| 229 |
<script>
|
| 230 |
feather.replace();
|
| 231 |
-
|
| 232 |
-
// Scroll effect for navigation
|
| 233 |
-
window.addEventListener('scroll', function() {
|
| 234 |
-
const nav = document.querySelector('nav');
|
| 235 |
-
if (window.scrollY > 50) {
|
| 236 |
-
nav.classList.add('shadow-lg');
|
| 237 |
-
nav.classList.add('py-3');
|
| 238 |
-
nav.classList.remove('py-4');
|
| 239 |
-
} else {
|
| 240 |
-
nav.classList.remove('shadow-lg');
|
| 241 |
-
nav.classList.remove('py-3');
|
| 242 |
-
nav.classList.add('py-4');
|
| 243 |
-
}
|
| 244 |
-
});
|
| 245 |
-
</script>
|
| 246 |
</body>
|
| 247 |
</html>
|
|
|
|
| 51 |
<video autoplay muted loop class="video-bg">
|
| 52 |
<source src="https://i.imgur.com/VwNWg57.mp4" type="video/mp4">
|
| 53 |
</video>
|
| 54 |
+
<!-- Logo Only -->
|
| 55 |
+
<div class="fixed w-full z-50 py-6 flex justify-center">
|
| 56 |
+
<img src="https://i.imgur.com/rSHItIR.png" alt="Nagad Clothing Logo" class="h-10 md:h-12">
|
| 57 |
+
</div>
|
| 58 |
+
<!-- Hero Section -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 59 |
<section class="min-h-screen flex items-center justify-center relative px-6">
|
| 60 |
<div class="text-center max-w-4xl mx-auto">
|
| 61 |
<h1 class="text-5xl md:text-8xl font-bold mb-6 text-stroke uppercase tracking-tighter graffiti-font">NAGAD CLOTHING</h1>
|
|
|
|
| 205 |
|
| 206 |
<script>
|
| 207 |
feather.replace();
|
| 208 |
+
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 209 |
</body>
|
| 210 |
</html>
|