Spielgeist-Gaming-Website-Frontend-Client-Project/Navbar.html at main · uvindux/Spielgeist-Gaming-Website-Frontend-Client-Project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">

<head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>Document</title>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <meta name="description" content="Online Gaming Platform - Play the best online games now!">
          <meta name="keywords" content="online games, play games, gaming platform, free games, RPG, racing">
          <title>Online Gaming</title>
          <link rel="stylesheet" href="css/main.css">
          <link rel="stylesheet" href="css/home.css">
          <link rel="stylesheet" href="css/MainGamePage.css">
          <link rel="stylesheet" href="css/SubGamePageStyling.css">
          <link rel="stylesheet" href="css/Deals.css">
</head>

<header>
          <div class="logo">
                    <a href="index.html"><img src="images/Logo OG 1.jpg" alt="Logo" class="logo-img" /></a>
                    Online gaming
          </div>

          <div class="menu-toggle" aria-expanded="false" aria-label="Toggle menu">
                    <span></span>
                    <span></span>
                    <span></span>
          </div>

          <nav aria-label="Main Navigation">
                    <ul>
                              <li><a href="index.html">Home</a></li>
                              <li><a href="About.html">About Us</a></li>
                              <li class="dropdown">
                                        <button class="dropbtn" aria-expanded="false" aria-haspopup="true">
                                                  Game Hub
                                                  <img src="images/dropdown.png" alt="Dropdown arrow">
                                        </button>
                                        <div class="dropdown-content">
                                                  <a href="games.html">All Games </a>
                                                  <a href="./GamePages/FantasyQuestGame.html">Fantasy Quest </a>
                                                  <a href="./GamePages/SpeedRacer.html">Speed Racer</a>
                                                  <a href="./GamePages/PuzzleMaster.html">Puzzle Master</a>
                                                  <a href="./GamePages/ZombieInvasion.html">Zombie Invasion</a>
                                                  <a href="./GamePages/MysteryMansion.html">Mystery Mansion</a>
                                                  <a href="./GamePages/SpaceExplorer.html">Space Explorer</a>
                                                  <a href="./GamePages/ChessMaster.html">Chess Master</a>
                                                  <a href="./GamePages/WordWizard.html">Word Wizard</a>
                                                  <a href="./GamePages/FarmFrenzy.html">Farm Frenzy </a>
                                                  <a href="./GamePages/BattleArena.html">Battle Arena</a>
                                                  <a href="./GamePages/MagicAcademy.html">Magic Academy</a>
                                                  <a href="./GamePages/SudokuSolver.html">Sudoku Solver</a>
                                                  <a href="./GamePages/TreasureHunt.html">Treasure Hunt</a>
                                                  <a href="./GamePages/CardClash.html">Card Clash</a>
                                                  <a href="./GamePages/CityBuilder.html">City Builder</a>
                                        </div>
                              </li>
                              <li><a href="#Events">Event Calendar</a></li>
                              <li><a href="Deals.html">Membership</a></li>
                              <li>
                                        <div class="toggle-container" id="myToggle">
                                                  <div class="toggle-slider"></div>
                                        </div>
                              </li>
                    </ul>
          </nav>

          <div class="header-right">
                    <input type="text" placeholder="Search..." onkeyup="myFunction()" class="search-bar" />
                    <a href="#ContactForm"><button class="btn">Contact Us </button></a>
                    <button class="btn" id="nightMode">
                              Night
                              <img src="images/Night mode.png" alt="Night mode icon">
                    </button>
          </div>
</header>

</html>