-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
169 lines (123 loc) · 5.78 KB
/
home.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<title>Brio Insurance</title>
<!-- BOOTSTRAP STYLE SHEET -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- CUSTOM STYLES -->
<link href="assets/css/style.css" rel="stylesheet" />
<!-- HTML5 Shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">
<img src="assets/img/vivaldi-logo.png" alt="" class="visible-xs img-responsive" />
<img src="assets/img/logo_flag.png" alt="" class="hidden-xs img-responsive" />
</a>
</div>
<div class="navbar-collapse collapse scroll-me">
<ul class="nav navbar-nav">
<li> </li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">ABOUT <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#home">Meet Brio</a></li>
<li><a href="#home">Careers</a></li>
<li><a href="#home">Giving Back</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</li>
<li><a href="#">PRODUCTS</a></li>
<li><a href="#news">NEWS</a></li>
<li><a href="#QUOTE">REQUEST A QUOTE</a></li>
<li><a href="#faq">FAQ</a></li>
</ul>
</div>
</div>
</div>
<!-- NAVBAR CODE END -->
<div id="home">
<div class="overlay">
<!-- overylay class usage -->
<div class="container">
<div class="footerline hidden-xs"> </div>
<div class="row">
<div class="col-md-offset-1 col-md-6 col-xs-12">
<h1 class=" color1 fweight3 hidden-xs fontopens">Welcome to Brio Insurance! </h1>
<h2 class=" color1 visible-xs fontopens">Welcome to Brio Insurance </h2>
<div class="text-left">
<p class="p-cls fontopens">
Our approachable and helpful staff has been providing peace of mind and protection in Manitoba for nearly 20 years. Our goal is to always keep your best interests at heart, to make sure you get the right product and service for you!
<br/>
<br/>
<span class="colornormal fontrobotos"> Learn more about Brio Insurance </span><a href='#about' class="colornormal fontrobotos">here</a>.
</p>
</div></div>
<img src="assets/img/Big_Bird.png" alt="" class="hidden-sm hidden-xs pull-right img-responsive" >
</div>
</div>
</div>
</div>
<!-- Footer Start-->
<footer class="row">
<div class="col-md-3 col-md-offset-1 text-left visible-xs">
<img src="assets/img/bird.gif" alt="" class="col-sm-offset-0" height="30"> © 2015 Brio Insurance
</div> <!-- End of duplicate logo-->
<div class="col-md-5 col-md-offset-1">
<div class="row col-md-12 hidden-xs"> </div>
<div class="footerline hidden-xs"> </div>
<div class="footerline hidden-xs"> </div>
<div class="row brhr ">
</div>
<div>
<div class="col-md-6 col-xs-6 text-left">Stay Connected </div>
<div class="col-md-6 col-xs-6 text-right">
<a href="https://www.facebook.com/brioinsurance"><i class=" fa fa-facebook fa-1x "></i></a>
<a href="https://twitter.com/SunovaCU"> <i class=" fa fa-twitter fa-1x "></i></a>
<a href="#"> <i class="fa fa-envelope-o"></i></a>
<a href="#"> <span class="glyphicon glyphicon-map-marker" ></span></a>
<a href="#"> <i class="fa fa-tablet"></i></a>
<a href="https://instagram.com/sunovacu/" class="hidden-xs"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-linkedin-square"></i></a>
</div>
<div class="row brhr visible-xs"></div>
</div>
</div>
<!--start duplicated logo-->
<div class="col-md-3 col-md-offset-1 text-right hidden-xs">
<div class="footerline hidden-xs"> </div>
<div class="row brhr"> <img src="assets/img/bird.gif" alt="" class=" col-xs-offset-4 col-sm-offset-0 pull-right" height="60"></div>
© 2015 <a href="http://www.BrioInsurance.ca/" target="_blank"> Brio Insurance</a>
</div>
</footer>
<!-- FOOTER SECTION END-->
<!-- REQUIRED SCRIPTS FILES -->
<!-- CORE JQUERY FILE -->
<script src="assets/js/jquery-1.11.1.js"></script>
<!-- REQUIRED BOOTSTRAP SCRIPTS -->
<script src="assets/js/bootstrap.js"></script>
<!-- BACKGROUND VIDEO PLUGIN -->
<!-- CUSTOM SCRIPTS -->
<script src="assets/js/custom.js"></script>
</body>
</html>