-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (138 loc) · 6.5 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
<!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>Food Website</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=Montserrat:wght@400;600;800&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="menu-bar">
<div class="mid">
<div class="logo">
<img src="images/navlogo1.png" alt="Food Website">
</div>
<div class="menu">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#about-part">ABOUT ME</a></li>
<li><a href="#recipies-part">MY RECIPIES</a></li>
<li><a href="#contact-part">CONTACT</a></li>
</ul>
</div>
</div>
</div>
<section class="top-banner" id="banner-part">
<div class="banner-left-part">
<h1><span>Skip</span> The Diet,<br> Just Eat Healthy<br> With Food Network</h1>
<p>Imagine you don't need a diet because we provide healthy and delicious food for you!</p>
<a class="anchor-button" href="https://www.linkedin.com/in/rokunuzzaman-bhuiya-120612138/" target="_blank">Order Food</a>
</div>
<div class="banner-right-part">
<img src="images/banner1.png" alt="Banner">
</div>
</section>
<section class="about-area" id="about-part">
<div class="about-left-part">
<img src="images/about1.png" alt="About">
</div>
<div class="about-right-part">
<h1>About Me</h1>
<p>From adding more balanced options to our Happy Meal, to serving up fresh beef Quarter Pounder burgers that are cooked when you order, we’re always finding ways to show our commitment to our customers.</p>
<a class="anchor-button" href="https://www.linkedin.com/in/rokunuzzaman-bhuiya-120612138/" target="_blank">Contact Me</a>
</div>
</section>
<section class="recipies-area" id="recipies-part">
<h1 class="recipies-title">My recipies</h1>
<p class="recipies-paragraph">A side of salmon, hot off the grill and laid on fig leaves from a backyard tree if you have one, makes a spectacular main course.</p>
<div class="d-flex">
<div class="recipies-item-one" id="recipies-one">
<img src="images/recipie1.jpg" alt="Recipie">
<h2>Egg Pudding</h2>
<p>A rich, moist cake dipped in a sticky sauce. It is best served warm with a dollop of vanilla ice cream.</p>
</div>
<div class="recipies-item-two" id="recipies-two">
<img src="images/recipie2.jpg" alt="Recipie">
<h2>Vegetable Mix</h2>
<p>About Grilled Citrus Fish Recipe: A tangy, citrusy dish full of flavour and nutrients is right here!Grilled Citrus Fish is the amazing combination of orange.</p>
</div>
<div class="recipies-item-three" id="recipies-three">
<img src="images/recipie3.jpg" alt="Recipie">
<h2>Special Soap</h2>
<p>This one is a typical sweet Thanksgiving pie, although it took a bit of getting used to, at first. Top it up with marshmallows and enjoy.</p>
</div>
</div>
</section>
<section class="social-area" id="social-part">
<div class="d-flex-social">
<div class="social-item-one" id="youtube">
<h1>700k</h1>
<p>Youtube Subscribers</p>
</div>
<div class="social-item-two" id="instagram">
<h1>2.4m</h1>
<p>Instagram Followers</p>
</div>
<div class="social-item-three" id="youtube">
<h1>100k</h1>
<p>Dribbble Shot Likes</p>
</div>
</div>
</section>
<section class="contact-area" id="contact-part" >
<h1 class="contact-title">Contact Me</h1>
<p class="contact-paragraph">This one is a typical sweet Thanksgiving pie, although it took a bit of getting used to, at first. Top it up with marshmallows and enjoy.</p>
<div class="d-flex-contact">
<div class="address">
<div class="home">
<i class="icofont icofont-location-pin"></i>
<h5>Home</h5>
<p>558, Shaheenbag, Tejgaon, Dhaka</p>
</div>
<div class="email">
<i class="icofont icofont-email"></i>
<h5>Email</h5>
<p><a href="mailto:someone@example.com">rokunuzzamanbhuiya@gmail.com</a></p>
</div>
<div class="phone">
<i class="icofont icofont-phone"></i>
<h5>Phone</h5>
<p><a href="tel:+02264248622">+880 1616 888 000</a></p>
</div>
</div>
<div class="message">
<form action="#" method="post">
<div class="name">
<div class="form-group">
<input name="name" type="text" class="form-control" id="name" placeholder="Name">
</div>
</div>
<div class="email">
<div class="form-group">
<input name="email" type="email" class="form-control" id="email" placeholder="Email">
</div>
</div>
<div class="form-group">
<input name="sub" type="text" class="form-control" id="sub" placeholder="Subject">
</div>
<div class="form-group">
<textarea name="msg" class="form-control" id="mag" rows="4" placeholder="Message"></textarea>
</div>
<div class="text-right">
<a class="anchor-button" href="#" target="_blank">Send</a>
</div>
</form>
</div>
</div>
</section>
<footer class="footer-design">
<h2><span>FOOD</span> NETWORK</h2>
<p>Eat healthy to live healthy. Live healthy to live happy.</p>
</footer>
</body>
</html>