-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
97 lines (79 loc) · 6.05 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Module3 Solution</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
</head>
<body>
<header style="background-color: white;">
<nav id="header-nav" class="navbar navbar-default">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar-brand">
<h1>Brand</h1>
</div>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul id="nav-list" class="d-block d-sm-none nav navbar-nav me-auto mb-2 mb-lg-0">
<li>
<a class="nav-link active" aria-current="page" href="menu-categories.html">Chicken</a>
</li>
<li>
<a class="nav-link" href="#"><ion-icon name="restaurant-outline"></ion-icon>Beef</a>
</li>
<li>
<a class="nav-link" href="#">Sushi</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<h1 class="text-center">Our Menu</h1>
<div class="container col-xs-12">
<div class="col-xs4" id="menu-desc">
<h4 class="text-center">
Chicken
</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae nunc blandit, consequat enim at, pulvinar urna. Maecenas pellentesque viverra dapibus. Quisque laoreet risus id arcu interdum, sit amet fermentum tellus maximus. Duis porta, mauris quis dapibus sodales, tortor risus fringilla velit, ut consectetur nibh dui ornare magna. Vivamus a mi imperdiet odio venenatis condimentum at et eros. Donec iaculis elit pulvinar molestie eleifend. Vivamus interdum consectetur nisi, vitae tincidunt dolor tempus convallis. Nam eu imperdiet nibh, non tempor metus. Suspendisse non elit odio. Ut iaculis aliquet quam ut condimentum. In non pretium tellus. Praesent in porta ipsum, hendrerit bibendum turpis.
Sed a diam tempor, volutpat nulla quis, blandit tortor. Donec a condimentum felis, sit amet scelerisque lectus. Duis sed vulputate nisi. Quisque et metus et dui auctor faucibus. Nunc in luctus ipsum, non rutrum ligula. Ut nec lacus non ipsum viverra molestie. Vestibulum eu lectus finibus, dignissim odio eu, tincidunt ante. Praesent volutpat sit amet nisi sit amet elementum. Donec sit amet nisi vel erat porta sagittis a a elit. Vestibulum varius libero enim, in pulvinar lacus sagittis efficitur.
</p>
</div>
<div class="col-xs4" id="menu-desc">
<h4 class="text-center">
Beef
</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae nunc blandit, consequat enim at, pulvinar urna. Maecenas pellentesque viverra dapibus. Quisque laoreet risus id arcu interdum, sit amet fermentum tellus maximus. Duis porta, mauris quis dapibus sodales, tortor risus fringilla velit, ut consectetur nibh dui ornare magna. Vivamus a mi imperdiet odio venenatis condimentum at et eros. Donec iaculis elit pulvinar molestie eleifend. Vivamus interdum consectetur nisi, vitae tincidunt dolor tempus convallis. Nam eu imperdiet nibh, non tempor metus. Suspendisse non elit odio. Ut iaculis aliquet quam ut condimentum. In non pretium tellus. Praesent in porta ipsum, hendrerit bibendum turpis.
Sed a diam tempor, volutpat nulla quis, blandit tortor. Donec a condimentum felis, sit amet scelerisque lectus. Duis sed vulputate nisi. Quisque et metus et dui auctor faucibus. Nunc in luctus ipsum, non rutrum ligula. Ut nec lacus non ipsum viverra molestie. Vestibulum eu lectus finibus, dignissim odio eu, tincidunt ante. Praesent volutpat sit amet nisi sit amet elementum. Donec sit amet nisi vel erat porta sagittis a a elit. Vestibulum varius libero enim, in pulvinar lacus sagittis efficitur.
</p>
</div>
<div class="col-xs4" id="menu-desc">
<h4 class="text-center">
Sushi
</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae nunc blandit, consequat enim at, pulvinar urna. Maecenas pellentesque viverra dapibus. Quisque laoreet risus id arcu interdum, sit amet fermentum tellus maximus. Duis porta, mauris quis dapibus sodales, tortor risus fringilla velit, ut consectetur nibh dui ornare magna. Vivamus a mi imperdiet odio venenatis condimentum at et eros. Donec iaculis elit pulvinar molestie eleifend. Vivamus interdum consectetur nisi, vitae tincidunt dolor tempus convallis. Nam eu imperdiet nibh, non tempor metus. Suspendisse non elit odio. Ut iaculis aliquet quam ut condimentum. In non pretium tellus. Praesent in porta ipsum, hendrerit bibendum turpis.
Sed a diam tempor, volutpat nulla quis, blandit tortor. Donec a condimentum felis, sit amet scelerisque lectus. Duis sed vulputate nisi. Quisque et metus et dui auctor faucibus. Nunc in luctus ipsum, non rutrum ligula. Ut nec lacus non ipsum viverra molestie. Vestibulum eu lectus finibus, dignissim odio eu, tincidunt ante. Praesent volutpat sit amet nisi sit amet elementum. Donec sit amet nisi vel erat porta sagittis a a elit. Vestibulum varius libero enim, in pulvinar lacus sagittis efficitur.
</p>
</div>
</div>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>