-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
64 lines (62 loc) · 3.98 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="./res/img/favicon.ico">
<title>Home | Priyanka's Pantry</title>
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-light bg-primary w-100">
<div class="container">
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#n_bar" aria-controls="navbarNavAltMarkup" aria-label="Toggle navigation">
<i class="fa-solid fa-burger"></i>
</button>
<div class="collapse navbar-collapse d-sm-flex justify-content-sm-evenly" id="n_bar">
<ul class="navbar-nav d-sm-flex align-items-sm-center">
<li class="nav-item active"><a class="nav-link text-muted px-lg-5 px-md-3 text-nowrap" href="#">Home</a></li>
<li class="nav-item"><a class="nav-link text-muted px-lg-5 px-md-3 text-nowrap" href="https://www.youtube.com/watch?v=jPx_ZWKYRCE" target="_blank">About Us</a></li>
<li class="nav-item"><a class="navbar-brand px-lg-5 px-md-3 d-none d-sm-block mx-1" href="#">
<img
src="./res/img/logo_pot.png"
height="60"
alt="Flavorful Feasts logo"
loading="lazy"
/>
</a></li>
<li class="nav-item dropdown">
<a class="text-muted text-decoration-none dropdown-toggle px-lg-5 px-md-3 text-nowrap" type="button" data-bs-toggle="dropdown" aria-expanded="false" id="recipesMenu">
Recipes
</a>
<ul class="dropdown-menu dropdown-menu-dark">
<li><a class="dropdown-item" href="recipes.html">Pav Bhaji</a></li>
<li><a class="dropdown-item" href="recipe1.html">Rice Flakes</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link text-muted px-lg-5 px-md-3 text-nowrap" href="#" target="_blank">Our Style</a></li>
</ul>
</div>
</div>
</nav>
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-lg-6 col-md-8">
<div class="card">
<img src="./res/img/andy-hay-ZN-TT10kf4o-unsplash.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title">Welcome!</h4>
<p class="card-text ">Welcome to a culinary journey through the vibrant and aromatic world of Indian cuisine! At Priyanka's Pantry, we invite you to explore the rich tapestry of flavors, spices, and traditions that make Indian cooking a true gastronomic delight. Whether you're a seasoned chef or a passionate home cook, our collection of authentic recipes, cooking tips, and cultural insights will transport you to the heart of India's diverse culinary landscape. From sizzling curries to fragrant biryanis, from delectable street food to heavenly desserts, we're here to help you embark on a flavorful adventure that's as diverse as the subcontinent itself. So, grab your apron and get ready to savor the magic of India, one mouthwatering dish at a time! 🇮🇳✨</p>
<a href="#" onclick="openLink();" class="btn btn-primary">I'm Feeling Lucky</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/fe3770dd4d.js" crossorigin="anonymous"></script>
<script src="./helper.js" crossorigin="anonymous"></script>
</body>
</html>