-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
173 lines (142 loc) · 6.71 KB
/
about.html
File metadata and controls
173 lines (142 loc) · 6.71 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script src="recipe_toggle.js" defer></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>South Indian Delights</title>
<link rel="icon" href="./images/cookbook_title_icon.PNG" type="image/icon type">
</head>
<body>
<header>
<a href="#" class="toggle-button">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<div class="navbar-links">
<nav class="nav">
<a href="./index.html"><img class="cookbook-icon" src="logo.jpg"></a>
<ul class="nav-right">
<li><a href="./index.html" class="nav_links">Home</a></li>
<li><a href="./about.html" class="nav_links">About Us</a></li>
<li><a href="./tags.html" class="nav_links">Menu</a></li>
<li><a href="./recipes.html" class="nav_links">Recipes</a></li>
<li><a href="./contact-us.html" class="nav_links">Contact Us</a></li>
<li><a href="./random.html" class="nav_links">Try Random Recipe</a></li>
</ul>
</nav>
</div>
</header>
<div class="about-img-text">
<div class="about-img">
<img src="about1.jpg" alt="about image" class="about--image">
</div>
<div class="about-text">
<p class="large">About Us</p>
<p class="medium"></p>
<p class="small">South Indian Cuisine is famous for its diverse and flavorful dishes,representing
the rich cultural heritage of Andhra Pradesh, Telangana, Tamil Nadu, Karnataka
and Kerala.
</p>
<p class="small">South Indian food is a celebration of flavors, where spices are the heroes. From the tangy
tamarind and
coconut in Kerala to the fiery red chilies in Andhra,every dish tells a unique story of taste and
tradition</p>
</div>
</div>
<div class="about-img-text">
<div class="about-text">
<p class="large">What makes us different to other recipe sites?</p>
<p class="medium">Well...</p>
<p class="small">This
website aims to preserve and promote the traditional
cuisine of five South Indian states
</p>
<p class="small">Providing lots of varieties in a single
website having five different states traditional
recepies with clear instructions and also with
videos.Inviting users to share their photos and
recepies of the dishes and providing reviews to
the dishes
</p>
<div class="about-food-icons">
<i class="fa-solid fa-circle-check"></i>Easy to cook
<i class="fa-solid fa-circle-check"></i>Authentic Recipes
<i class="fa-solid fa-circle-check"></i>A Better Experience
<i class="fa-solid fa-circle-check"></i>It's Free!!
</div>
</div>
<div class="about-img">
<img src="about2.avif" alt="about image" class="about--image">
</div>
</div>
<div class="about-heading">
<p class="heading"> Our Best Cooking Foods</p>
</div>
<div class="about-content">
<div class="about-cards">
<div class="about-card-items">
<div class="abt-dish-name">
<h3>Pulihora</h3>
</div>
<div class="abt-dish-details">
<p>Pulihora is a flavorful dish known for its tangy tamarind base, spiced with mustard seeds, curry
leaves,
and chilies. It’s a festive favorite, often garnished with peanuts or cashews, and served during
special occasions.</p>
</div>
<div class="view-recipe-img">
<img src="about3.jpg" alt="taco1" class="abt-view-recipe-img">
</div>
<div class="abt-view-dish-link">
<a href="./recipes.html" class="abt-view-recipe">View Recipe</a>
</div>
</div>
<div class="about-card-items">
<div class="abt-dish-name">
<h3>Appam and stew</h3>
</div>
<div class="abt-dish-details">
<p>Appam is a delicate, fermented rice pancake with a soft, spongy center and crispy edges, commonly
enjoyed in Kerala. It
is traditionally paired with a mild, coconut milk-based stew, made with vegetables or meat, and
flavored with aromatic
spices.
</p>
</div>
<div class="view-recipe-img">
<img src="appam.webp" alt="taco1" class="abt-view-recipe-img">
</div>
<div class="abt-view-dish-link">
<a href="./recipes.html" class="abt-view-recipe">View Recipe</a>
</div>
</div>
<div class="about-card-items">
<div class="abt-dish-name">
<h3>Bisi Bele Bath</h3>
</div>
<div class="abt-dish-details">
<p>Bisi Bele Bath is dish made with rice and a fragrant blend of spices, cooked into a
hearty, tangy curry. Often served with crispy papad or yogurt, it combines the richness of
tamarind and the warmth of
masalas for a comforting meal.
</p>
</div>
<div class="view-recipe-img">
<img src="bisi.jpg" alt="burger1" class="abt-view-recipe-img">
</div>
<div class="abt-view-dish-link">
<a href="./recipes.html" class="abt-view-recipe">View Recipe</a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>