-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (94 loc) · 3.99 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
<!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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Food Network</title>
</head>
<body>
<!--TOP SECTION PART-->
<section class="top-section">
<div id="half-left" class="half-width">
<h1><span class="text-color">Skip</span> The Diet, <br> Just Eat Healthy <br> With Food Network</h1>
<p>Genos Anagnos came to America from Greece. <br> He founded City Fish Market in 1930, <br> it quickly
became a
family operation.</p>
<a target="_blank" href="https://www.linkedin.com/in/abdurrakibpro/"><button class="order-button">Order
Food</button></a>
</div>
<div class="half-width">
<img src="images/female/Group 8425.png" alt="">
</div>
</section>
<!--TOP SECTION PART-->
<!---ABOUT ME SECTION--->
<section class="section-about-me">
<div class="half-width">
<img id="about-img" src="images/female/Person Image.png">
</div>
<div class="half-width">
<h1 class="head-text">About Me</h1>
<p>Hi, I'm Abdur Rakib an Engineering in CSE. Learning web development and accessible web applications.
I also write technical articles on various web technologies in my blog.</p>
<a href=""><button class="order-button">Contact me</button></a>
</div>
</section>
<!---ABOUT ME SECTION--->
<!---RECIPIES SECTION--->
<section class="recipies-section">
<div class="recipies-header">
<h1 class="head-text">My Recipies</h1>
<p class="recipi-text">Welcome to Our “Food Network Resturant" <br>To exceed in every way possible and
deliver the highest standards <br>
of product, conduct of business, and service to you.</p>
</div>
<div class="recipies">
<div class="recipie-box">
<img src="images/food/Project Cover.jpg" alt="">
<h3>Jimmy Dean Regular</h3>
<p class="recipi-text">Are you tired of barbecuing hotdogs and hamburgers? Throw some shellfish on the
grill this summer! </p>
</div>
<div class="recipie-box">
<img src="images/food/Project Cover1.jpg" alt="">
<h3>Fish with Vagetables</h3>
<p class="recipi-text">Ceviche is a wonderful appetizer or entre for summer! It is loaded with fresh
seafood, avocados, and tomatoes.</p>
</div>
<div class="recipie-box">
<img src="images/food/Project Cover5.png" alt="">
<h3>Vagetables</h3>
<p class="recipi-text">What do you do when you want to improve your health?</p>
</div>
</div>
<div class="information">
<div class="count-inform">
<h4>700k</h4>
<p>Youtube Subscribers</p>
</div>
<div class="count-inform">
<h4>2.5m</h4>
<p>Instagram Follower</p>
</div>
<div class="count-inform">
<h4>1000k</h4>
<p>Dribble Shot Likes</p>
</div>
</div>
</section>
<!---RECIPIES SECTION--->
<!---FOOTER SECTION--->
<section>
<footer class="footer">
<h4 class="foot-text"><span class="text-color">FOOD</span> NETWORK</h4>
<h5 class="sub-text">Eat healthy to live healthy. Live healthy to live happy.</h5>
</footer>
</section>
<!---FOOTER SECTION--->
</body>
</html>