-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmale.html
137 lines (120 loc) · 6.57 KB
/
male.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="./index.css">
<title>Delicious Restaurant</title>
</head>
<body>
<div class="container-fluid">
<nav class="nav1">
<ul>
<li><a href="./home.html">Home</a></li>
<li><a href="./business.html">Business</a></li>
<li class="active"><a href="./information.html">Information</a></li>
<li>
<H1 class="logo">Delicious Restaurant</H1>
</li>
<li><a href="./reservation.html">Reservation</a></li>
<li><a href="./service.html">Service</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</nav>
<!-- responsive nav -->
<nav class="navbar fixed-top">
<div class="container-fluid">
<H1 class="logo">Delicious Restaurant</H1>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
<span class=" text-light " style="font-size: 3rem;">≅</span>
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header" style="background: #040420;">
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" style="background: #fff;" aria-label="Close"></button>
</div>
<div class="offcanvas-body" style="background: #040420; padding-top: 10vmin;">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item ">
<a aria-current="page" href="./home.html">Home</a>
</li>
<li class="nav-item">
<a href="./business.html">Business</a>
</li>
<li class="nav-item active">
<a href="./information.html">Information</a>
</li>
<li class="nav-item">
<a href="./reservation.html">Reservation</a>
</li>
<li class="nav-item">
<a href="./service.html">Service</a>
</li>
<li class="nav-item">
<a href="./contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div class="container male-info">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card">
<img src="https://source.unsplash.com/EHK-EH1SRzQ" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Jacob</h5>
<p class="card-text">Responsible for the preparation of French cuisine; Specializes in perfect plating; Can customize dishes to suit your taste.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://source.unsplash.com/e5Q5vWO55uU" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Henry</h5>
<p class="card-text">Responsible for the preparation of Italian cuisine; Expert in the use of various spices; Can customize dishes to suit your taste .
</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://source.unsplash.com/iv6yNy7oBqQ" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Thomas</h5>
<p class="card-text">Responsible for making fried food; Good at controlling the heat precisely; Can customize dishes to suit your taste.
</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://source.unsplash.com/AXDTTuh-0UI" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Freddie</h5>
<p class="card-text">Responsible for the preparation of Turkish cuisine; Specializes in making vegetables very tasty; Can customize dishes to suit your taste .
</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://source.unsplash.com/GSD9VoG6f-U" height="400" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Alfie</h5>
<p class="card-text">Responsible for the preparation of Indian cuisine; Specializing in tender and flavorful meats; Can customize dishes to suit your taste.
</p>
</div>
</div>
</div>
</div>
</div>
<br><br>
<button class="business-btn"><a href="./service.html">Back to Menu</a></button>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>