-
Notifications
You must be signed in to change notification settings - Fork 2
/
basic-page.html
executable file
·255 lines (227 loc) · 12.8 KB
/
basic-page.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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!doctype html>
<html lang="sv">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/min/app-min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[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]-->
<!-- Trust Pilot -->
<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.sync.bootstrap.min.js"></script>
<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head><body id="support">
<!-- Nav -->
<nav id="nav" class="top-bar logged dashboard" data-topbar role="navigation">
<ul class="title-area">
<li class="name"><a href="index.html" class="nav-logo"><img src="img/logo.svg" alt=""></a></li>
<li class="toggle-topbar menu-icon"><a href="#"><span class="icon icon-hamburger_menu"></span><span class="icon icon-cross2"></span></a></li>
</ul>
<div class="top-bar-section">
<div class="nav-search">
<span class="icon icon-MAPPIN"></span>
<input type="text" id="search" class="left" name="" placeholder="Sök område">
</div>
<!-- Right Nav Section -->
<ul class="right">
<li class="message">
<a href="dash-messages.html"><span class="icon icon-email"></span><i class="circle"></i>Meddelanden</a>
</li>
<li class="logged-user has-dropdown">
<a href="#">[email protected]</a>
<ul class="dropdown">
<li><a href="dash-profile.html">Min Profil</a></li>
<li><a href="dash-settings.html">Kontoinstallningar</a></li>
<li><a href="index.html">Logga Ut</a></li>
</ul>
</li>
</ul>
</div>
</nav> <header class="parallax" style="background-image:url('img/header_ground6.jpg');">
<div class="header-wrap">
<h1>About Us</h1>
<h2>Supporting text can go here if desired</h2>
</div>
</header>
<div class="section-wrapper">
<section class="row">
<h1>Any Pop Heading Here</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem eveniet veniam ab, sunt in sed, qui tenetur ipsa totam, ullam incidunt suscipit dolor esse. Rerum nulla commodi aperiam iusto earum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur quia, quam praesentium suscipit neque, beatae alias id aperiam cum ullam odio maxime consequuntur laborum dolorem, libero, doloremque labore ut? Nam. <br> <a href="">This is a link</a></p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<a href="#" class="button red">This can be any red button</a>
<a href="#" class="button">This can be any blue button</a>
</section>
</div>
<div class="section-wrapper">
<section class="row">
<h1>Here you can add image grids</h1>
<p>This can be useful for press articles</p>
<ul class="small-block-grid-4">
<li><a href="#"><img src="img/header_ground5.jpg" alt=""></a></li>
<li><a href="#"><img src="img/property_main_image.jpg" height="530" width="350" alt=""></a></li>
<li><a href="#"><img src="img/header_ground2.jpg" height="530" width="350" alt=""></a></li>
<li><a href="#"><img src="img/header_ground3.jpg" height="530" width="350" alt=""></a></li>
</ul>
<ul class="small-block-grid-4">
<li><a href="#" class="darken"><img src="img/header_ground8.jpg" alt=""></a></li>
<li><a href="#" class="darken"><img src="img/step2.jpg" height="530" width="350" alt=""></a></li>
<li><a href="#" class="darken"><img src="img/header_ground7.jpg" height="530" width="350" alt=""></a></li>
<li><a href="#" class="darken"><img src="img/prop_pic_1.jpg" height="530" width="350" alt=""></a></li>
</ul>
</section>
</div>
<div class="section-wrapper">
<section class="row">
<h1>This is an example condensing text</h1>
<p>Just add the class "longform" to any text body you would like to collapse</p>
<br/>
<p class="longform">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laboriosam atque minima nesciunt, magnam dolor explicabo facilis quisquam corrupti non odio, quod sit ipsa iusto veritatis odit earum ullam magni? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio libero vero minus architecto? Temporibus, consectetur, aliquid. Necessitatibus quia obcaecati quasi, ex ipsa fuga, et id magnam impedit nihil dolore molestiae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt suscipit eveniet quod facere sunt. Hic architecto animi id officia, ea libero eius cumque harum, quidem repellendus deserunt natus voluptates quas.
<br/>
<br/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil omnis expedita, eaque quod aspernatur corporis enim molestiae consectetur. Deleniti quos velit, hic qui itaque officia sapiente quam ipsa dolorum! Dolor.
<br/>
<br/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laboriosam atque minima nesciunt, magnam dolor explicabo facilis quisquam corrupti non odio, quod sit ipsa iusto veritatis odit earum ullam magni? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio libero vero minus architecto? Temporibus, consectetur, aliquid. Necessitatibus quia obcaecati quasi, ex ipsa fuga, et id magnam impedit nihil dolore molestiae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt suscipit eveniet quod facere sunt. Hic architecto animi id officia, ea libero eius cumque harum, quidem repellendus deserunt natus voluptates quas.</p>
</section>
</div>
<div class="section-wrapper muted">
<section class="row">
<h1>Heres how inline images are treated</h1>
<p>By default images embedded in text float right. You can add class "left" to the image to float it left</p>
<p>Include images and links much like supporting pages <br> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi repellendus id vero, nemo minima laudantium autem est recusandae. Minus consequuntur, eos optio et commodi quas similique provident placeat natus ducimus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. <img src="img/step2.jpg" alt=""> Nostrum explicabo facere, animi nulla libero quos molestiae. At eius inventore minus quam, ipsa doloribus, voluptates officiis facilis hic nobis autem, esse. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus nihil, adipisci excepturi! Cupiditate praesentium inventore voluptatem vero deserunt placeat a minus obcaecati? Incidunt eum, beatae provident porro quos facere tempore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore expedita praesentium, consectetur ipsa quidem maiores id <a href="#" class="darken"><img class="left" src="img/step2.jpg" alt=""></a> blanditiis dolorum voluptas ex esse pariatur doloribus a deleniti, mollitia est ad nihil voluptates?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore, veniam. Repudiandae tenetur, modi et sequi esse placeat. Nam laboriosam labore voluptates commodi quas aut, praesentium consectetur repellat. Earum, ullam, dolorem.</p>
</section>
</div>
<div class="section-wrapper pop pop-blue">
<section class="row">
<h1>Any Pop Heading Here</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem eveniet veniam ab, sunt in sed, qui tenetur ipsa totam, ullam incidunt suscipit dolor esse. Rerum nulla commodi aperiam iusto earum.</p>
</section>
</div>
<div class="section-wrapper pop pop-yellow">
<section class="row">
<h1>Any Pop Heading Here</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem eveniet veniam ab, sunt in sed, qui tenetur ipsa totam, ullam incidunt suscipit dolor esse. Rerum nulla commodi aperiam iusto earum.</p>
</section>
</div>
<div class="section-wrapper pop pop-mint">
<section class="row">
<h1>Any Pop Heading Here</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem eveniet veniam ab, sunt in sed, qui tenetur ipsa totam, ullam incidunt suscipit dolor esse. Rerum nulla commodi aperiam iusto earum.</p>
</section>
</div>
<div class="section-wrapper">
<section class="row">
<h1>Kontakt</h1>
<address>
<span>Besöksadress: (Endast tidsbokning)</span>
<span>Samtrygg AB</span>
<span>Brahegatan 9</span>
<span>114 37 Stockholm</span>
<br>
<span>Org nr: 556876-2529</span>
<span>+46 (0)10 884 80 00</span>
<span><a href="mailto:[email protected]">[email protected]</a></span>
<span>Kundtjänst öppettider:</span>
<span>Vardagar 9-17</span>
<span>Telefoni öppettider:</span>
<span>Vardagar 9-11 och 14-16</span>
</address>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="top">
<div class="row">
<div class="medium-12 columns">
<div class="numbers">
<div>Antal bostadssökande:<span class="renters">39 456</span></div>
<div>Antal lediga bostäder:<span class="apts">189</span></div>
</div>
<span class="h-break"></span>
<div class="points">
<ul>
<li><span class="icon icon-check"></span>Personlig service</li>
<li><span class="icon icon-check"></span>Garanterade hyresbetalningar</li>
<li><span class="icon icon-check"></span>2 månaders hyresgaranti</li>
</ul>
</div>
<div class="points">
<ul>
<li><span class="icon icon-check"></span>Andrahandsförsäkring</li>
<li><span class="icon icon-check"></span>Trygga hyresavtal</li>
<li><span class="icon icon-check"></span>Depositionsfritt</li>
</ul>
</div>
<span class="h-break"></span>
<div class="partners">
<img class="bankid" src="img/bankid-logo.svg" alt="">
<img class="arvato" src="img/arvato-logo.svg" alt="">
</div>
</div>
</div>
</div>
<div class="middle">
<div class="row">
<div class="medium-3 columns">
<ul>
<li class="title">Info</li>
<li><a href="help.html">FAQ</a></li>
<li><a href="help.html">Hur Det Fungerar</a></li>
<li><a href="video.html">Video rekomendationer</a></li>
<li><a href="basic-page.html">Regler och Policy</a></li>
</ul>
</div>
<div class="medium-3 columns">
<ul>
<li class="title">Företag</li>
<li><a href="basic-page.html">Om Oss</a></li>
<li><a href="basic-page.html">Press</a></li>
<li><a href="basic-page.html">Jobb</a></li>
<li><a href="help.html">Kontakta Oss</a></li>
</ul>
</div>
<div class="medium-6 columns">
<p class="about">Samtrygg är en trygg och enkel marknadsplats för bostadsuthyrning. Bolaget grundades 2011 och har tusentals nöjda hyresgäster och uthyrare över hela Sverige.</p>
<div class="contact">
<span class="tel">+46 (0) 8446801 85</span>
<a class="email" href="mailto:[email protected]">[email protected]</a>
<span class="open-hours">Weekdays 9-11 & 14-16</span>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="row">
<div class="copyright">
<span class="icon-Logo2 icon"></span>
<p>© 2015 Samtrygg AB</p>
</div>
<div class="social-icons">
<a href="#" class="fb"><span class="icon-fb2"></span></a>
<a href="#" class="instagram"><span class="icon-instagram2"></span></a>
</div>
</div>
</div>
</footer><script src="js/custom.js"></script>
</body>
</html>