forked from vexeroo/vexeroo-web
-
Notifications
You must be signed in to change notification settings - Fork 0
/
bottom_navbar_main.html
51 lines (45 loc) · 2.12 KB
/
bottom_navbar_main.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
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Vexeroo</title>
<meta name="description" content="velocity, luxurious delivery experience">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=996dc642b1d24f33bd052ed328aa38bc">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap">
<link rel="stylesheet" href="assets/css/styles.min.css?h=d21d319ccde4d645b4b8f4780715e428">
</head>
<body>
<div id="circle"></div>
<div id="navbar">
<div class="icon"><img src="path_to_your_icon" alt="Home">
<div class="label"><span>Home</span></div>
</div>
<div class="icon"><img src="path_to_your_icon" alt="Maps">
<div class="label"><span>Maps</span></div>
</div>
<div class="icon"><img src="path_to_your_icon" alt="New">
<div class="label"><span>New</span></div>
</div>
<div class="icon"><img src="path_to_your_icon" alt="Messages">
<div class="label"><span>Messages</span></div>
</div>
<div class="icon"><img src="path_to_your_icon" alt="Profile">
<div class="label"><span>Profile</span></div>
</div>
</div><script>
function showNavbar(event) {
event.stopPropagation();
document.getElementById('circle').style.display = 'none';
document.getElementById('navbar').style.transform = 'translateX(0)';
}
function hideNavbar() {
document.getElementById('circle').style.display = 'block';
document.getElementById('navbar').style.transform = 'translateX(100%)';
}
</script>
<script src="assets/js/imports/bottom_navbar_main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/script.min.js?h=4733a5aa722c9ef5669b270bcebbcdbf"></script>
</body>
</html>