-
Notifications
You must be signed in to change notification settings - Fork 0
/
kontakt-oss.html
83 lines (80 loc) · 4.29 KB
/
kontakt-oss.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Fysioterapi Weber & Johannesen | Kontakt oss</title>
<link rel="stylesheet" href="./css/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet" />
<!-- Material+Icons er til iconer for kontaktOss siden -->
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet" />
</head>
<body>
<nav></nav>
<h1>Kontakt oss</h1>
<section class="herosection">
<div class="herosection-content d-flex-row d-flex-c__reverse text-center">
<div class="herosection-content__left">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2051.5590263856616!2d10.122183315828146!3d59.056096139942355!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4646ea67c6f1d701%3A0x9d69c5e691083940!2sH%C3%A5kestadveien%203%2C%203280%20Tjodalyng!5e0!3m2!1sno!2sno!4v1653574324683!5m2!1sno!2sno"
height="500"
width="100%"
style="border: 0"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
>
</iframe>
<!--<p><i class="material-icons">place</i>Håkestadveien 3, 3280 Tjøllingvollen</p>
-->
<p><i class="material-icons">local_phone</i> <a href="tel:+4794459289">944 59 289</p></a>
<p><i class="material-icons">local_post_office</i><a href="mailto:[email protected]">[email protected]</p></a>
</div>
<div class="herosection-content__right">
<h2>Noe du lurer på?</h2>
<p>Du er da hjertlig velkommen til å kontakte oss eller ved å besøke oss i våre lokaler.</p> <br>
<form class="melding" >
<input type="text" id="name" name="name" required placeholder="Navn her"><br>
<input type="text" id="tel" name="tel" required placeholder="Telefon her"><br>
<input type="email" id="email" name="email" placeholder="E-post her"><br>
<textarea id="message" placeholder="skriv din melding her"></textarea><br><br>
<input type="button" value="Send melding" class="submitBtn text-white" onclick="sendEmail(), reset()">
</form>
</div>
</div>
</section>
<footer class="text-center"></footer>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<script src="./js/script.js"></script>
<!-- send mail - now showing password - change to token - howto: https://mailtrap.io/blog/javascript-send-email/ -->
<script>
function sendEmail() {
Email.send({
/* Host : "smtp.mailtrap.io", */
Host : "smtp.elasticemail.com",
Username : "[email protected]",
Password : "8351D39A84C1F09008D9FBF3D1C84E6741C1",
To : '[email protected]',
From: document.getElementById("email").value,
Subject : "Melding fra nettsidene",
Body:
"Navn: " +
document.getElementById('name').value +
"<br> Epost: " +
document.getElementById("email").value +
"<br> Telefon: " +
document.getElementById("tel").value +
"<br> Melding: " +
document.getElementById("message").value,
}).then(
message => alert(message)
);
}
</script>
</body>
</html>