-
Notifications
You must be signed in to change notification settings - Fork 0
/
om_os.html
119 lines (119 loc) · 7.17 KB
/
om_os.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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Css/style.css">
<!--import af fonte-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!--voltaire-->
<link href="https://fonts.googleapis.com/css2?family=Voltaire&display=swap" rel="stylesheet">
<!--big shoulders display-->
<link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:[email protected]&display=swap" rel="stylesheet">
<!--big shoulders inline text-->
<link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Inline+Text:[email protected]&display=swap" rel="stylesheet">
<!--just me again down here-->
<link href="https://fonts.googleapis.com/css2?family=Just+Me+Again+Down+Here&display=swap" rel="stylesheet">
<!--meta description-->
<meta name="description" content="Tag et kig bag kulisserne hos SuitCase Media og lær vores farverige team af nyuddannede multimediedesignere at kende. Med en unik blanding af eventyrlyst, humor og professionel ekspertise er vi dedikerede til at skabe uforglemmelige oplevelser gennem vores arbejde. Lær mere om vores passion, vores værdier og vores tilgang til at bringe dit brand til live. Velkommen til vores verden af kreativitet og innovation!">
<!--meta robots-->
<meta name=”robots” content="index, follow">
<title>SuitCase Media | Om os | her kan man læse om os | Medie bureau | markedsføring | branding | design og webdesign | restauration, hotel, rejsebureau og kulturelle begivenhed</title>
</head>
<body>
<!--header-->
<header>
<!--logo og grafik-->
<green-box class="green header-boxes">
<blue-box class="blue header-boxes">
<orange-box class="orange header-boxes">
<white-box class="header-boxes">
<img src="Grafik/grafik_logo.svg" alt="logo">
</white-box>
</orange-box>
</blue-box>
</green-box>
<!--navigation-->
<nav>
<a class="links" href="index.html">forside</a>
<a class="links" href="cases.html">cases</a>
<a class="links" href="produkter.html">produkter</a>
<a class="links" href="om_os.html">OM OS</a>
</nav>
<!--sprogvalg og citat-->
<language-box class="blue">
<a class="links" href="#"><p>da</p></a>
<p>|</p>
<a class="links" href="#"><p>en</p></a>
</language-box>
<quote-box class="orange">
<q>Man kan godt have fantasi selv om man har realitetssans.</q>
<p aria-label="citat forfatter">- Asger Jorn</p>
</quote-box>
</header>
<main>
<section class="bg-white column-3">
<h1 class="font-brown">MØD HOLDET</h1>
<staff-units>
<div>
<img src="Grafik/grafik_gitte_karakter.svg" alt="billede af gitte lutzhoeft larsen">
<h4 class="font-brown">Gitte Lutzhoeft Larsen</h4>
<h5 class="font-brown">Director of Customer Relations</h5>
<p>Med flere års erfaring i -customer relation- fra større internationale virksomheder, primært i rejsebranchen, er vores kunder i gode hænder. Aktiv lytning er en af Gitte's stærke sider, hvormed hun grundigt sætter sig ind i kundens kreative behov og ønsker. Hos SuitCaseMedia vil Gitte være en af de første medarbejdere man møder, og den person der er med til at sikre kommunikationen i den kreative proces, forløber informativt og til kundens tilfredsstillelse.</p>
</div>
<div>
<img src="Grafik/grafik_anna_karakter.svg" alt="billede af anna gellert abelin">
<h4 class="font-brown">Anna Gellert Abelin</h4>
<h5 class="font-brown">Director of Design</h5>
<p>Med mere end 25 års erfaring som animator for store og mindre firmaer, i både indland og udland, samt god erfaring som illustrator for veletablerede forlag i Danmark, har jeg et godt kendskab til både det klassiske og mere “skæve” design. Jeg er vant til at arbejde i tæt kontakt med mange forskellige mennesker og er meget målrettet når det gælder at skabe den mest positive opmærksomhed og effekt over for en given målgruppe med mit design.
Jeg giver ikke op før det bedste resultat er opnået.</p>
</div>
<div>
<img src="Grafik/grafik_hp_karakter_2.svg" alt="billede af hans peder thaysen">
<h4 class="font-brown">Hans Peder Thaysen</h4>
<h5 class="font-brown">Director of programming</h5>
<p>vores stjerne-programmør, en troldmand af teknologi, hvis tastatur er tryllestaven og skærmen er porten til det uudforskede territorium af digital innovation. Fra at skrive elegant kode, der danser med elegance og præcision, til at løse komplekse problemer med lethed og finesse, er vores programmør en sand superhelt i den digitale verden. Men lad dig ikke narre af den teknologiske facade! Bag skærmen banker et hjerte fyldt med passion for at skabe løsninger, der forbedrer liv og inspirerer til fremtidige generationer af digital innovation.</p>
</div>
</staff-unit>
</section>
</main>
<!--footer-->
<footer>
<img class="person-grafik" src="Grafik/grafik_gitte_karakter.svg" alt="pyntegrafik">
<h2 class="font-brown">HVIS DU VIL HØRE MERE...</h2>
<!--kontaktinfo-->
<contact-box class="orange">
<h3 class="font-brown">KONTAKT OS</h3>
<div>
<img src="Grafik/icon_call.svg" class="icon" alt="telefonnummer">
<p>10 29 38 47</p>
</div>
<div>
<img src="Grafik/icon_mail.svg" class="icon" alt="email">
<p>[email protected]</p>
</div>
</contact-box>
<!--tilmelding til nyhedsbrev-->
<newsletter-box class="blue">
<form action="">
<h3 class="font-white">TILMELD VORES NYHEDSBREV</h3>
<label for="newsletter-text" class="lab-hidden">E-mail</label>
<input type="email" id="newsletter-text" placeholder="E-mail">
<input type="submit" id="submit-button" value="TILMELD">
</form>
</newsletter-box>
<!--bundbanner med cvr og SoMe-->
<bottom-box class="green">
<p>CVR 1029384756</p>
<some-box>
<h3 class="font-white">FØLG OS</h3>
<a><img src="Grafik/icon_LinkedIn.svg" class="icon" alt="linkedin-icon"></a>
<a><img src="Grafik/icon_Facebook.svg" class="icon" alt="facebook-icon"></a>
<a><img src="Grafik/icon_Instagram.svg" class="icon" alt="instagram-icon"></a>
<a><img src="Grafik/icon_TwitterX.svg" class="icon" alt="x-icon"></a>
</some-box>
</bottom-box>
</footer>
</body>
</html>