Skip to content

Commit 2594ff1

Browse files
ryanzhangofficialryanzhangofficial
committed
Add navbar burger
1 parent 48712dd commit 2594ff1

5 files changed

Lines changed: 129 additions & 90 deletions

File tree

‎about.html‎

Lines changed: 25 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -11,28 +11,32 @@
1111
</head>
1212
<body>
1313

14-
<header class="sticky-header">
15-
<nav class="navbar container">
16-
<a href="index.html" class="logo">
17-
<span class="logo-text">Team&nbsp;10152</span>
18-
<img class="logo-icon" src="images/logo.png" alt="logo">
19-
</a>
14+
<header class="sticky-header">
15+
<nav class="navbar container">
16+
<a href="index.html" class="logo">
17+
<span class="logo-text">Team&nbsp;10152</span>
18+
<img class="logo-icon" src="images/logo.png" alt="logo">
19+
</a>
20+
21+
<button class="burger" aria-label="Toggle navigation">
22+
<span></span><span></span><span></span>
23+
</button>
2024

21-
<ul class="nav-links">
22-
<li class="dropdown">
23-
<a href="about.html">About</a>
24-
<ul class="dropdown-menu">
25-
<li><a href="about.html#mission">Mission</a></li>
26-
<li><a href="history.html">History</a></li>
27-
</ul>
28-
</li>
29-
<li><a href="team.html">Departments</a></li>
30-
<li><a href="sponsorship.html">Sponsors</a></li>
31-
<li><a class="join-btn" href="https://forms.gle/fcawioAvaTKrN5Le6" target="_blank">Join&nbsp;Us</a></li>
32-
<li class="burger"><span></span><span></span><span></span></li>
33-
</ul>
34-
</nav>
35-
</header>
25+
<ul class="nav-links">
26+
<li><a href="index.html">Home</a></li>
27+
<li class="dropdown">
28+
<a href="about.html">About</a>
29+
<ul class="dropdown-menu">
30+
<li><a href="about.html#mission">Mission</a></li>
31+
<li><a href="history.html">History</a></li>
32+
</ul>
33+
</li>
34+
<li><a href="team.html">Departments</a></li>
35+
<li><a href="sponsorship.html">Sponsors</a></li>
36+
<li><a class="join-btn" href="https://forms.gle/fcawioAvaTKrN5Le6" target="_blank">Join&nbsp;Us</a></li>
37+
</ul>
38+
</nav>
39+
</header>
3640

3741
<section class="page-hero"><h1>About&nbsp;Us</h1></section>
3842

‎history.html‎

Lines changed: 26 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -10,23 +10,32 @@
1010
<script defer src="script.js"></script>
1111
</head>
1212
<body>
13-
<header class="sticky-header">
14-
<nav class="navbar container">
15-
<a href="index.html" class="logo"><span class="logo-text">Team&nbsp;10152</span><img src="images/logo.png" class="logo-icon" alt="logo"></a>
16-
<ul class="nav-links">
17-
<li class="dropdown"><a href="about.html">About</a>
18-
<ul class="dropdown-menu">
19-
<li><a href="about.html#mission">Mission</a></li>
20-
<li><a href="history.html">History</a></li>
21-
</ul>
22-
</li>
23-
<li><a href="team.html">Departments</a></li>
24-
<li><a href="sponsorship.html">Sponsors</a></li>
25-
<li><a class="join-btn" href="https://forms.gle/fcawioAvaTKrN5Le6" target="_blank">Join&nbsp;Us</a></li>
26-
<li class="burger"><span></span><span></span><span></span></li>
27-
</ul>
28-
</nav>
29-
</header>
13+
<header class="sticky-header">
14+
<nav class="navbar container">
15+
<a href="index.html" class="logo">
16+
<span class="logo-text">Team&nbsp;10152</span>
17+
<img class="logo-icon" src="images/logo.png" alt="logo">
18+
</a>
19+
20+
<button class="burger" aria-label="Toggle navigation">
21+
<span></span><span></span><span></span>
22+
</button>
23+
24+
<ul class="nav-links">
25+
<li><a href="index.html">Home</a></li>
26+
<li class="dropdown">
27+
<a href="about.html">About</a>
28+
<ul class="dropdown-menu">
29+
<li><a href="about.html#mission">Mission</a></li>
30+
<li><a href="history.html">History</a></li>
31+
</ul>
32+
</li>
33+
<li><a href="team.html">Departments</a></li>
34+
<li><a href="sponsorship.html">Sponsors</a></li>
35+
<li><a class="join-btn" href="https://forms.gle/fcawioAvaTKrN5Le6" target="_blank">Join&nbsp;Us</a></li>
36+
</ul>
37+
</nav>
38+
</header>
3039

3140
<section class="page-hero"><h1>Our&nbsp;Journey</h1></section>
3241

‎index.html‎

Lines changed: 26 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -10,24 +10,32 @@
1010
<script defer src="script.js"></script>
1111
</head>
1212
<body>
13-
<header class="sticky-header">
14-
<nav class="navbar container">
15-
<a href="index.html" class="logo"><span class="logo-text">Team&nbsp;10152</span><img class="logo-icon" src="images/logo.png" alt="logo"></a>
16-
<ul class="nav-links">
17-
<li class="dropdown">
18-
<a href="about.html">About</a>
19-
<ul class="dropdown-menu">
20-
<li><a href="about.html#mission">Mission</a></li>
21-
<li><a href="history.html">History</a></li>
22-
</ul>
23-
</li>
24-
<li><a href="team.html">Departments</a></li>
25-
<li><a href="sponsorship.html">Sponsors</a></li>
26-
<li><a class="join-btn" href="https://forms.gle/fcawioAvaTKrN5Le6" target="_blank">Join&nbsp;Us</a></li>
27-
<li class="burger"><span></span><span></span><span></span></li>
28-
</ul>
29-
</nav>
30-
</header>
13+
<header class="sticky-header">
14+
<nav class="navbar container">
15+
<a href="index.html" class="logo">
16+
<span class="logo-text">Team&nbsp;10152</span>
17+
<img class="logo-icon" src="images/logo.png" alt="logo">
18+
</a>
19+
20+
<button class="burger" aria-label="Toggle navigation">
21+
<span></span><span></span><span></span>
22+
</button>
23+
24+
<ul class="nav-links">
25+
<li><a href="index.html">Home</a></li>
26+
<li class="dropdown">
27+
<a href="about.html">About</a>
28+
<ul class="dropdown-menu">
29+
<li><a href="about.html#mission">Mission</a></li>
30+
<li><a href="history.html">History</a></li>
31+
</ul>
32+
</li>
33+
<li><a href="team.html">Departments</a></li>
34+
<li><a href="sponsorship.html">Sponsors</a></li>
35+
<li><a class="join-btn" href="https://forms.gle/fcawioAvaTKrN5Le6" target="_blank">Join&nbsp;Us</a></li>
36+
</ul>
37+
</nav>
38+
</header>
3139

3240
<section class="hero split">
3341
<div class="hero-left">

‎sponsorship.html‎

Lines changed: 26 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -10,23 +10,32 @@
1010
<script defer src="script.js"></script>
1111
</head>
1212
<body>
13-
<header class="sticky-header">
14-
<nav class="navbar container">
15-
<a href="index.html" class="logo"><span class="logo-text">Team&nbsp;10152</span><img src="images/logo.png" class="logo-icon" alt="logo"></a>
16-
<ul class="nav-links">
17-
<li class="dropdown"><a href="about.html">About</a>
18-
<ul class="dropdown-menu">
19-
<li><a href="about.html#mission">Mission</a></li>
20-
<li><a href="history.html">History</a></li>
21-
</ul>
22-
</li>
23-
<li><a href="team.html">Departments</a></li>
24-
<li><a href="sponsorship.html">Sponsors</a></li>
25-
<li><a class="join-btn" href="https://forms.gle/fcawioAvaTKrN5Le6" target="_blank">Join&nbsp;Us</a></li>
26-
<li class="burger"><span></span><span></span><span></span></li>
27-
</ul>
28-
</nav>
29-
</header>
13+
<header class="sticky-header">
14+
<nav class="navbar container">
15+
<a href="index.html" class="logo">
16+
<span class="logo-text">Team&nbsp;10152</span>
17+
<img class="logo-icon" src="images/logo.png" alt="logo">
18+
</a>
19+
20+
<button class="burger" aria-label="Toggle navigation">
21+
<span></span><span></span><span></span>
22+
</button>
23+
24+
<ul class="nav-links">
25+
<li><a href="index.html">Home</a></li>
26+
<li class="dropdown">
27+
<a href="about.html">About</a>
28+
<ul class="dropdown-menu">
29+
<li><a href="about.html#mission">Mission</a></li>
30+
<li><a href="history.html">History</a></li>
31+
</ul>
32+
</li>
33+
<li><a href="team.html">Departments</a></li>
34+
<li><a href="sponsorship.html">Sponsors</a></li>
35+
<li><a class="join-btn" href="https://forms.gle/fcawioAvaTKrN5Le6" target="_blank">Join&nbsp;Us</a></li>
36+
</ul>
37+
</nav>
38+
</header>
3039

3140
<section class="page-hero"><h1>Partner&nbsp;With&nbsp;Us</h1></section>
3241

‎team.html‎

Lines changed: 26 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -10,23 +10,32 @@
1010
<script defer src="script.js"></script>
1111
</head>
1212
<body>
13-
<header class="sticky-header">
14-
<nav class="navbar container">
15-
<a href="index.html" class="logo"><span class="logo-text">Team&nbsp;10152</span><img src="images/logo.png" class="logo-icon" alt="logo"></a>
16-
<ul class="nav-links">
17-
<li class="dropdown"><a href="about.html">About</a>
18-
<ul class="dropdown-menu">
19-
<li><a href="about.html#mission">Mission</a></li>
20-
<li><a href="history.html">History</a></li>
21-
</ul>
22-
</li>
23-
<li><a href="team.html">Departments</a></li>
24-
<li><a href="sponsorship.html">Sponsors</a></li>
25-
<li><a class="join-btn" href="https://forms.gle/fcawioAvaTKrN5Le6" target="_blank">Join&nbsp;Us</a></li>
26-
<li class="burger"><span></span><span></span><span></span></li>
27-
</ul>
28-
</nav>
29-
</header>
13+
<header class="sticky-header">
14+
<nav class="navbar container">
15+
<a href="index.html" class="logo">
16+
<span class="logo-text">Team&nbsp;10152</span>
17+
<img class="logo-icon" src="images/logo.png" alt="logo">
18+
</a>
19+
20+
<button class="burger" aria-label="Toggle navigation">
21+
<span></span><span></span><span></span>
22+
</button>
23+
24+
<ul class="nav-links">
25+
<li><a href="index.html">Home</a></li>
26+
<li class="dropdown">
27+
<a href="about.html">About</a>
28+
<ul class="dropdown-menu">
29+
<li><a href="about.html#mission">Mission</a></li>
30+
<li><a href="history.html">History</a></li>
31+
</ul>
32+
</li>
33+
<li><a href="team.html">Departments</a></li>
34+
<li><a href="sponsorship.html">Sponsors</a></li>
35+
<li><a class="join-btn" href="https://forms.gle/fcawioAvaTKrN5Le6" target="_blank">Join&nbsp;Us</a></li>
36+
</ul>
37+
</nav>
38+
</header>
3039

3140
<section class="page-hero"><h1>Four&nbsp;Departments</h1></section>
3241

0 commit comments

Comments
 (0)