-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfaq.html
118 lines (111 loc) · 5.67 KB
/
faq.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
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<!-- Defining keywords for search engine -->
<meta name="keywords" content="Best Indian Restaurant in Newport, KY, Indian Restaurant, Jot India, Amul India, Baba India,
Best indian Restaurant, Shan India, Taj India, Royal Taj, Taj Mahal Bar and Grill, Best Restaurant for Indian Food,
Indian Food Restaurant, Indian Dishes, Indian Carryout, Carryout, ToGo, Cheapest food service, High quality food,
Best Rated Indian Restaurant, Best Rated Restaurant">
<!-- Defining a description for website -->
<meta name="description" content="Authentic Indian Food">
<!-- Defining the author of the page -->
<meta name="author" content="Ujjwal Pandit">
<!-- Refreshing document every 30 seconds-->
<meta http-equiv="refresh" content="300">
<!-- Setting the viewport to make your website look good on all devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Title</title>
<link rel="stylesheet" href="styles.css">
<!-- For the navigation bar, we use bootstrap, so the css and js are below -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- For the logos for the navigation bar, we use bootstrap as below -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
<!-- For the social media link we use fontawesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- For the slideshow animation, we are using w3schools css -->
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="script.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a href="index.html" class="navbar-brand">
<img src="Images/jot%20india%20logo.png" height="28" alt="CoolBrand">
</a>
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="nav nav-tabs">
<a href="index.html" class="nav-item nav-link">
<i class="bi-house-door"></i> Home</a>
<a href="menu.html" class="nav-item nav-link">
<i class="bi bi-journal-text"></i> Menu</a>
<a href="https://www.yelp.com/biz/jot-india-restaurant-newport/" rel="noopener noreferrer" target="_blank" class="nav-item nav-link">
<i class="bi bi-hand-thumbs-up"></i> Reviews</a>
<a href="about.html" class="nav-item nav-link">
<i class="bi bi-palette2"></i> About Us</a>
<a href="gallery.html" class="nav-item nav-link">
<i class="bi bi-camera"></i> Gallery</a>
<a href="reservations.html" class="nav-item nav-link">
<i class="bi bi-calendar2-check"></i> Reservations</a>
<a href="faq.html" class="nav-item nav-link active" tabindex="-1">
<i class="bi bi-phone"></i> FAQs</a>
</div>
<div class="navbar-nav ms-auto">
<a href="#" class="nav-item nav-link">Login</a>
</div>
</div>
</div>
</nav>
<!--Section: FAQ-->
<section style="border: 2px solid green; padding: 30px">
<h3 class="text-center mb-4 pb-2 text-primary fw-bold">FAQs</h3>
<p class="text-center mb-5">
Find the answers for the most frequently asked questions below
</p>
<div class="row">
<div class="col-md-6 col-lg-4 mb-4">
<h6 class="mb-3 text-primary"><i class="far text-primary pe-2"></i>1.Do you have vegetarian, vegan, gluten-free options?</h6>
<p>
<strong><u>YES!</u></strong> We do.
</p>
</div>
<div class="col-md-6 col-lg-4 mb-4">
<h6 class="mb-3 text-primary"><i class="fas text-primary pe-2"></i>2. Can we do BYOB?</h6>
<p>
<strong><u>YES!</u></strong> you can
</p>
</div>
<div class="col-md-6 col-lg-4 mb-4">
<h6 class="mb-3 text-primary"><i class="fas text-primary pe-2"></i> 3. I just got a takeout order from here and there's a mistake in my order. Can you fix it?
</h6>
<p>
<strong> <u> YES!</u></strong> we can. Give us a call, and we will correct our mistake.
</p>
</div>
<div class="col-md-6 col-lg-4 mb-4">
<h6 class="mb-3 text-primary"><i class="fas text-primary pe-2"></i> 4. Can you accommodate group of 15, 20, 30 people?
</h6>
<p>
<strong><u>YES!</u></strong> let us know in advance.
</p>
</div>
<div class="col-md-6 col-lg-4 mb-4">
<h6 class="mb-3 text-primary"><i class="fas text-primary pe-2"></i> 5. How can I purchase your gift cards?
</h6>
<p>At the restaurant.</p>
</div>
<div class="col-md-6 col-lg-4 mb-4">
<h6 class="mb-3 text-primary"><i class="fas text-primary pe-2"></i> 6. Are you handicap accessible? To wheelchairs too?</h6>
<p>
<strong> <u> YES!</u> </strong> we are.
</p>
</div>
</div>
</section>
<!--Section: FAQ-->
</body>
</html>