-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (159 loc) · 8.09 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
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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recipie Realm</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" href="index.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
</style>
</head>
<body>
<!--Navbar-->
<nav class="navbar navbar-expand-lg" style="background-color: #ffffff">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="tpictures/logo6.png" /></a>
<button
class="navbar-toggler"
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 class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item ">
<a class="nav-link active" aria-current="page" href="index.html" style="color:#093532 "
>Home</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="About_us.html" style="color: #4cab4c"
>About_us</a
>
</li>
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="services.html"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
style="color: #4cab4c"
>
services
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="services.html">Latest Recipies</a></li>
<li><a class="dropdown-item" href="#">Appetizers</a></li>
<li><a class="dropdown-item" href="#">Breakfast</a></li>
<li><a class="dropdown-item" href="#">Desserts</a></li>
<li><a class="dropdown-item" href="#">Lunch</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="testimonial.html" style="color: #4cab4c"
>testimonial</a
>
</li>
<li class="nav-item">
<a
class="nav-link"
href="Contact_us.html"
style="color:#4cab4c "
>Contact_us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="SiteMap.html" style="color: #4cab4c"
>SiteMap</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="form5.html" style="color: #4cab4c"
>Register</a
>
</li>
</ul>
<form class="d-flex" role="search">
<input
class="form-control me-2"
type="search"
placeholder="Search"
aria-label="Search"
/>
<button class="btn" style="background-color: #ef8451" type="submit">
Search
</button>
</form>
</div>
</div>
</nav>
<br>
<!--Cards-->
<div class="container">
<div class="row">
<!--Header-->
<div class="card">
<div class="card-header" style="color:rgb(76, 171, 76);">
Introduction
</div>
<div class="card-body">
<h5 class="card-title" style="color:#ef8451;">Recipie Realm</h5>
<p class="card-text">Recipe Realm: Where Culinary Ingenuity Meets Creativity! Explore a world of enchanting recipes, from gravity-defying desserts to savory masterpieces. Our visually stunning guides turn cooking into an art form, catering to both kitchen mavens and aspiring alchemists.🍝🍝
Join a vibrant community of flavor enthusiasts. Connect, share secrets (or recipes!), and engage in the excitement that makes Recipe Realm buzz.
Whether you crave a quick fix, a grand feast, or a transformation in your routine, Recipe Realm is your mystical guide. Dive into a realm where every dish is a captivating story, and every recipe is a captivating gateway to extraordinary flavors!</p>
<a href="#" class="btn btn-success">About Us</a>
</div>
</div>
<br>
</div>
<div class="row">
<div class="col lg-3 sm-2 pt-3">
<div class="card" style="width: 18rem;">
<img src="tpictures/Appetizers.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title" style="color:#ef8451;">Appetizers</h5>
<p class="card-text">Appetizers, also known as starters or hors d'oeuvres, are small, savory dishes served before a main course. They are designed to whet the appetite and set the tone for the meal. Appetizers can be simple or elaborate, but they are always delicious and satisfying..</p>
<a href="#" class="btn btn-success">Read More</a>
</div>
</div>
</div>
<div class="col lg-3 sm-2 pt-3">
<div class="card" style="width: 18rem;">
<img src="tpictures/Desserts.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title" style="color:#ef8451;">Desserts</h5>
<p class="card-text">Desserts, the sweet finale to a meal, are a symphony of flavors and textures that tantalize the taste buds and leave a lasting impression. From the rich indulgence of chocolate cake to the refreshing lightness of fruit sorbet, desserts offer a delightful conclusion to any dining experience.</p>
<a href="#" class="btn btn-success">Read More</a>
</div>
</div>
</div>
<div class="col lg-3 sm-2 pt-3">
<div class="card" style="width: 18rem;">
<img src="tpictures/MainDishes2.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title" style="color:#ef8451;">Main dishes</h5>
<p class="card-text">Main dishes, the heart of a meal, are substantial, savory dishes that provide the bulk of nourishment and satisfaction. From the hearty warmth of a roast chicken to the delicate balance of flavors in a stir-fried dish, main dishes showcase culinary creativity and satisfy the hunger pangs.</p>
<a href="#" class="btn btn-success">Read More</a>
</div>
</div>
</div>
<div class="col lg-3 sm-2 pt-3">
<div class="card" style="width: 18rem;">
<img src="tpictures/Breakfast.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"style="color:#ef8451;">Breakfast</h5>
<p class="card-text">Breakfast, like fuel for a car, recharges your body after sleep. It provides the energy your brain and body need to start the day strong and focused. So skip the empty tank feeling and grab a healthy breakfast to kickstart your morning!</p>
<a href="#" class="btn btn-success">Read More</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>