-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAbout_us.html
180 lines (170 loc) · 7.17 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
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
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en" id="About_us">
<head>
<link rel="icon" type="Image" href="pictures/logo-color.png">
<link rel="stylesheet" href="About_us.css">
<link rel="stylesheet" href="pictures/fontawesome-free-6.4.2-web/css/all.min.css">
<title>About us</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
.fatherdiv {
font-size: 16px;
margin: 3%;
padding: 3%;
}
strong {
color: #ef8451;
}
img {
border-bottom: solid 0.0001em;
border-color: rgb(228, 226, 226);
}
</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="jood/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:#4cab4c "
>Home</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="About_us.html" style="color: #093532"
>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.html">Appetizers</a></li>
<li><a class="dropdown-item" href="Breakfast.html">Breakfast</a></li>
<li><a class="dropdown-item" href="Desserts.html">Desserts</a></li>
<li><a class="dropdown-item" href="Lunch.html">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>
<div class="container-fluid">
<div>
<h1 style="text-align: center; margin-bottom: 5%; margin-top: 5%;"> <strong>About Recipe Realm :</strong></h1>
</div>
<div class="fatherdiv">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card">
<img src="jood/download_image_1703504463323-removebg-preview.png" class="card-img-top" alt="logo">
<div class="card-body" style="border-top-style: top solid ;">
<h2 class="card-title"><strong>Description :</strong></h2>
<p class="card-text">Recipe Realm provides a range of simple-to-follow recipes from across the globe,
acting as your gateway to international flavors. Whether you're new to cooking or an experienced chef
,try experimenting with a variety of recipes and ingredients, from comforting classics to unique
innovations. It's a central location for food enthusiasts to share mouthwatering experiences and find
inspiration for cooking with easy-to-follow directions."</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="jood/Cooking_Quotes_Printables-removebg-preview.png" class="card-img-top" alt="...">
<div class="card-body">
<h2 class="card-title"><strong>Why we choose it?</strong></h2>
<p class="card-text">Our website is a versatile culinary education platform,
dedicated to teaching easy and quick cooking methods using available ingredients.
With step-by-step tutorials, we guide individuals in mastering the art of cooking,
offering not only traditional recipes but also a repository of new and exciting culinary creations.
Beyond just recipes, it's a space for a community of cooking enthusiasts to exchange experiences, tips,
and stories.
Whether you're a beginner or an experienced chef,
our website is a hub for an enjoyable journey of learning and experimentation in the world of cooking.
</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="jood/team.png" class="card-img-top" alt="...">
<div class="card-body">
<h2 class="card-title"><strong>About team :</strong></h2>
<p class="card-text">
At Applied Sciences University, our team comprises three dedicated female students: Eman,
Tasnim, and Jood. Not only do we share the same residence,
but we've also taken our collaboration to the kitchen. We've seamlessly divided cooking times among us,
discovering that our shared passion for cooking is not only a delightful way to bond but also an avenue
for culinary exploration.
As we navigate our academic journeys,
our shared commitment to both our studies and the culinary arts has created a unique and supportive
living and learning environment.</p>
</div>
</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>