-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
453 lines (453 loc) · 28.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
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
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Create and launch captivating email campaigns effortlessly with NinjaMail. Reach more customers, engage your audience, and manage campaigns from start to end with proven tools."
/>
<meta
name="keywords"
content="NinjaMail, email campaigns, email marketing, customer engagement, marketing tools, email design, campaign management, proven email tools, email marketing platform"
/>
<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=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./styles.css" />
<title>NinjaMail | Create Stunning Email Campaigns with Ease</title>
</head>
<body>
<header class="header">
<div class="container flex items-center justify-between">
<a href="#" class="logo flex items-center" aria-label="Home">
<svg
width="129"
height="64"
viewBox="0 0 129 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<rect
y="-0.25"
width="129"
height="64.5"
fill="url(#pattern0_1_129)"
/>
<defs>
<pattern
id="pattern0_1_129"
patternContentUnits="objectBoundingBox"
width="1"
height="1"
>
<use
xlink:href="#image0_1_129"
transform="scale(0.000833333 0.00166667)"
/>
</pattern>
<image
id="image0_1_129"
width="1200"
height="600"
xlink:href="data:image/png;base64,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"
/>
</defs>
</svg>
<span class="text-black font-secondary">NinjaMail</span>
</a>
<div class="navigation flex items-center">
<nav>
<ul class="flex items-center">
<li>
<a href="#" class="text-black font-secondary transition"
>Features</a
>
</li>
<li>
<a href="#" class="text-black font-secondary transition"
>Pricing</a
>
</li>
<li>
<a href="#" class="text-black font-secondary transition"
>Services</a
>
</li>
<li>
<a href="#" class="text-black font-secondary transition"
>Partners</a
>
</li>
</ul>
</nav>
<a href="#" class="header-button transition">Sign up free</a>
</div>
</div>
</header>
<main>
<section class="hero container primary-container">
<div class="hero-container flex items-center">
<article>
<h1 class="font-primary text-black">Create Stunning Email Campaigns</h1>
<p class="font-secondary text-black">
Create and launch email campaigns that captivate your customers in
just a few clicks.
</p>
<div class="buttons flex">
<a href="#" class="button primary-button">Try now</a>
<a href="#" class="button secondary-button">Get demo</a>
</div>
</article>
</div>
</section>
<section class="video">
<div class="container secondary-container">
<div
class="video-holder relative flex items-center justify-center flex-col"
>
<h2 class="text-white font-primary">Reach More Customers</h2>
<a href="#" class="button secondary-button">Learn How</a>
</div>
</div>
</section>
<section class="features relative">
<div
class="container primary-container relative flex items-center justify-center flex-wrap"
>
<article class="feature-card">
<img
src="./images/feature-card-1-image.png"
alt=""
loading="lazy"
/>
<div class="font-secondary">
<p class="text-black">
Launch campaigns but also find new customers. Our unique
platform handles campaigns from start to end.
</p>
<a href="#">Learn More ></a>
</div>
</article>
<article class="feature-card">
<img
src="./images/feature-card-2-image.png"
alt=""
loading="lazy"
/>
<div class="font-secondary">
<p class="text-black">
Start building and sharing with your team today. NinjaMail is
renowned for its industry leading team collaboration tools.
</p>
<a href="#">Learn More ></a>
</div>
</article>
<article class="feature-content text-black">
<h2 class="font-primary">
The source for proven, engaging email campaigns
</h2>
<p class="font-secondary">
Whether you’re a startup, small business, e-commerce store, or
want to promote your app, NinjaMail has the feature set tailored
for your business.
</p>
</article>
</div>
</section>
<section
class="members container primary-container flex items-center justify-center flex-wrap"
>
<article class="relative">
<img
src="./images/member-1-image.png"
class="transition"
alt="Photo of Frankie, a member since 2016"
loading="lazy"
/>
<div class="font-secondary text-white flex flex-col">
<h3>Frankie</h3>
<h4>Member since 2016</h4>
</div>
</article>
<article class="relative">
<img
src="./images/member-2-image.png"
class="transition"
alt="Photo of Camile, a member since 2016"
loading="lazy"
/>
<div class="font-secondary text-white flex flex-col">
<h3>Camile</h3>
<h4>Member since 2016</h4>
</div>
</article>
<article class="relative">
<img
src="./images/member-3-image.png"
class="transition"
alt="Photo of Elayne, a member since 2016"
loading="lazy"
/>
<div class="font-secondary text-white flex flex-col">
<h3>Elayne</h3>
<h4>Member since 2016</h4>
</div>
</article>
</section>
<section class="join-our-list container secondary-container relative">
<h2 class="font-primary text-center text-black">
Learn how others are reaching their audience easier than ever before.
</h2>
<form action="#" class="flex justify-center flex-wrap">
<input
type="email"
class="font-secondary text-black"
required
placeholder="Enter your email"
/>
<button type="submit" class="button primary-button">
Join our list
</button>
</form>
</section>
<section class="partners container secondary-container">
<h2 class="font-primary text-center text-black">
All the best brands already use us.
</h2>
<ul class="flex items-center justify-center flex-wrap">
<li>
<a href="#" class="transition" aria-label="Last Paris Knight Logo">
<img
src="./images/partner-logo-1.png"
alt="Last Paris Knight"
loading="lazy"
/>
</a>
</li>
<li>
<a href="#" class="transition" aria-label="Dragon Eye Vodka Logo">
<img
src="./images/partner-logo-2.png"
alt="Dragon Eye Vodka"
loading="lazy"
/>
</a>
</li>
<li>
<a href="#" class="transition" aria-label="Quest AI Logo">
<img
src="./images/partner-logo-3.png"
alt="Quest AI"
loading="lazy"
/>
</a>
</li>
<li>
<a href="#" class="transition" aria-label="Radio Tee Logo">
<img
src="./images/partner-logo-4.png"
alt="Radio Tee"
loading="lazy"
/>
</a>
</li>
<li>
<a href="#" class="transition" aria-label="Game Ecommerce Logo">
<img
src="./images/partner-logo-5.png"
alt="Game Ecommerce Logo"
loading="lazy"
/>
</a>
</li>
</ul>
</section>
<section class="get-started text-center">
<h2 class="font-primary text-white">Get started today!</h2>
<a href="#" class="button secondary-button">Pick a plan</a>
</section>
</main>
<footer class="footer">
<div
class="main-footer container secondary-container flex justify-between"
>
<a href="#" class="logo flex items-center" aria-label="Home">
<svg
width="92"
height="45"
viewBox="0 0 92 45"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<rect
y="-0.500977"
width="92"
height="46"
fill="url(#pattern0_1_139)"
/>
<defs>
<pattern
id="pattern0_1_139"
patternContentUnits="objectBoundingBox"
width="1"
height="1"
>
<use
xlink:href="#image0_1_139"
transform="scale(0.000833333 0.00166667)"
/>
</pattern>
<image
id="image0_1_139"
width="1200"
height="600"
xlink:href="data:image/png;base64,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"
/>
</defs>
</svg>
<span class="text-black font-secondary">NinjaMail</span>
</a>
<nav class="navigation flex">
<ul class="column flex">
<li>
<ul class="flex flex-col">
<li>
<a href="#" class="font-secondary text-black font-bold"
>Features</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Pricing</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Services</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Partners</a
>
</li>
</ul>
</li>
<li>
<ul class="flex flex-col">
<li>
<a href="#" class="font-secondary text-black font-bold"
>About Us</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Tutorials</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Resources</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Help Center</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Templates</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Case Studies</a
>
</li>
</ul>
</li>
</ul>
<ul class="column flex">
<li>
<ul class="flex flex-col">
<li>
<a href="#" class="font-secondary text-black font-bold"
>Medium</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Twitter</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Facebook</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Instagram</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>LinkedIn</a
>
</li>
</ul>
</li>
<li>
<ul class="flex flex-col">
<li>
<a href="#" class="font-secondary text-black font-bold"
>Contact Us</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Slack</a
>
</li>
<li>
<a href="#" class="font-secondary text-black font-bold"
>Jobs</a
>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<span class="horizontal-line"></span>
<div
class="sub-footer container secondary-container flex items-center justify-between"
>
<p class="font-secondary font-bold text-black">
NinjaMail is a sample project for Quest AI. © 2019 Quest AI, All
rights reserved.
</p>
<ul class="flex items-center">
<li>
<a href="#" class="font-secondary font-bold text-black"
>Terms & Conditions</a
>
</li>
<li>
<a href="#" class="font-secondary font-bold text-black"
>Privacy Policy</a
>
</li>
</ul>
</div>
</footer>
</body>
</html>