Skip to content

Commit

Permalink
updated navbars and footers
Browse files Browse the repository at this point in the history
  • Loading branch information
@Adarsh-Chaubey03
Adarsh-Chaubey03 committed Oct 31, 2024
1 parent 63b52af commit f5d8aa0
Show file tree
Hide file tree
Showing 3 changed files with 153 additions and 422 deletions.
73 changes: 24 additions & 49 deletions GroupCookieNotice.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,65 +18,40 @@
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
/>

<style>
.nav-container {
display: flex;
}
</style>
</head>
<body>

<nav class="navbar">
<a href="./index.html" id="logo-href">
<div class="logo-container">
<img
src="images/4.jpeg"
alt="Ticket Booking Logo"
class="logo-image"
/>
<div class="logo">Ticket Booking</div>
</div>
</a>

<div class="nav-container">
<div class="menu-toggle">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>

<ul class="nav-links">
<li>
<a href="index.html" class="home-button"
><i class="fas fa-home"></i>HOME</a
>
</li>
<li>
<a href="buy.html"><i class="fas fa-shopping-cart"></i> Buy</a>
</li>
<li>
<a href="sell.html"><i class="fas fa-tag"></i> Sell</a>
</li>
<li>
<a href="#contact"><i class="fas fa-envelope"></i> Contact</a>
</li>
<li>
<a href="contributors.html"
><i class="fas fa-users"></i> Our Contributors</a
>
</li>
<img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
<div class="logo" style="font-size: 20px;">Ticket Marketplace</div>

<li>
<a href="/client/register.html" class="login-btn"
><i class="fas fa-user"></i
></a>
</li>
</ul>

<button id="darkModeToggle" style="width: 40px; height: 40px">
🌙
</button>
<!-- Toggle Button (Visible on Small Screens) -->
<button id="navToggle">☰</button>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="navbar.css">
<!-- this is for twitter icons -->
<script src="https://kit.fontawesome.com/3d20c433e1.js" crossorigin="anonymous"></script>

<!-- Navbar Links -->
<div id="navLinks">
<a href="index.html"><i class="fas fa-home"></i> Home</a>
<a href="about.html"><i class="fas fa-info-circle"></i> About</a>
<a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
<a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
<a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
<a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
<a href="client/login.html"><i class="fas fa-sign-in-alt"></i> Login</a>
</div>
</nav>

<!-- Dark Mode Button -->
<button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
</nav>
<script>
const darkModeToggle = document.getElementById("darkModeToggle");
const body = document.querySelector("body");
Expand Down
73 changes: 25 additions & 48 deletions privacy.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,65 +18,42 @@
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">


<link rel="stylesheet" href="navbar.css">
<!-- this is for twitter icons -->
<script src="https://kit.fontawesome.com/3d20c433e1.js" crossorigin="anonymous"></script>

<style>
.nav-container {
display: flex;
}
</style>
</head>
<body>

<nav class="navbar">
<a href="./index.html" id="logo-href">
<div class="logo-container">
<img
src="images/4.jpeg"
alt="Ticket Booking Logo"
class="logo-image"
/>
<div class="logo">Ticket Booking</div>
</div>
</a>
<img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
<div class="logo" style="font-size: 20px;">Ticket Marketplace</div>

<div class="nav-container">
<div class="menu-toggle">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>

<ul class="nav-links">
<li>
<a href="index.html" class="home-button"
><i class="fas fa-home"></i>HOME</a
>
</li>
<li>
<a href="buy.html"><i class="fas fa-shopping-cart"></i> Buy</a>
</li>
<li>
<a href="sell.html"><i class="fas fa-tag"></i> Sell</a>
</li>
<li>
<a href="#contact"><i class="fas fa-envelope"></i> Contact</a>
</li>
<li>
<a href="contributors.html"
><i class="fas fa-users"></i> Our Contributors</a
>
</li>
<!-- Toggle Button (Visible on Small Screens) -->
<button id="navToggle">☰</button>

<li>
<a href="/client/register.html" class="login-btn"
><i class="fas fa-user"></i
></a>
</li>
</ul>

<button id="darkModeToggle" style="width: 40px; height: 40px">
🌙
</button>
<!-- Navbar Links -->
<div id="navLinks">
<a href="index.html"><i class="fas fa-home"></i> Home</a>
<a href="about.html"><i class="fas fa-info-circle"></i> About</a>
<a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
<a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
<a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
<a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
<a href="client/login.html"><i class="fas fa-sign-in-alt"></i> Login</a>
</div>
</nav>

<!-- Dark Mode Button -->
<button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
</nav>
<script>
const darkModeToggle = document.getElementById("darkModeToggle");
const body = document.querySelector("body");
Expand Down
Loading

0 comments on commit f5d8aa0

Please sign in to comment.