fixed ui and created new page ui

This commit is contained in:
2026-01-08 11:29:02 +05:30
parent 1369e9c968
commit 79c9cd6012
8 changed files with 501 additions and 517 deletions

View File

@@ -27,7 +27,7 @@
<h3 class="text-white font-semibold uppercase mb-6">Pursue</h3>
<ul class="space-y-4 text-lg">
<li><a href="{% url 'about' %}" class="text-white hover:text-indigo-400 transition">About Us</a></li>
<li><a href="{% url 'careers' %}" class="text-white hover:text-indigo-400 transition">Jobs</a></li>
<li><a href="" class="text-white hover:text-indigo-400 transition">Jobs</a></li>
<li><a href="{% url 'press' %}" class="text-white hover:text-indigo-400 transition">press</a></li>
<li><a href="{% url 'help_and_support' %}" class="text-white hover:text-indigo-400 transition">Help & Support</a></li>
</ul>
@@ -117,7 +117,7 @@
<h3 class="text-white font-semibold uppercase mb-4">Pursue</h3>
<ul class="space-y-3 text-sm">
<li><a href="{% url 'about' %}" class="text-white hover:text-indigo-400 transition">About Us</a></li>
<li><a href="{% url 'careers' %}" class="text-white hover:text-indigo-400 transition">Jobs</a></li>
<li><a href="" class="text-white hover:text-indigo-400 transition">Jobs</a></li>
<li><a href="{% url 'press' %}" class="text-white hover:text-indigo-400 transition">press</a></li>
<li><a href="{% url 'help_and_support' %}" class="text-white hover:text-indigo-400 transition">Help & Support</a></li>
</ul>

View File

@@ -1,15 +1,22 @@
{% load static %}
<nav class="bg-[#111111] text-white">
<div class="max-w-7xl mx-auto px-6 lg:px-8">
<div class="flex items-center justify-between h-20"> <!-- h-20 ≈ py-5 equivalent for consistent height -->
<nav class="fixed top-0 left-0 right-0 z-50 w-full bg-[#111111] text-white shadow-lg backdrop-blur-md bg-opacity-95 transition-all">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-20">
<!-- Left: Logo -->
<div class="flex items-center">
<img src="{% static 'images/logo.svg' %}" alt="B42 Logo" class="h-10 w-auto">
<a href="/">
<img src="{% static 'images/logo.svg' %}" alt="B42 Logo" class="h-10 w-auto">
</a>
</div>
<!-- Right: CTA Button (visible on all screens) -->
<!-- Right: CTA Button -->
<div class="flex items-center">
<a href="#" class="bg-white text-black font-bold text-lg px-8 py-3 rounded-full hover:bg-gray-200 transition duration-200">
<a href="#" class="
bg-white text-black font-bold rounded-full hover:bg-gray-200 transition duration-200
px-5 py-2.5 text-sm
md:px-8 md:py-3 md:text-lg
">
BOOST YOUR GAME
</a>
</div>