-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (142 loc) · 6.64 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
<!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">
<link rel="icon" type="images/x-icon" href="img/favicon-32x32.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="/style.css">
<title>insure-landing-page-master</title>
</head>
<body>
<nav class="navbar navbar-expand-md text-dark fixed-top">
<div class="container">
<a href="#!" class="navbar-brand"><img src="img/logo.svg"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navmenu">
<ul class="navbar-nav ms-auto px-4 navmenu">
<li class="nav-item"><a href="#work" class="nav-link">How we work</a></li>
<li class="nav-item"><a href="#!" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="#!" class="nav-link">Account</a></li>
<li class="nav-item"><a href="#!" class="nav-link link">View plans</a></li>
</ul>
</div>
</div>
</nav>
<!--showcase-->
<div class="hero"></div>
<section class=" text-light pt-2 text-center text-sm-start showcase">
<div class="container">
<div class="d-sm-flex align-items-center justify-content-between mt-3 display">
<div class="text">
<div class="line"></div>
<h1>Humanizing<br> your insurance.</h1>
<p class="lead">Get your life insurance coverage easier and faster. We blend our expertise<br>
and technology to help you find the plan that’s right for you. Ensure you<br>
and your loved ones are protected.</p>
<a href="#!" class="btn mb-4">View plans</a>
</div>
<img src="img/image-intro-desktop.jpg" class="pic d-sm-block d-none">
</div>
</div>
</section>
<!--about-->
<section class="bg-light text-dark p-5 text-center text-sm-start about" id="work">
<div class="container">
<h2 class="pt-5 tp-lg-0 pt-5 ">We’re different</h2>
<div class="row g-4 py-5">
<div class="col-md-3 col-lg-4 col-sm-12">
<div class="card bg-light">
<div class="card-body">
<img src="img/icon-snappy-process.svg" class="rounded-circle mb-3" >
<h3 class="card-title mb-3">Snappy Process</h3>
<p class="card-text">Our application process can be completed in minutes, not hours. Don’t get
stuck filling in tedious forms.</p>
</div>
</div>
</div>
<div class="col-md-3 col-lg-4 col-sm-12">
<div class="card bg-light">
<div class="card-body">
<img src="img/icon-affordable-prices.svg" class="rounded-circle mb-3" width="50">
<h3 class="card-title mb-3">Affordable Prices</h3>
<p class="card-text">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>
</div>
<div class="col-md-3 col-lg-4 col-sm-12">
<div class="card bg-light">
<div class="card-body">
<img src="img/icon-people-first.svg" class="rounded-circle mb-3" width="50">
<h3 class="card-title mb-3">People First</h3>
<p class="card-text">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>
</div>
<div class="box text-light ">
<div class="d-sm-flex align-items-center justify-content-between mb-sm-0 mb-4">
<h3 class="p-5 text-light">Find out more<br> about how we work</h3>
<a href="#!" class="button p-2 mx-4 ">How we work</a>
</div>
</div>
</div>
</section>
<section class="footer text-dark text-center text-sm-start pt-5">
<div class="container">
<div class="d-sm-flex align-items-center justify-content-between">
<a href="#!" class="footer-brand logo"><img src="img/logo.svg"></a>
<div class="social px-3 pt-l-0 pt-3">
<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>
<hr>
<div class="row">
<div class="col-lg-3 text-uppercase ">
<p>Our company</p>
<ul class="fw-bold">
<li>How we Work</li>
<li>Why Insure</li>
<li>View Plans</li>
<li>Reviews</li>
</ul>
</div>
<div class="col-lg-3 text-uppercase">
<p>Help Me</p>
<ul class="fw-bold">
<li>FAQ</li>
<li>Terms of Use</li>
<li>Privacy Policy</li>
<li>Cookies</li>
</ul>
</div>
<div class="col-lg-3 text-uppercase">
<p>contact</p>
<ul class="fw-bold">
<li>sales</li>
<li>support</li>
<li>live chat</li>
</ul>
</div>
<div class="col-lg-3 text-uppercase">
<p>Others</p>
<ul class="fw-bold">
<li>Careers</li>
<li>Press</li>
<li>Licenses</li>
</ul>
</div>
</div>
</div>
</section>
<script src="js/bootstrap.min.js"></script>
</body>
</html>