-
Notifications
You must be signed in to change notification settings - Fork 0
/
grund_web.html
53 lines (53 loc) · 2.78 KB
/
grund_web.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
<!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">
<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=Abril+Fatface&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nixie+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="mutual.css">
<link rel="stylesheet" href="projekter.css">
<title>Grundlæggende Web</title>
</head>
<body>
<header>
<div id="logo">
<a href="index.html">Mathias.O</a>
</div>
<nav>
<ul>
<li><a id="forside" href="index.html">Forside</a></li>
<li><a id="portfolio" href="portfolio.html">Portfolio</a></li>
<li><a id="mig" href="om_mig.html">Om mig</a></li>
</ul>
<div id="burgerknap">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</nav>
</header>
<main>
<div id="main_grid">
<div id="title">
<h1> Grundlæggende Web</h1>
<p> Grundlæggende web introduceret os til HTML, CSS via VScode samt opsættelse af vores egen domæne. Temaet var opdelt i to opgaver: Studiestartsprøven, som gik ud på at bygge en hjemmeside baseret på en forudsat wireframe, layoutdiagram og indhold. Anden opgave som var vores Emnesite, hvor vi brugte vores nyelærte kompetencer til at skabe en hjemmeside med eget valgt emne.</p>
</div>
<div id="projekt_grid">
<div id="projekt">
<img src="img/cyberpunk.webp" alt="">
</div>
<div id="tekst">
<h2>Emnesite</h2>
<p> Ud af et emne vi selv havde valgt, skulle vi kode en hjemmeside ved hjælp af HTML og CSS. Mit emne hed Cyberpunk som tog udgangspunkt for Futurisme stilen. Cyberpunk er en film/manga genre der forgår i en dystopisk fremtid og som regel i en storby. Dens kendetegn er: Mørk/dyster stemning, neon lys, teknologi udvikling. Jeg brugte mørke baggrunde og neon rød font farve til mit emnesite så det giver en "nat i storby" effekt. Derudover valgt jeg to modsatte fonts: en futuristisk font og en "permanent marker" font som gøre emnesitet lidt mere kaotisk. </p>
<a href="https://matolres.com/kea/02_web/emnesite/" target="_blank">Se projekt</a>
</div>
</div>
</div>
</main>
<script src="mutual.js"></script>
</body>
</html>