-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
48 lines (48 loc) · 2.06 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Åsmunds nettside</title>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap" rel="stylesheet">
<meta charset="UTF-8"/>
</head>
<body>
<div class="hero-image">
<div class="hero-topbar">
<span class="hero-logo">
<p class="hero-title-text" id="kose">Kose</p>
<p class="hero-title-text" id="progg"> progg</p>
</span>
<a href="https://www.vg.no">
<img class="burger-menu" src="burger_menu.png" width="45px" height="45px">
</a>
</div>
<div class="hero-text">
<h1 class="hero-title">Progging og kosing?</h1>
<p class="koseprogg-text">
Koseprogg handler om å anvende alt det kule vi lærer på studiet i praksis. Her vil dere lære webutvikling, design, forskjellen på frontend og backend, hva en server er, hvordan man får siden sin ut på internett og mye, mye mer. Samtidig får dere pizza. Er det en god deal? Ja. Ja, det er det.
</p>
</div>
</div>
<h1 class="content-title">Progging er gøy</h1>
<div class="content">
<div class="language-box">
<img src="html5-logo.png" width="75px" height="75"/>
<h4 class="language-title">HTML</h4>
<h5 class="language-text">Markup</h5>
</div>
<div class="language-box">
<p>hei</p>
<h4 class="language-title">CSS 3</h4>
<h5 class="language-text">Styling</h5>
</div>
<div class="language-box">
<p>hei</p>
</div>
<div class="language-box">
<p>hei</p>
</div>
</div>
</body>
</html>