-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (114 loc) · 4.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Humanizing your insurance</title>
<link rel="stylesheet" href="css/styles.css" />
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Karla&display=swap" rel="stylesheet" />
<link rel="shortcut icon" href="img/icon-close.svg" type="image/x-icon">
</head>
<body>
<header>
<img src="img/logo.svg" alt="INSURE" />
<ul>
<li><a href="#">HOW WE WORK</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">ACCOUNT</a></li>
<li><a href="#" class="btn">VIEW PLANS</a></li>
</ul>
</header>
<main>
<img src="img/bg-pattern-intro-right-desktop.svg" class="pattern-right" />
<div class="intro">
<div class="mtop">
<img src="img/image-intro-desktop.jpg" alt="people" class="introimg" />
<h1>Humanizing your insurance.</h1>
<p>
Get your life insurance coverage easier and faster. We
blend our expertise and technology to help you find the
plan that's right for you. Ensure you and your loved
ones are protected.
</p>
<a href="#" class="btn">VIEW PLANS</a>
</div>
</div>
<img src="img/bg-pattern-intro-left-desktop.svg" class="pattern-left" />
<div class="information">
<div class="line"></div>
<h2>We're different</h2>
<div class="quality">
<div class="container">
<img src="img/icon-snappy-process.svg" />
<h3>Snappy Process</h3>
<p>Our application process can be completed in minutes, not hours. Don't get stuck filling in
tedious forms.</p>
</div>
<div class="container">
<img src="img/icon-affordable-prices.svg" />
<h3>Affordable Prices</h3>
<p>We don't want you worrying about high monthly costs. Our prices may be low, but we still offer
the best coverage possible.</p>
</div>
<div class="container">
<img src="img/icon-people-first.svg" />
<h3>People First</h3>
<p>Our plans aren't full of conditions and clauses to prevent payouts. We make sure you're covered
when you need it.</p>
</div>
</div>
<div class="banner">
<h2>Find out more about how we work</h2>
<a href="#" class="btn">HOW WE WORK</a>
</div>
</div>
</main>
<footer>
<div class="top-footer">
<img src="img/logo.svg" alt="INSURE">
<div class="url-icons">
<a href="#"><img src="img/icon-facebook.svg"></a>
<a href="#"><img src="img/icon-twitter.svg"></a>
<a href="#"><img src="img/icon-pinterest.svg"></a>
<a href="#"><img src="img/icon-instagram.svg"></a>
</div>
</div>
<div class="links">
<div class="panel">
<p>OUR COMPANY</p>
<ul>
<li><a href="#">HOW WE WORK</a></li>
<li><a href="#">WHY INSURE</a></li>
<li><a href="#">VIEW PLANS</a></li>
<li><a href="#">REVIEWS</a></li>
</ul>
</div>
<div class="panel">
<p>HELP ME</p>
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">TERMS OF USE</a></li>
<li><a href="#">PRIVACY POLICY</a></li>
<li><a href="#">COOKIES</a></li>
</ul>
</div>
<div class="panel">
<p>CONTACT</p>
<ul>
<li><a href="#">SALES</a></li>
<li><a href="#">SUPPORT</a></li>
<li><a href="#">LIVE CHAT</a></li>
</ul>
</div>
<div class="panel">
<p>OTHERS</p>
<ul>
<li><a href="#">CAREERS</a></li>
<li><a href="#">PRESS</a></li>
<li><a href="#">LICENSES</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>