-
Notifications
You must be signed in to change notification settings - Fork 0
/
miversion.html
180 lines (165 loc) · 10.4 KB
/
miversion.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Insure</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Karla:400,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:100i,400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=DM+Serif+Display:400,400i&display=swap" rel="stylesheet">
<link rel="stylesheet" href="miversion.css">
</head>
<body>
<nav class="navbar bg-light navbar-light navbar-expand-md">
<div class="container">
<a class="navbar-brand" href="#"><img src="images/logo.svg" alt="Logo"></a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#movil">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end"id="movil">
<ul class="navbar-nav text-uppercase">
<li class="nav-item mr-2">
<a class="nav-link" href="#">HOW WE WORK</a>
</li>
<li class="nav-item mr-2">
<a class="nav-link" href="#">Blogs</a>
</li>
<li class="nav-item mr-2">
<a class="nav-link" href="#">Account</a>
</li>
<li class="nav-item border border-dark px-3 font-weight-bolder botonhover1">
<a class="nav-link" href="#">View Plans</a>
</li>
</ul>
</div>
</div>
</nav>
<div>
<img src="images/image-intro-mobile.jpg" class="d-md-none img-fluid" alt="">
</div>
<div class="jumbo margen">
<div class="container">
<div class="row ">
<div class="col-md-6 d-flex flex-column align-items-md-start align-items-center text-center text-md-left">
<div class="w-25 border-top mb-5"></div>
<h1 class="d-flex text-white display-4 titulos">
Humanizing
your insurance.
</h1>
<p class="fino">
Get you 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>
<button class="btn bg-none blanco border-white px-4 text-uppercase d-flex botonhover2"> View Plans</button>
</div>
<div class="col-md-6 ">
<div class="d-flex">
<img class="d-none d-md-block" src="images/image-intro-desktop.jpg" alt="no anda">
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-2">
<div class="border-top"></div>
</div>
</div>
<h1 class="display-4 my-5 titulos text-center text-md-left">We're different</h1>
<div class="row d-flex">
<div class="col-md-4 text-center text-md-left">
<img class="iconos my-4" src="images/icon-snappy-process.svg" alt="">
<h4 class="mb-3 titulos">Snappy Process</h4>
<p class="pasaragris mb-5">Our application process can be complete in minutes, not hours. Don't get stuck filling in tedious forms.</p>
</div>
<div class="col-md-4 text-center text-md-left">
<img class="iconos my-4" src="images/icon-affordable-prices.svg" alt="">
<h4 class="mb-3 titulos">Afordable Prices</h4>
<p class="pasaragris mb-5">we don't want you worrying about high monthly cost. Our prices may be low, but we still offer the best coverage possible.</p>
</div>
<div class="col-md-4 text-center text-md-left">
<img class="iconos my-4" src="images/icon-people-first.svg" alt="">
<h4 class="mb-3 titulos">People First</h4>
<p class="pasaragris mb-5">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="container margenfijo">
<div id="hola" class="row text-center text-md-left align-items-center pb-3 ">
<div class="col-md-5 m-5">
<h1 class="display-5 titulos">Find out more about how we work</h1>
</div>
<div class="col-md-2"></div>
<div class="col-md-3">
<div class="d-flex justify-content-center pb-3">
<button class="btn bg-none border-white blanco text-uppercase botonhover2 ">How we work</button>
</div>
</div>
</div>
</div>
</div>
<div class="bg-light margenfijo">
<div class="container">
<div class="row">
<div class="col-md-6 p-5">
<div class="d-flex justify-content-center justify-content-md-start navbar-brand ">
<a href="#">
<img src="images/logo.svg" alt="Logo">
</a>
</div>
</div>
<div class="col-md-6 ">
<div class="d-flex justify-content-center justify-content-md-end p-5">
<a class="mx-2" href="#">
<img class="iconos1" src="images/icon-facebook.svg" alt="">
</a>
<a class="mx-2" href="#">
<img class="iconos1" src="images/icon-twitter.svg" alt="">
</a>
<a class="mx-2" href="#">
<img class="iconos1" src="images/icon-pinterest.svg" alt="">
</a>
<a class="mx-2" href="#">
<img class="iconos1" src="images/icon-instagram.svg" alt="">
</a>
</div>
</div>
<div class="col-12 border-top"></div>
<div class="col-md-3 d-flex flex-column">
<a class="my-4 text-dark d-flex justify-content-center justify-content-md-start lineaabajo" href="">OUR COMPANY</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">HOW WE WORK</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">WHY INSURE</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">VIEW PLANS</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">REVIEWS</a>
</div>
<div class="col-md-3 d-flex flex-column">
<div class="d-flex flex-column pb-5">
<a class="my-4 text-dark d-flex justify-content-center justify-content-md-start lineaabajo" href="">HELP ME</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">FAQ</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">TERMS OF USE</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">PRIVACY POLICY</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">COOKIES</a>
</div>
</div>
<div class="col-md-3 d-flex flex-column">
<a class="my-4 text-dark d-flex justify-content-center justify-content-md-start lineaabajo" href="">CONTACT</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">SALES</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">SUPPORT</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">LIVE CHAT</a>
</div>
<div class="col-md-3 d-flex flex-column">
<a class="my-4 text-dark d-flex justify-content-center justify-content-md-start lineaabajo" href="">OTHERS</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">CHAREERS</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo" href="">PRESS</a>
<a class="text-dark font-weight-bolder d-flex justify-content-center justify-content-md-start lineaabajo lineaabajo mb-5" href="">LICENSES</a>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>