-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (100 loc) · 4.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Aviva.com</title>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<link rel="stylesheet" href="styles/css/main.css">
</head>
<body>
<div class="home-wrap">
<section class="header">
<div class="nav">
<div class="push-left">
<div class="hamburger-wrap"><img src="assets/RoundedRectangle1.svg"></div>
<div class="logo-wrap"><a href="#"><img src="assets/logo.png" alt="AVIVA"></a></div>
<ul>
<li> <a class="nav-text" href="#">INSURANCE</a></li><img src="assets/Ellipse 7.svg">
<li><a class="nav-text" href="#">SAVINGS & PENSIONS</a></li>
</ul>
</div>
<div class="push-right">
<ul>
<li class="li-100"><a href="#"> <img src="assets/phone.png" alt="Contact us"></a></li><img class="remove" src="assets/Ellipse 7.svg">
<li class="li-100 remove"><a href="#"><img src="assets/glass.png" alt="Search"></a></li><img class="remove" src="assets/Ellipse 7.svg">
<li class="li-170 remove"><a href="#"><img src="assets/My aviva.png" alt="My Aviva"></a></li>
</ul>
</div>
</div>
</section>
<section class="hero">
<div class="hero">
<div class="grid-container">
<div class="center-text">
<p id="hero-p">Welcome to Aviva</p>
<h1 id="hero-h1">How can we help? </h1><a href="#">
<button>GET A QUOTE </button></a>
</div>
</div>
</div>
</section>
<section class="modules">
<div class="modules">
<div class="grid-container">
<div class="row">
<div class="col-100">
<div class="center-text">
<p>Explore Aviva</p>
</div>
</div>
</div>
<div class="row">
<div class="col-1to2">
<div class="box-629-left" id="aviva-drive">
<p class="main">Safer drivers save an average of £101 on Aviva comprehensive car insurance with Aviva Drive.</p>
<p class="supporting">Saving achieved by 40% of new customers scoring 7.1+</p>
</div>
</div>
<div class="col-2to3">
<div class="box-301-right yellow">
<p class="main">Following an accident we’ll be with you in less than 45 mins to recover you and your car. </p>
</div>
</div>
</div>
<div class="row">
<div class="col-1">
<div class="box-400">
<div class="box-301-left" id="saving-future"></div><a href="#">
<button>SAVING FOR THE FUTURE? </button></a>
</div>
</div>
<div class="col-1to3">
<div class="box-629-right blue">
<p class="main" id="long">“Excellent service, very professional and great service from the appointed repairer.”</p>
<p class="main" id="short">"Very professional & great service from the repairer."</p><img src="assets/underscore.svg">
<p class="supporting">Claire, Whitby </p>
<div class="contain-arrows"><img src="assets/Rounded Rectangle 2.png"><img class="flip" src="assets/Rounded Rectangle 2.png"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-1">
<div class="box-301-left yellow">
<p class="main">Up to 1/3 off when you add a second car or van with Aviva MultiCar </p>
</div>
</div>
<div class="col-2">
<div class="box-400 green margin-top-75"> </div>
</div>
<div class="col-3">
<div class="box-400 margin-top-100">
<div class="box-301-left yellow"></div><a href="#">
<button>PLANNING RETIREMENT? </button></a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</body>
</html>