-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
173 lines (138 loc) · 6.75 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
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">
<title>Veggie or Meat</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300&display=swap"
rel="stylesheet">
<link rel="shortcut icon" href="./Images/Favicon/circle-cropped.png" type="image/x-icon">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="./style/style.css">
</head>
<body>
<!-- first part -->
<section class="intro">
<div class="half-width ">
<h1 class="intro-tittle animate__animated animate__backInDown"> Eat today, <span class="orange-color ">live</span> another day</h1>
<p class="intro-text">Your health is what you make of it. Everything you do and think either adds to the
vitality, energy, and
spirit you possess or takes away from it </p>
<a class="button" target="_blank" href="https://www.linkedin.com/in/makin-ahmed-69738b191/">Order Food</a>
</div>
<div class="half-width animate__animated animate__bounceInRight">
<img id="intro-image" src="./Images/female/Group 8450.png" alt="A lady is eating pizza.">
</div>
</section>
animate-animated animate__backInUp
<!-- second part -->
<section class="profile intro animate__animated animate__tada">
<div class="half-width">
<img class="profile-image " src="./Images/female/Person Image.png" alt="">
</div>
<div class="profile-text half-width">
<h2>About Me</h2>
<small>Have you just eaten something that you want to share with your friends, family or the next random
stranger?
Then you have come to the perfect place, undoubtedly...!!I am Diana.I am passionate cook.</small>
<a class="button contact-btn" target="_blank " href="https://www.facebook.com/a.makinnn/">Contact Me</a>
</div>
</section>
<!-- third part -->
<div class="about-recipie">
<h2>My Recipies</h2>
<small>For you We provides two different types of delicious foods!! Vegitables and Meats is our special meals.
We
expect you would like our foods that is out of your budget.</small>
</div>
<section class="vegitable">
<div class="recipie-items">
<div class="recipie-item animate__animated animate__backInUp">
<div class="recipie-profile">
<img src="./Images/Vegitable/pexels-polina-tankilevitch-3872373.jpg" alt="">
<h3>Piperade</h3>
<p>Piperade is a traditional dish from the region of French Basque Country, consisting of tomatoes,
onions, green peppers, and Espelette pepper, while garlic, ham, and eggs are often added to the
dish to enhance its flavors.</p>
</div>
</div>
<div class="recipie-item animate__animated animate__backInUp">
<div class="recipie-profile">
<img src="./Images/Vegitable/brooke-lark-oaz0raysASk-unsplash.jpg" alt="">
<h3>Mattar paneer</h3>
<p>Mattar paneer is a popular vegetarian dish of North Indian origin, made with peas and paneer
cheese in a garam masala-spiced tomato sauce. The rich, thick curry is a specialty of Punjab.
</p>
</div>
</div>
<div class="recipie-item animate__animated animate__backInUp">
<div class="recipie-profile">
<img src="./Images/Vegitable/edgar-castrejon-1SPu0KT-Ejg-unsplash.jpg" alt="">
<h3>Avial</h3>
<p>vial is an Indian dish with origins in the Kerala region, although it is equally popular in
India. Its name means to be cooked, and the dish consists of a combination of vegetables,
coconut, and curry leaves.</p>
</div>
</div>
</div>
</div>
</section>
<!-- fourth part -->
<section class="meat ">
<div class="recipie-items">
<div class="recipie-item animate__animated animate__backInUp">
<div class="recipie-profile">
<img src="./Images/Meat/pascal-brandle-_kpHOEpE5Ik-unsplash.jpg" alt="">
<h3>The Best Beef Burger</h3>
<p>TThe perfect burger should be juicy, tender and have some serious grill marks on the outside.
will ensure the patties stay deliciously moist as they cook.</p>
</div>
</div>
<div class="recipie-item animate__animated animate__backInUp">
<div class="recipie-profile">
<img src="./Images/Meat/spencer-davis-F8d7rtlfueo-unsplash.jpg" alt="">
<h3>Lamb Shanks</h3>
<p>This simple recipe slow-roasts beef to create succulent results every time. Boasting a couple of
secret ingredients in the marinade, this roast beef recipe will melt in the mouth.</p>
</div>
</div>
<div class="recipie-item animate__animated animate__backInUp">
<div class="recipie-profile">
<img src="./Images/Meat/sunorwind-Z4CvBOpOi6w-unsplash.jpg" alt="">
<h3>Pork Pit</h3>
<p>In the past, jerk was used to refer to a pig that was slowly grilled over a fire of pimento wood.
Today, the main ingredient is typically chicken, pork, or beef. </p>
</div>
</div>
</div>
</div>
</section>
<!-- fifth part -->
<section class="social-media">
<div class="social-media-item">
<h1>700k</h1>
<small>Youtube Subscribers</small>
</div>
<div class="social-media-item">
<h1>2.4m</h1>
<small>Instagram Followsers</small>
</div>
<div class="social-media-item">
<h1>100k</h1>
<small>Dribble Shot Likes</small>
</div>
</section>
<!-- Last part -->
<footer>
<h2 class="footer-tittle">VEGGIE <span class="orange-color">OR </span> MEAT</h2>
<small>Eat healthy to live healthy.Live healthy to live happy.</small>
</footer>
</body>
</html>