-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (133 loc) · 6.06 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="icon" href="./images/website-logo.png">
<title>Spoon</title>
</head>
<body>
<!--first page-->
<div class="home-page">
<div class="wrapper">
<div class="taskbar">
<div class="logo">
<a href="index.html">
<img src="./images/logo.png" alt="spoon">
</a>
</div>
<div class="menu">
<ul>
<li><a href="#">Features</a></li>
<li><a href="#">Premium</li>
<li><a href="#">Pricing</a></li>
<li><a href="#">About</a></li>
<span class="menu-dot"></span>
<li><a href="./login.html">Sign in</a></li>
</ul>
<button>Get Started</button>
</div>
</div>
<div class="homepage-body">
<h1>Propel yuor business</h1>
<p>Propel comes with everything you need to get your business rolling</p>
<button>get started</button>
</div>
</div>
</div>
<!--second page-->
<div class="second-page">
<div class="wrapper-1">
<h2>Promoting your business and services with</h2>
<h2>Propel: <span class="secondpage-lighter">A responsive, multi-page business<br> template with everything you need propel your<Br> business.</span></h2>
<div class="secondpage-table">
<div class="first-box">
<img src="./images/coffee-cup.png" alt="coffee cup">
<h4>Pro ad constituto</h4>
<p>Ne usu illud albucius abhor reant, partiendo scriptorem mel ne.</p>
</div>
<div class="second-box">
<img src="./images/hot-sausage.png" alt="sausages">
<h4>Eam commodo</h4>
<p>Fuisset intellegat delicatissimi ex mea. Cu probo integre nec.</p>
</div>
<div class="third-box">
<img src="./images/calendar.png" alt="calendar">
<h4>Reformidans eis</h4>
<p>Facer nostro causae ei sed. Vix ex quidam detraxit, vis ad nostro laoreet.</p>
</div>
</div>
</div>
</div>
<!--third page-->
<div class="third-page">
<div class="thirdpage-img"></div>
<h3><span class="thirdpage-bolder-text">Illud decore voluptaria has at</span>. Hinc invenire atomorum no vel.<br> Ut vis nullam blandit neglegentur, omittam perpetua<br> voluptatum qui eu. Iusto laoreet suscipit vis ad, ad ferri tempor<br> duo.</h3>
<a href="#">more about us</a>
<span class="underline"></span>
</div>
<!--fourth page-->
<div class="fourth-page">
<div class="meals">
<div class="meal-1">
<img src="./images/mael-1.png" alt="meal-1">
<div class="meal1-information">
<h3>Ex tempor euismod sapientem<Br> ouis lexor pro. <span>Ad vix dicta iudico<br> singulis, ius ex mollis veritus.</span></h3>
<p>Possit tritani consectetuer eu his, nusquam<BR> minimum ut per, eu eos ocurreret splendide<br> hendrerit. Dicant placerat democritum eos id,<br> sit mollis invidunt mediocritatem ei, ne<Br> fuisset dolores periculis sed.</p>
</div>
</div>
<div class="meal-2">
<div class="meal2-information">
<h3>Te elit antiopam vix zril<Br> recusabo ut pri. <span>Quas suscipit ad<br> mea verear vivendo tincidunt.</span></h3>
<p>Pri cu dico labores officiis, odio<br> principes complectitur ad sea. Sea id<Br> doctus forensibus, nec lorem vocent aliquam<Br> eu. Aliquid definitiones id cum, ad meliore<Br> perpetua referrentur sed. Quas suscipit ad<Br> mea verear vivendo tincidunt.</p>
</div>
<img src="./images/meal-2.png" alt="meal-2">
</div>
</div>
<h3 class="fourth-page-h3">Wanna know more about the Premium deal</h3>
<div class="fourth-page-a">
<a href="#">see the full range of premium</a>
</div>
<span class="underline"></span>
<div class="fourthpage-end">
<div class="wrapper-4">
<div class="fourthpage-end-text">
<p>party on<span class="dash"></span></p>
<h2><span>Quas suscipit ad mea.</span> Pri cu dico labores<br> officiis odio principes complectitur ad sea.</h2>
</div>
<button>get started</button>
</div>
</div>
</div>
<footer>
<div class="wrapper-4">
<div class="footer-logo">
<img src="./images/logo.png" alt="spoon">
<h3>© 2018 Spoon Inc, All rights reserved.</h3>
</div>
<div class="footer-links">
<ul>
<li><a href="#">features</a></li>
<li><a href="#">premium</a></li>
<li><a href="#">pricing</a></li>
</ul>
<ul>
<li><a href="#">about</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
</ul>
<ul>
<li><a href="#">image license info</a></li>
<li><a href="#">powered by webflow</a></li>
</ul>
<div class="social-links">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</footer>
</body>
</html>