-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (105 loc) · 3.94 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
<!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">
<!-- css link -->
<link rel="stylesheet" href="style.css">
<title>ab foods</title>
</head>
<body>
<!-- header part -->
<header>
<section id="header-section">
<!-- left side text part -->
<div class="half-width">
<div class="title-text">
<h1><span class="hl-color">Skip </span>The Diet,
Just Eat Healthy
With ab Foods
</h1>
<p>
A great restaurant website can attract new customers and raise the overall profile of your
restaurant. Here’s how to create your own restaurant website.
</p>
<button class="btn-regular">
Order Now
</button>
</div>
</div>
<!-- right side image part -->
<div class="half-width right-header">
<img src="images/Group 8446.png" alt="">
</div>
</section>
</header>
<!-- about section -->
<section id="about">
<div class="about-section">
<div class="half-width">
<img src="images/about-model.png" alt="">
</div>
<div class="half-width about-text">
<h1>About Me</h1>
<p>Building the best restaurant website doesn’t have to be a time-consuming or difficult task. In many
cases, there are simple things you can build into your website to share the most important
information with your frequent and potential guests, especially as a way to direct customer traffic
to online ordering. </p>
<button class="btn-regular">
Contact me
</button>
</div>
</div>
</section>
<!-- recepe section -->
<section id="recipi">
<div class="recipi-title">
<h1>My recipies</h1>
<p>I'm a dreamer with lots of energy and a vivid imagination. That's the recipe for becoming an entertainer.
</p>
</div>
<section class="cards">
<div class="card">
<img src="images/Project Cover.png" alt="">
<h3>Soups</h3>
<p>The soup is a not very consistent soup where the broth holds a large place.</p>
</div>
<div class="card">
<img src="images/Project Cover1.jpg" alt="">
<h3>Blackberry roll</h3>
<p>Blackberries and cheese are a perfect match. And taste fabulous on a roll. Why wait?</p>
</div>
<div class="card">
<img src="images/Project Cover.jpg" alt="">
<h3>Crispy Mushrooms</h3>
<p>Mushrooms are very high in vitamins B, vitamin D, potassium, and selenium, which is a strong antioxidant. </p>
</div>
</section>
</section>
<!-- calculate section -->
<section id="number">
<div class="claculate-section">
<div class="part">
<h2>700k</h2>
<p>Youtube Subscriber</p>
</div>
<div class="part">
<h2>2.4m</h2>
<p>Instagram Followers</p>
</div>
<div class="part">
<h2>100k</h2>
<p>Dribbble Shot Like</p>
</div>
</div>
</section>
<!-- fotter section -->
<footer id="footer">
<section class="footer-section">
<h1><span class="hl-color">FOOD </span>NETWORK</h1>
<p>Eat healthy to live healthy. Live healthy to live happy.</p>
</section>
</footer>
</body>
</html>