-
Notifications
You must be signed in to change notification settings - Fork 2
/
fasit.html
54 lines (53 loc) · 2.76 KB
/
fasit.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
<!doctype html>
<html>
<head>
<title>Koseprogg kveld 1</title>
<meta charset='UTF-8'/>
<link rel="icon" type="image/png" href="./images/favicon.png"/>
<link rel="stylesheet" type="text/css" href="fasit.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">
</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>
<img class="burger-icon" src="./images/burger_menu.png" height="45px" width="45px">
</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 class="v-icon">
<img src="./images/v-icon.png" height="15px" width="25px">
</div>
</div>
<h1 class="content-title">Webutvikling er gøy</h1>
<div class="content">
<div class="language-box">
<img src="./images/html5-logo.png" height="75px" width="75px"/>
<h4 class="language-title">HTML 5</h4>
<h5 class="language-text">Markup</h5>
</div>
<div class="language-box">
<img src="./images/javascript-logo.png" height="75px" width="75px"/>
<h4 class="language-title">Javascript</h4>
<h5 class="language-text">Programmeringsspråk</h5>
</div>
<div class="language-box">
<img src="./images/css-logo.png" height="75px" width="75px"/>
<h4 class="language-title">CSS 3</h4>
<h5 class="language-text">Utseende</h5>
</div>
<div class="language-box">
<img src="./images/react-logo.png" height="75px" width="75px"/>
<h4 class="language-title">React</h4>
<h5 class="language-text">Javascript-bibliotek</h5>
</div>
</div>
<div>Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>
</body>
</html>