-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
192 lines (187 loc) · 11.6 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!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">
<meta name="description" content="Darling NTNU home page">
<link rel="stylesheet" href="./assets/sass/main.css">
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Darling NTNU</title>
</head>
<body class="bootstrap-dark">
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html"><img src="./assets/img/darlingLogoWhite.png" alt="Darling logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" aria-current="page" href="./studenter.html">For studenter</a>
<a class="nav-link" href="./bedrift.html">For bedrifter</a>
<a class="nav-link" href="./kontakt.html">Kontakt</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container text-center">
<div class="container-md">
<article>
<h1>Hvem er vi?</h1>
<p>Darling er linjeforeningen for designfagene ved NTNU. Vi er foreningen til alle som studerer årsstudium webdesign, bachelor i webutvikling, grafisk design og interaksjonsdesign, og master i interaksjonsdesign. </p>
<p>Vi jobber for å tilrettelegge for god kontakt mellom studenter og næringsliv, i tillegg til å skape et godt samhold på designlinjene ved å arrangere sosiale og faglige arrangementer. Dette gjør vi ved å sette opp karrieredagen på høsten, designdagen på våren, jevnlige bedriftspresentasjoner, designkvelder, workshops og andre typer arrangementer.</p>
</article>
<article>
<h2>Kort om studiene våre</h2>
<p>Vi representerer studenter på disse linjene ved NTNU Gjøvik:</p>
<h3>Webdesign</h3>
<a href="https://www.ntnu.no/studier/aarweb">Årsstudium i Webdesign</a>
<p>Årsstudiet i webdesign gir grunnleggende forståelse av medieuttrykk på nett. Programmet er spesielt rettet mot deg som ønsker å utforme medieløsninger på web og i mobile distribusjonskanaler.</p>
<h3>Webutvikling</h3>
<a href="https://www.ntnu.no/studier/bwu">Bachelor i Webutvikling</a>
<p>Web er en av de viktigste og mest komplekse kommunikasjonsplattformene i vår tid. Dette stiller store krav til fremtidens webutviklere, som må være både gode designere og kompetente teknologer. På bachelor i webutvikling lærer du å lage innovative og brukervennlige løsninger for morgendagens web.</p>
<h3>Grafisk design</h3>
<a href="https://www.ntnu.no/studier/bmed">Bachelor i Grafisk Design</a>
<p>Bachelor i grafisk design er et veiledningsintensivt profesjonsrettet designstudium med fokus på kommunikasjon, brukskvalitet, estetikk og solid håndverk.</p>
<p>Målet er å utdanne grafiske designere med en kompetanse som balanserer praktiske ferdigheter og formgivningsevne med evne til å tenke analytisk og konseptuelt. Utdanningen forholder seg til papirbaserte medier, interaktive digitale medier, og skilt- og veifinningssystemer for bygninger og uterom.</p>
<h3>Interaksjonsdesign</h3>
<a href="https://www.ntnu.no/studier/bixd">Bachelor i Interaksjonsdesign</a>
<p>Det er krevende å designe brukervennlige og effektive IT-løsninger. Bachelorstudiet i interaksjonsdesign, også kalt UX-design (user experience design), handler om å lære å designe applikasjoner og webløsninger som er brukervennlige, inkluderende, inspirerende, nyttige, og sosialt og etisk ansvarlige.</p>
<h3>Master Interaksjonsdesign</h3>
<a href="https://www.ntnu.no/studier/mixd">Master Interaksjonsdesign</a>
<p>Master i interaksjonsdesign er et 2-årig masterprogram. Studiet vil gi deg en bevissthet om menneskelige faktorer og forutsetninger ved grensesnitts- og interaksjonsdesign. Du vil få innsikt i sammenhengen mellom brukeres behov og løsningers nytteverdi og hensikt.</p>
</article>
<article>
<h2>Om oss i Darling</h2>
<p>DARLING er linjeforeningen for designfag ved NTNU. Vi er foreningen til alle som studerer årsstudium webdesign, bachelor i webutvikling, grafisk design og interaksjonsdesign, og master i interaksjonsdesign. Alle som går på ett av disse studiene er automatisk medlem av DARLING.
</p>
<p>DARLING ledes av et styre på omtrent 10-15 personer. Disse blir valgt inn på årsmøtet som er satt opp hver vår. Styret har ansvar for den daglige driften av foreningen og representerer foreningen utad. Styret jobber for å tilrettelegge for god kontakt mellom studenter og næringsliv, i tillegg til å skape et godt samhold på designlinjene ved å arrangere sosiale og faglige arrangementer. For sistnevnte gjelder karrieredagen, designdagen, jevnlige bedriftspresentasjoner spredt utover semesteret, designkvelder, workshops og andre typer arrangementer.
</p>
</article>
<article>
<h2>Pesentasjon av Styret</h2>
<h3>Darling Styret 2022</h3>
<b>Ruth Elise Henden (BMED) - Styreleder</b>
<p>Har ansvar for å lede alle styremøter og den daglige driften av foreningen. Er linjeforeningens ansikt utad og passer på at alle i styret gjennomfører sine respektive oppgaver.</p>
<b>Thor Ivar Nirisen Johansen (BWU) - Nestleder</b>
<p>Har ansvar for å føre møtereferatene og plikter for å ta ansvar for møter ved evt. fravær fra lederens side. Sørger for at oppgaver blir gjort innad i styret i samband med leder.
</p>
<b>Jenny-Louise Schjetne (BIXD) - Økonomiansvarlig</b>
<p>Har ansvar for foreningens økonomi; inntekter, utgifter, fakturering og søknader.</p>
<b>Ingvild Nystein (BIXD) - Arrangementansvarlig</b>
<p>Har ansvar for at det gjennomføres diverse arrangement for foreningen, og leder arrangementskommiteen. Kontaktperson for bedrifter og ansvar for bedriftspresentasjoner</p>
<b>Lisa Grøtan Sørgaard (BIXD) - Konstituert PR- og SoMe-ansvarlig</b>
<p>Har ansvar for sosiale medier. Drifter foreningens Instagram-konto, poster om arrangementer på Facebook og oppdaterer foreningens LinkedIn-profil.</p>
<div class="container" id="members-list">
<div class="row">
<div class="col-sm">
<b>Henning Adolfsen Buanes (BIXD)</b>
<p>Styremedlem</p>
<b>Anoush Chaudhry (BWU)</b>
<p>Styremedlem</p>
<b>Ingrid Gladheim (BWU)</b>
<p>Styremedlem</p>
<b>Aron Haugen (BIXD)</b>
<p>Styremedlem</p>
</div>
<div class="col-sm">
<b>Daniel Lillevik (BWU)</b>
<p>Styremedlem</p>
<b>Magnus Moen (BWU)</b>
<p>Styremedlem</p>
<b>Lisa Mari Myrene (BWU)</b>
<p>Styremedlem</p>
<b>Helene Padkær (BMED)</b>
<p>Styremedlem</p>
</div>
<div class="col-sm">
<b>Rikke Solberg (BMED)</b>
<p>Styremedlem</p>
<b>Lisa Grøtan Sørgaard (BIXD)</b>
<p>Styremedlem</p>
<b>Anne Sophie Tjøm (BIXD)</b>
<p>Styremedlem</p>
<b>Ruben Lange (BIXD)</b>
<p>Styremedlem</p>
</div>
</div>
</div>
</article>
</div>
</main>
<!-- Footer -->
<footer class="bg-dark text-center text-white">
<!-- Grid container -->
<div class="container p-4">
<!-- Section: Social media -->
<section class="mb-4">
<!-- Facebook -->
<a class="btn btn-outline-light btn-floating m-1" href="https://www.facebook.com/darlingntnu" role="button"
><i class="fa fa-facebook-square" style="font-size:36px"></i></a>
<!-- Instagram -->
<a class="btn btn-outline-light btn-floating m-1" href="https://www.instagram.com/darling.linjeforening/" role="button"
><i class="fa fa-instagram" style="font-size:36px"></i></a>
</section>
<!-- Section: Social media -->
<!-- Section: Text -->
<section class="mb-4">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt distinctio earum
repellat quaerat voluptatibus placeat nam, commodi optio pariatur est quia magnam
eum harum corrupti dicta, aliquam sequi voluptate quas.
</p>
</section>
<!-- Section: Text -->
<!-- Section: Links -->
<section class="">
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">
<h5 class="text-uppercase">Besøksadresse</h5>
<a href="#!" class="text-white">Organisasjonskollektivet, Berghusveien 12, 2815 Gjøvik</a>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">
<h5 class="text-uppercase">Postaddresse</h5>
<a href="#!" class="text-white">Darling – Linjeforening for design, NTNU i Gjøvik, Postboks 191, 2802 Gjøvik.</a>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">
<h5 class="text-uppercase">Organisasjonsnummer</h5>
<a href="#!" class="text-white">996 118 622</a>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">
<h5 class="text-uppercase">Opphavsrett</h5>
<ul class="list-unstyled mb-0">
<li>
<a href="#!" class="text-white">Darling 2022</a>
<p href="#!" class="text-white">Utviklet av Magnus Moen</p>
</li>
</ul>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</section>
<!-- Section: Links -->
</div>
<!-- Grid container -->
</footer>
<!-- Footer -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="script.js"></script>
</body>
</html>