-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
69 lines (69 loc) · 2.49 KB
/
index.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
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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Navbar Desktop ~ CodeXDeres</title>
<link rel="shortcut icon" href="./src/img/favicon.png" type="image/x-icon" />
<link rel="stylesheet" href="./src/css/style.css" type="text/css" media="all" />
</head>
<body>
<section class="body-container">
<nav class="navbar" id="navbar1">
<div class="navbar-brand">
<a href="#" class="a-link">
<h1>Your Brand</h1>
</a>
</div>
<div class="navbar-wrap a1">
<a href="#" class="a-link navlink active">Link-1</a>
<a href="#" class="a-link navlink">Link-2</a>
<a href="#" class="a-link navlink">Link-3</a>
<a href="#" class="a-link navlink">Link-4</a>
</div>
</nav>
<nav class="navbar" id="navbar2">
<div class="navbar-brand">
<a href="#" class="a-link">
<h1>Your Brand</h1>
</a>
</div>
<div class="navbar-wrap">
<a href="#" class="a-link navlink active">Link-1</a>
<a href="#" class="a-link navlink">Link-2</a>
<a href="#" class="a-link navlink">Link-3</a>
<a href="#" class="a-link navlink">Link-4</a>
<a href="#" class="btn a-link">LOGIN</a>
</div>
</nav>
<nav class="navbar" id="navbar3">
<div class="navbar-brand">
<a href="#" class="a-link">
<h1>Your Brand</h1>
</a>
</div>
<div class="navbar-wrap">
<a href="#" class="a-link navlink active">Link-1</a>
<a href="#" class="a-link navlink">Link-2</a>
<a href="#" class="a-link navlink">Link-3</a>
<a href="#" class="a-link navlink">Link-4</a>
</div>
<div class="btn-content">
<a href="#" class="btn a-link">LOGIN</a>
<a href="#" class="btn a-link" style="background-color: green; margin-left:10px;">REGIST</a>
</div>
</nav>
</section>
<div class="box-alert">
<div class="head-alert">
<h1 class="text-alert">INFORMASI</h1>
</div>
<div class="body-alert">
<p><span>Note:</span><br />Tampilan Navbar ini sengaja tidak langsung kami buat secara responsive ke tampilan mobile version, supaya semua bisa membuatnya secara bersama-sama.</p>
<div class="body-ttd">
<p>Salam Hormat</p>
<p class="ttd">CodeXDeres Team</p>
</div>
</div>
</div>
</body>
</html>