-
Notifications
You must be signed in to change notification settings - Fork 1
/
navbar.html
37 lines (37 loc) · 1.25 KB
/
navbar.html
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
<nav class="navbar navbar-nav navbar-expand-md fixed-top">
<div class="container">
<div class="row w-100 text-center m-0">
<div class="col-md-4 text-center order-md-1 order-first">
<a class="navbar-brand fs-1 bg-music" href="#" onclick="musicBg()">
Hoang Hieu
</a>
</div>
<!--<div class="collapse navbar-collapse" id="navbarNav">-->
<div class="col-3 col-md-2 text-center order-md-0 mt-2">
<ul class="navbar-nav w-100">
<li class="nav-item mx-auto"><a class="nav-link active" data-text="Home"
href="/home.html">Home</a></li>
</ul>
</div>
<div class="col-3 col-md-2 text-center order-md-0 mt-2">
<ul class="navbar-nav w-100">
<li class="nav-item mx-auto"><a class="nav-link" data-text="Project"
href="/project.html">Project</a>
</li>
</ul>
</div>
<div class="col-3 col-md-2 text-center order-md-2 mt-2">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="/hobbies.html" data-text="Hobbies">Hobbies</a>
</li>
</ul>
</div>
<div class="col-3 col-md-2 text-center order-md-2 mt-2">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="/blog.html" data-text="Blog">Blog</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>