-
Notifications
You must be signed in to change notification settings - Fork 0
/
leietaker.html
152 lines (151 loc) · 7.24 KB
/
leietaker.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
<!--
FILE NAME:leietaker.html
WRITTEN BY: AMIR
WHEN: NOVEMBER 2020
PURPOSE: Page for the one who are looking for a place to live. This page should give the required information and
should prompt the user to get in contact with Studentmegleren.
-->
<!DOCTYPE html>
<html lang="nb">
<head>
<meta charset="UTF-8">
<title>Studentmegleren</title>
<link rel = "icon" href="img/logo/logo-studentmegleren-favicon-svart.png" type='image/x-icon'>
<link rel = "stylesheet" type = "text/css" href = "css/style.css" />
<link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet'>
<script src="https://kit.fontawesome.com/f4c3279381.js" crossorigin="anonymous"></script>
</head>
<body class="leietaker">
<header></header>
<button id="scrolltop_btn" title="top_btn"><i class="fas fa-chevron-up" style="font-size:30px;"></i></button>
<section id="intro_leietaker">
<div class="container_intro intro_leietaker_box">
<h1>Vi gir deg hjerterom og husrom</h1>
<div class="container_intro_img_button">
<img src="img/imagesforpages/leietaker_html.jpg" alt="Interior photo for leietaker page">
<button onclick="document.location='kontakt.html'" class="buttonPink buttonIntro intro_utleier_button">Kom i gang!</button>
</div>
</div>
</section>
<section id="extra_info">
<div class="box_extra_info available" >
<h4>Finn boliger i Trondheim</h4>
<p>Her kan du se våre annonse med boliger til leie</p>
<a href="leietaker.html">Finn din neste bolig!</a>
</div>
<div class="box_extra_info leiegaranti">
<h4>Slipp depositum,velg leiegaranti</h4>
<p>Med leiegaranti slipper du å binde opp et stort beløp i depositum. Bruk vår Kalkulator.</p>
<a href="leietaker.html">Regn ut leiegaranti</a>
</div>
</section>
<section id="dine_fordeler">
<h2 id=#titlefordeler>Dine Fordeler</h2>
<div class="flex_container_one">
<div class="box_hover fordeler_leietaker box_fordeler flex_cont_leietaker_one" id="process">
<i class="fas fa-user-check fa-3x" style="color:#9e7682"></i>
<div class="inside_container inside_container_process">
<h4>Vi tar oss av hele prosessen</h4>
<p>Du forholder deg til oss i Leiebolig.</p>
</div>
</div>
<div class="box_hover fordeler_leietaker box_fordeler flex_cont_leietaker_one" id="takecare">
<i class="fas fa-user-check fa-3x" style="color:#9e7682"></i>
<div class="inside_container inside_container_takecare">
<h4>Vi tar vare på dine rettigheter</h4>
<p>Du får en godt utarbeidet leievtale.</p>
</div>
</div>
</div>
<div class="flex_container_two">
<div class="box_hover fordeler_leietaker box_fordeler flex_cont_leietaker_two" id="clear">
<i class="fas fa-user-check fa-3x" style="color:#9e7682"></i>
<div class="inside_container inside_container_clear">
<h4>Ryddig og oversiktig</h4>
<p>Vi ivaretar leieforholdet fira A til Å.</p>
</div>
</div>
<div class="box_hover fordeler_leietaker box_fordeler flex_cont_leietaker_two" id="rent">
<i class="fas fa-user-check fa-3x" style="color:#9e7682"></i>
<div class="inside_container inside_container_rent">
<h4>Alle våre boliger er godkjente for utleie</h4>
<p>Boligene tilfredsstiller alle formelle krav for utleieboliger.</p>
</div>
</div>
</div>
</section>
<section id="student">
<div id="div_student">
<h3> Er du student?</h3>
<h4>Les mer her, på hvorfor du som student bør velge oss!</h4>
</div>
<button onclick="document.location='" class="buttonpurple buttonStudent">Les mer!</button>
</section>
<section id="steps_leietaker">
<h2 id="titlesteps">Slik fungerer det</h2>
<div class="extendfieldinfo" id="first_field">
<div class="field_header" id="first_field_header">
<h3>Lorem Ipsum</h3>
<i class="far fa-plus-square"></i>
</div>
<div class="field_text field_leietaker" id="first_field_text">
<ul>
<li>Lorem Ipsum</li>
<li>Fastsettelse av utleiepris.</li>
<li>Lorem Ipsum </li>
<li>Lorem Ipsum</li>
</ul>
</div>
</div>
<div class="extendfieldinfo" id="second">
<div class="field_header" id="second_field_header">
<h3>Lorem Ipsum</h3>
<i class="far fa-plus-square"></i>
</div>
<div class="field_text field_leietaker" id="second_field_text">
<ul>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
</ul>
</div>
</div>
<div class="extendfieldinfo" id="third">
<div class="field_header" id="third_field_header">
<h3>Lorem Ipsum</h3>
<i class="far fa-plus-square"></i>
</div>
<div class="field_text field_leietaker" id="third_field_text">
<ul>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
</ul>
</div>
</div>
<div class="extendfieldinfo" id="fourth">
<div class="field_header" id="fourth_field_header">
<h3>Lorem Ipsum</h3>
<i class="far fa-plus-square"></i>
</div>
<div class="field_text field_leietaker" id="fourth_field_text">
<ul>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
</ul>
</div>
</div>
</section>
<button onclick="document.location='kontakt.html'" class="buttonPink buttonBottom outro_leietaker">Kom i gang!</button>
<footer></footer>
<script src="scripts/extendField.js"></script>
<script src="modularity/header.js"></script>
<script src="modularity/footer.js"></script>
<script src="scripts/scrolltotop.js"></script>
<script src="scripts/submit.js"></script>
</body>
</html>