-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
288 lines (283 loc) · 13.1 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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<!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">
<meta name="description" content="Lanfify Design">
<meta name="keywords" content="Landify , Design">
<title>Landify</title>
<!-- <link rel="stylesheet" href="css/Landify.css" type="text/css"> -->
<link rel="stylesheet" href="css/Landify2.css" type="text/css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap"
rel="stylesheet">
<link rel="shortcut icon" href="/Landify/favicon/Favicon 1/favicon_io/favicon-16x16.png" type="image/x-icon">
</head>
<body>
<div class="box1">
<div class="box-box1">
<header>
<div class="logo">
<img src="img/Landify Logo.svg" alt="Landify Logo" class="Landify">
</div>
<nav class="hamburger-menu">
<input type="checkbox" class="check checkbox">
<ul class="menu-items">
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</nav>
<div class="Header-Buttons">
<img src="img/Google Play Badge.svg" alt="Google Play Badge" class="Google-PlayBadge">
<img src="img/App Store Badge.svg" alt="Apple Store Badgae" class="Apple-StoreBadgae">
</div>
</header>
</div>
<div class="box-box2">
<section class="container1">
<div>
<h1>Organize projects. Get More Done</h1>
<button class="Get-Started">Get Started</button>
</div>
<div class="Visual-Info">
<img src="img/iPhone X.svg" alt="IphoneX" class="IphoneX">
</div>
</section>
</div>
</div>
<main>
<div class="box2">
<section class="container2">
<div>
<img src="img/Airbnb Logo.svg" alt="Logo-Airbnb" class="logo-Airbnb">
<img src="img/Hubspot Logo.svg" alt="Logo-HubSpot" class="logo-HubSpot">
<img src="img/Google Logo.svg" alt="Logo-Goog;e" class="logo-Google">
<img src="img/Microsoft Logo.svg" alt="Logo-Microsoft" class="logo-Microsoft">
<img src="img/Walmart Logo.svg" alt="Logo-Walmart" class="logo-Walmart">
<img src="img/FedEx Logo.svg" alt="Logo-FedEx" class="logo-FedEx">
</div>
</section>
</div>
<div class="box3">
<sectoin class="container3">
<div class="Main-Head">
<h2>Tailor-made features</h2>
<p>Lorem ipsum is common placeholder text used to demonstrate the graphic elements of a document or
visual presentation.</p>
</div>
<!-- <div class="group"> -->
<div class="groups group1">
<div class="items item1">
<img src="img/icon1.svg" alt="" class="icon1">
<h5>Robust workflow</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed erat nibh tristique ipsum.
</p>
</div>
<div class="items item2">
<img src="img/icon2.svg" alt="" class="icon2">
<h5>Flexibility</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed erat nibh tristique ipsum.
</p>
</div>
<div class="items item3">
<img src="img/icon3.svg" alt="" class="icon3">
<h5>User friendly</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed erat nibh tristique ipsum.
</p>
</div>
</div>
<div class="groups group2">
<div class="items item4">
<img src="img/icon4.svg" alt="" class="icon4">
<h5>Multiple layouts</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed erat nibh tristique ipsum.
</p>
</div>
<div class="items item5">
<img src="img/icon5.svg" alt="" class="icon5">
<h5>Better components</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed erat nibh tristique ipsum.
</p>
</div>
<div class="items item6">
<img src="img/icon6.svg" alt="" class="icon6">
<h5>Well organised</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed erat nibh tristique ipsum.
</p>
</div>
</div>
<!-- </div> -->
</sectoin>
</div>
<div class="box4">
<section class="container4">
<div class="quote">
<h2>Real Stories from Real Customers</h2>
<p>Get inspired by these stories.</p>
</div>
<div class="cards-card1">
<img src="img/Hubspot Logo2.svg" alt="Logo-Hubspot" class="Logo-Hubspot2">
<div class="Hubspot-Quote">
<p class="Hubspots-Quote">To quickly start my startup landing page design, I was looking for a
landing page UI Kit.
Landify
is
one of the best landing page UI kit I have come across. It’s so flexible, well organised and
easily
editable.</p>
<p class="Hubspots-Founder-Name">Floyd Miles</p>
<p class="Hubspots-Founder-Sign">Vice President, GoPro</p>
</div>
</div>
<div class="cards-card2">
<img src="img/Airbnb Logo2.svg" alt="Logo-Airbnb2" class="Logo-Airbnb2">
<div class="Airbnb-Quote">
<p class="Airbnbs-Quote">I used landify and created a landing page for my startup within a week.
The Landify UI Kit is
simple
and highly intuitive, so anyone can use it.</p>
<p class="Airbnbs-Founder-Name">Jane Cooper</p>
<p class="Airbnbs-Founder-Sign">CEO, Airbnb</p>
</div>
</div>
<div class="cards-card3">
<img src="img/BookMyShow Logo.svg" alt="Logo-bookmyshow" class="Logo-Bookmyshow">
<div class="BookMyShow-Quote">
<p class="BookMyShows-Quote">Landify saved our time in designing my company page.</p>
<p class="BookMyShows-Founder-Name">Kristin Watson</p>
<p class="BookMyShows-Founder-Sign">Co-Founder, BookMyShow</p>
</div>
</div>
</section>
</div>
<div class="box5">
<section class="container5">
<div class="child1">
<h2>Our 18 years of achievements</h2>
<p>With our super powers we have reached this</p>
</div>
<div class="child2">
<div class="item1">
<div class="info1">
<div>
<img src="img/items Icon1.svg" alt="Items Icon">
</div>
<div>
<h4>10,000+</h4>
<p>Downloads per day</p>
</div>
</div>
<div class="info2">
<div>
<img src="img/items Icon2.svg" alt="Items Icon">
</div>
<div>
<h4>2 Million</h4>
<p>Users</p>
</div>
</div>
</div>
<div class="item2">
<div class="info3">
<div>
<img src="img/items Icon3.svg" alt="Items Icon">
</div>
<div>
<h4>500+</h4>
<p>Clients</p>
</div>
</div>
<div class="info4">
<div>
<img src="img/items Icon4.svg" alt="Items Icon">
</div>
<div>
<h4>140+</h4>
<p>Countries</p>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="box6">
<section class="container6">
<div class="half-IPhone">
<img src="img/iPhone X Box 6 Image.svg" alt="IPhone X">
</div>
<div class="Headline">
<h3>Headline</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Condimentum diam orci pretium a
pharetra,
feugiat cursus. Dictumst risus, sem egestas odio cras adipiscing vulputate. Nisi, risus in
suscipit
non. Non commodo volutpat, pharetra, vel.</p>
<a href="">Get started <img src="img/Vector.svg" alt="Forward Vector"></a>
</div>
</section>
</div>
<div class="box7">
<section class="container7">
<div class="Fashion-Trends">
<h3>Enter the world of all fashion trends</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Venenatis scelerisque at quam congue
posuere
libero in sit quam. Consequat, scelerisque non tincidunt sit lectus senectus.</p>
</div>
<div>
<img src="img/Cover Image box7.svg" alt="" class="cover_image">
</div>
</section>
</div>
<div class="box8">
<section class="container8">
<div class="Manage-Projects">
<h2>Manage your projects from your mobile</h2>
<p>Download the app to manage your projects, keep track of the progress and complete tasks without
procastinating. Stay on track and complete on time!</p>
<p class="subtitle">Get the App</p>
<div>
<img src="img/Google Play Badge box 8.svg" alt="Google Play Badge">
<img src="img/App Store Badge Box 8.svg" alt="Apple App Store Badge">
</div>
</div>
<div>
<img src="img/Phone Mockup 1 box 8.svg" alt="I PhoneX" class="opposite-Image1">
<img src="img/Phone Mockup 2 box 8.svg" alt="I PhoneX" class="opposite-Image2">
</div>
</section>
</div>
</main>
<footer>
<section class="container9">
<div class="left">
<img src="img/Logo Footer.svg" alt="Logo" class="Footer-Logo">
<div class="inside-left">
<div>
<a href="" class="Dwn-Now">Download Now</a>
<a href="" class="Dwn-Now">License</a>
</div>
<nav>
<ul>
<li>About</li>
<li>Features</li>
<li>Pricing</li>
<li>Careers</li>
<li>Help</li>
<li>Privacy Policy</li>
</ul>
</nav>
<p>© 2020 Landify UI Kit. All rights reserved</p>
</div>
</div>
<div class="right">
Get the App
<img src="img/Google Play Badge Footer.svg" alt="Google Play Badge" class="Footer-Google_Badge">
<img src="img/App Store Badge Footer.svg" alt="Apple Store Badge" class="Footer-Apple_Badge">
</div>
</section>
</footer>
</body>
</html>