<!DOCTYPE html>
<html lang="no">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Oppgjørsavstemming</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #E0F7FA;
color: #00796B;
margin: 0;
padding: 0;
}
header {
background-color: #00796B;
color: white;
padding: 10px 0;
text-align: center;
}
.container {
padding: 20px;
}
.contact-info, .prices, .contact-form {
margin-bottom: 20px;
}
.contact-form input, .contact-form textarea {
width: 100%;
padding: 10px;
margin: 5px 0;
border: 1px solid #00796B;
border-radius: 5px;
}
.contact-form button {
background-color: #00796B;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.contact-form button:hover {
background-color: #004D40;
}
</style>
</head>
<body>
<header>
<h1>Oppgjørsavstemming</h1>
</header>
<div class="container">
<div class="contact-info">
<h2>Kontaktinformasjon</h2>
<p>Navn: June C. Horntvedt</p>
<p>Telefon: +47 123 45 678</p>
<p>E-post: june.horntvedt@example.com</p>
</div>
<div class="prices">
<h2>Priser</h2>
<p>Standard pakke: 5000 NOK</p>
<p>Premium pakke: 8000 NOK</p>
</div>
<div class="contact-form">
<h2>Kontakt oss</h2>
<form action="#" method="post">
<label for="name">Navn:</label>
<input type="text" id="name" name="name" required>
<label for="phone">Telefon:</label>
<input type="tel" id="phone" name="phone" required>
<label for="email">E-post:</label>
<input type="email" id="email" name="email" required>
<button type="submit">Send</button>
</form>
</div>
</div>
</body>
</html>
