-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprodukter_tjenester.html
89 lines (76 loc) · 4.98 KB
/
produkter_tjenester.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
<!DOCTYPE html>
<html lang="no">
<head>
<title>Produkter og tjenester</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/ico" href="images/favicon.ico">
<meta charset="UTF-8">
</head>
<body>
<div id="page-container">
<!-- HEADER -->
<div id="header" class="centerChildren">
<a href="index.html">
<img src="images/Animasjon-logo.gif" onmouseover="this.src='images/Animasjon-logo-hover.gif'" onmouseout="this.src='images/Animasjon-logo.gif'" alt=""/>
</a>
</div>
<!-- SIDEBAR -->
<div class="sidenav">
<a href="index.html">Hjemmeside</a>
<a href="om_meg.html">Om Meg</a>
<a href="produkter_tjenester.html">Produkter</a>
<a href="kontakt.html">Kontakt</a>
<a href="sporsmaal_svar.html">Spørsmål og svar</a>
</div>
<!-- MAIN -->
<div id="main" class="centerChildren">
<h1>Produkter (og tjenester)</h1>
<h2>For å kjøpe, <a href="kontakt.html">ta kontakt</a> på epost eller telefon.</h2>
<h2>(Alle priser er i norske kroner.)</h2>
<a class="link" href="index.html">Tilbake</a>
<h2><span id="kontorstol" class="description">1: Kontorstol fra 1988. Brukt. </span><span class="price">94,-</span></h2>
<img src="images/produkter_tjenester/kontorstol-min.jpg" alt="Kontorstol" height="400">
<p>Dette er en grei kontorstol, ja... Jeg har brukt den i flere tiår, men nå selger jeg den fra garasjen min.</p>
<br />
<h2><span id="hammer" class="description">2: Hammer, brukt. </span><span class="price">299,-</span></h2>
<img src="images/produkter_tjenester/hammer.jpg" alt="Min hammer" height="300">
<p>God hammer. Kan brukes til både spikere og skruer. Selger den fordi jeg nå har en grønn hammer.</p>
<br />
<h2><span id="tennis_stol" class="description">3: Tennisballstol. Litt ukomfortabel. Godt brukt. </span><span class="price">399<sup><small> 90</small></sup></span></h2>
<img src="images/produkter_tjenester/tennis-ball-chair.jpg" alt="Ballestol" height="400">
<p>Denne har jeg lavet av tennisballer.</p>
<br />
<h2><span id="n_toeffel">4: Tøffel. Ikke brukt. </span><span class="price">45<sup><small> 90</small></sup></span></h2>
<img src="images/produkter_tjenester/n_toeffel.jpg" alt="Tøffel (ubrukt)" height="300">
<p>Hvis den ser brukt ut, er det bare fordi jeg har hatt den på meg en gang. Ellers helt ny.</p>
<br />
<h2><span id="b_toeffel" class="description">5: Tøffel. Brukt. </span><span class="price">49<small><sup>90</sup></small></span></h2>
<img src="images/produkter_tjenester/b_toeffel.jpg" alt="Tøffel (brukt)" height="300">
<p>Denne har blitt brukt mer. Til de som spør hvorfor det er en høyere pris enn den nye: Den har høyere sentimentalverdi.</p>
<br />
<h2><span id="pult" class="description">6: Pult. To riper på høyre side. </span><span class="price">450,-</span></h2>
<img src="images/produkter_tjenester/pult.jpg" alt="Pult" height="300">
<p>Litt renovering trengs. Litt over gjennomsnitt robust treverk.</p>
<br />
<h2><span id="ukjent" class="description">7: Ukjent. Ikke brukt. </span><span class="price">Pris diskuteres</span></h2>
<img src="images/produkter_tjenester/ukjent.jpg" alt="Ukjent bilde" height="300">
<p>Er ikke helt sikker på hva dette er. Gjerne gi en beskjed om du har kjennskap til denne gjenstanden.</p>
<span>
<input id="productID" type="text" name="productId" class="shoppingInput" size="10" placeholder="Produktnummer" autocomplete="off"/>
<input id="itemAmount" type="text" name="itemAmount" class="shoppingInput" size="1" placeholder="Antall" autocomplete="off"/>
<button type="submit" id="buyButton">Kjøp</button>
</span>
<br />
<a href="index.html">
<img id="kul_sol_brille" src="images/kul_sol_brille.png" onmouseover="this.src='images/kul_sol_brille_hover.png'" onmouseout="this.src='images/kul_sol_brille.png'" title="Morsom smilefjes-figur. Fant ham på internettet." alt="Solbrillemann.">
</a>
</div>
<!-- FOOTER -->
<div id="footer" class="centerChildren">
<p id="footerText"></p>
</div>
</div>
<script src="main.js"></script>
<script src="shopping.js"></script>
</body>
</html>