-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (130 loc) · 7.33 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
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
120
121
122
123
124
125
126
127
128
129
130
<!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="Opdag det farverige univers hos SuitCase Media - hvor humor og eventyr mødes med professionel ekspertise! Vi er din nøgle til at analysere, innovere og influere i rejse- og oplevelsessektoren. Lad os farve din virksomheds branding, grafiske design og markedsføring med en fræk og opfindsom tilgang. Udforsk vores kreative rejse i multimediebureauverdenen i dag!">
<!--meta robots-->
<meta name=”robots” content="index, follow">
<title>SuitCase Media | Hjem | Her gives et overblik over siden | Medie bureau | markedsføring | branding | design og webdesign | restauration, hotel, rejsebureau og kulturelle begivenheder</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>The only thing worse than being talked about is not being talked about.</q>
<p aria-label="citat forfatter">-Oscar Wilde</p>
</quote-box>
</header>
<main>
<section class="bg-white font-brown column-1">
<h1>SUITCASE MEDIA</h1>
<p>Vi er et specialiseret mediebureau, der skaber medieløsninger til virksomheder inden for turisme- og oplevelsessektoren. Vi leverer enestående og anerledes mediekommunikation ved at kombinere kreativitet, innovation og humor. Vores ekspertise i visuel og fysisk branding samt markedsføring skaber inspirerende narrativer, der fordyber publikum i farverige verdener af eventyr. Vi stræber efter at være pionerer inden for visuel, der skiller sig ud og skaber varige minder for jeres kunder.</p>
<a href="om_os.html"><button class="btn-main" type="button">LÆS MERE OM OS</button></a>
</section>
<section class="sec-video">
<video src="Video/Gå på opdagelse med os-2.mp4" autoplay muted poster="Grafik/grafik_video.svg">
<source src="" type="video/mp4">
</video>
</section>
<section class="bg-white font-brown column-2">
<h2>HVOR LIDENSKAB OG KREATIVITET MØDES!</h2>
<div>
<p>Analyserer - Med vores analytiske værktøjer og ekspertise kan vi hjælpe dig med at træffe velovervejede beslutninger, optimere din strategi og skabe en solid base for vækst og succes.</p>
<img src="Grafik/grafik_kuffert_analyse.svg" alt="analyse grafik">
</div>
<div>
<p>Innoverer - Vores kreative team bruger deres ekspertise til at skabe visuelle mesterværker, der taler til din målgruppe. Fra logoer til skiltedesign går vi ud over det sædvanlige for at give din virksomhed et visuelt løft.</p>
<img src="Grafik/grafik_kuffert_innoverer.svg" alt="innoverer grafik">
</div>
<div>
<p>Influenser - Med skarpe strategier og engagerende indhold får vi din virksomhed til at skille sig ud på alle platforme. Vi skaber en forbindelse mellem din virksomhed og dine kunder gennem en kreativ og effektiv markedsføringsindsats.</p>
<img src="Grafik/grafik_kuffert_influenser.svg" alt="influenser grafik">
</div>
<a href="produkter.html"><button class="btn-main" type="button">LÆS MERE OM PRODUKTER</button></a>
</section>
<section class="bg-grey font-brown column-3">
<h2>UDFORSK LIDT AF VORES ARBEJDE</h2>
<div>
<a href=""><img src="Img/img_byens_burger.svg" alt="billede byens burger"></a>
<a href=""><img src="Img/img_connies_casserole.svg" alt="billede connies caserole"></a>
<a href=""><img src="Img/img_pizza_vesuvio.svg" alt="billede pizza vesuvio"></a>
</div>
<a href="cases.html"><button class="btn-main" type="button">SE FLERE AF VORES CASES</button></a>
</section>
</main>
<!--footer-->
<footer>
<img class="person-grafik" src="Grafik/grafik_anna_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>