-
Notifications
You must be signed in to change notification settings - Fork 0
/
kontakt.html
83 lines (71 loc) · 3.69 KB
/
kontakt.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
<!--
FILE NAME:kontakt.html
WRITTEN BY: AMIR
WHEN: NOVEMBER 2020
PURPOSE: Contact page for Studentmegleren. It is displayed a contact form and an iframe of the location of the company.
-->
<!DOCTYPE html>
<html lang="no">
<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="kontakt">
<header></header>
<button id="scrolltop_btn" title="top_btn"><i class="fas fa-chevron-up" style="font-size:30px;"></i></button>
<section id="top_section_contact">
<div class="col_1_contact col_contact">
<form id="contactform" method="post">
<fieldset>
<h1> Kontakt</h1>
<p>Legg igjen mailen eller telefonnummeret ditt, så tar vi kontakt med deg, helt uforpliktende!</p>
<label for="email">
E-post
<input type="email" id="email" name="email" placeholder="hei@studentmegleren.no" required>
</label>
<br>
<label for="phone">
Telefon<br>
<input type="tel" id="phone" placeholder="466 29 490" required pattern="[0-9]{8}">
</label>
<br>
<input type="radio" id="utleier" name="rolle" required>
<label for="utleier">Interessert i å leie ut</label>
<input type="radio" id="leietager" name="rolle" required>
<label for="leietager">Interessert i å leie</label>
<input type="radio" id="annet" name="rolle" required>
<label for="annet">Annet</label>
<br>
<textarea id="fritekst" name="fritekst" placeholder="Noe på hjertet? (Valgfritt)"></textarea>
<br>
<button id="submit_contact" class="buttonsubmit" type="submit" name="send">Send</button>
</fieldset>
</form>
</div>
<div class="col_2_contact col_contact">
<img src="img/imagesforpages/kontakt_html.jpg" alt="Interior photo" id="imageKontakt" width="600">
</div>
</section>
<section id="maps_contact">
<div class="maps_contact_iframe box_hover">
<h2>Her finner du oss</h2>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1784.3406922914885!2d10.399805516537944!3d63.43431148327827!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x466d319c1f1cbe7f%3A0x57591d68f11a1381!2sBratt%C3%B8rveita%2015%2C%207010%20Trondheim!5e0!3m2!1sno!2sno!4v1604493941964!5m2!1sno!2sno" width="600" height="450" style="border:none;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</section>
<section id="bottom_contact">
<div class="outro_contact">
<h2>Studentmegleren tilbyr komplette tjenester innen utleie og boligforvaltning i Trondheim.</h2>
<button onclick="document.location='about.html'" class="buttonBottom buttonBlue">Mer om Studentmegleren</button>
</div>
</section>
<footer></footer>
<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>