generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
about-us.html
104 lines (101 loc) · 6.14 KB
/
about-us.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About Us | Spicy Dhaba! Real Authentic Indian Food</title>
<link rel="icon" href="./assets/images/logo-red.png" type="image/x-icon" />
<!--bootstrap link -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous" />
<!--font aswsome script link -->
<script src="https://kit.fontawesome.com/023e38a18b.js" crossorigin="anonymous"></script>
<!--local css link -->
<link rel="stylesheet" href="./assets/css/style.css" />
</head>
<body>
<!--Nav bar-->
<nav class="navbar bg-light navbar-expand-lg fixed-top">
<a class="navbar-brand ms-2 ms-md-3 ms-lg-5" href="index.html">
<h1 id="logo">Spicy <img id="logo-img" src="./assets/images/logo-red.png" alt="Logo Image" /> Dhaba</h1>
</a>
<button class="navbar-toggler navbar-light" 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 navbar-toggler-border"></span>
</button>
<div class="collapse navbar-collapse justify-content-end navbar-light me-lg-5" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link p-2" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link active p-2" href="about-us.html">About Us</a></li>
<li class="nav-item"><a class="nav-link p-2" href="menu.html">Menu</a></li>
<li class="nav-item"><a class="nav-link p-2" href="book-table.html">Book Table</a></li>
<li class="nav-item"><a class="nav-link p-2" href="catering.html">Catering</a></li>
<li class="nav-item"><a class="nav-link p-2" href="contact-us.html">Contact Us</a></li>
</ul>
</div>
</nav>
<!--Hero image with main middle text-->
<div class="container-fluid top-container-about-us"></div>
<!--Catering-->
<section class="container mt-5">
<div class="row">
<div class="col d-flex justify-content-center">
<h2 class="h2 sub-heading">Spicy <img id="logo-img-about-us" src="./assets/images/logo-red.png" alt="Logo Image" /> Dhaba</h2>
</div>
</div>
<div class="row">
<div class="col mt-3 px-md-5">
<p class="catering-text">
Dhaba is basically road side reasturant and Dhabas were characterized by mud structures and cots to sit upon while eating. ndian food served in dhabas is wholesome and full of rustic flavour. Chef in Dhabas are
generally local people and really provide authentic local test to the food. Dhaba generally uses authentic home made spices which gives special taste to the food.
</p>
<p>Our Main Chef and partner Kuljit came from such a culture. He worked in some of the finest reasturant in India and abrod. Kuljit has 15 years of experience and enjoys experimenting with food.</p>
</div>
</div>
</section>
<!-- footer section-->
<footer class="container-fluid footer-bg sticky-bottom">
<div class="row mt-5 mx-3 justify-content-between">
<div class="col-12 col-md-3 text-light pt-3">
<h5 class="h5 mt-3 fw-bold text-center text-md-start">Address</h5>
<p class="text-center text-md-start">Dronning Eufemias gate 42, 0191 Oslo</p>
</div>
<div class="col-12 col-md-3 text-light pt-3">
<h5 class="h5 mt-3 fw-bold text-center text-md-start">Contact</h5>
<p class="text-center text-md-start">
+47 67 777 878 <br />
info@spicydhaba.com
</p>
</div>
<div class="col-12 col-md-3 text-light pt-3">
<h5 class="h5 mt-3 fw-bold text-center text-md-start">Opening Time</h5>
<p class="text-center text-md-start">
Tuesday-Friday: 15:00-22:00<br />
Saturday-Sunday: 15:00-23:00<br />
Monday: Close
</p>
</div>
</div>
<div class="row">
<div class="col">
<ul class="list-inline d-flex justify-content-center">
<li class="list-inline-item">
<a class="nav-link social-icon mx-2 text-white" href="http://www.facebook.com" target="_blank"><i class="fab fa-facebook fa-2x"></i></a>
</li>
<li class="list-inline-item">
<a class="nav-link social-icon mx-2 text-white" href="http://www.instagram.com" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
</li>
<li class="list-inline-item">
<a class="nav-link social-icon mx-2 text-light" href="http://www.tripadvisor.com" target="_blank"><i class="fab fa-tripadvisor fa-2x"></i></a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col">
<p class="text-white text-center">Copyright © 2021 Inspried Group</p>
</div>
</div>
</footer>
<!-- Bootstrap JS link -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
</body>
</html>