-
Notifications
You must be signed in to change notification settings - Fork 0
/
Hjem.html
260 lines (190 loc) · 7.28 KB
/
Hjem.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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!DOCTYPE html>
<html lang="nb">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/png" href="bilder/favicon.png"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/font/flaticon.css">
<link href="https://fonts.googleapis.com/css?family=Inria+Sans:300,400|Press+Start+2P&display=swap" rel="stylesheet">
<title>Anne Frøyen</title>
</head>
<body>
<div class="navbar">
<div class="navbar-content">
<span id="annefroyen">Anne Frøyen</span>
<div class="menu-items-right">
<a href="#hjem">HJEM</a>
<a href="#prosjekt">PROSJEKT</a>
<a href="#ommeg">OM MEG</a>
<a href="#kontakt">KONTAKT</a>
</div>
</div>
</div>
<div class="content">
<div class="wrapper">
<div class="typewriter">
<h1>Hei! Mitt navn er Anne og eg er ein <span id="webutvikler">utvikler</span></h1>
</div>
</div>
</div>
<p class="inndeling" id="prosjekt">Nyeste prosjekt</p><hr>
<div class="content">
<div class="prosjekt folk">
<div class="prosjektboks">
<h2 class="prosjektOverskrift">FOLK</h2>
<div class="prosjektTekst">
<h3>FOLK</h3>
<p>Ei enkel nettside som henter data om norske kommuner frå API.</p>
<p>Bakgrunn: Skuleoppgåve</p>
<p>Verktøy: Atom</p>
<p>Språk: Javascript, HTML og CSS</p>
<a href="https://github.com/annefroyen/INFO134_Folk" target="_blank" alt="github repo">Github repo</a>
</div>
</div>
</div>
<div class="prosjekt framtiden">
<div class="prosjektboks">
<h2 class="prosjektOverskrift">FRAMTIDEN</h2>
<div class="prosjektTekst">
<h3>FRAMTIDEN I VÅRE HENDER</h3>
<p>Redesign av Framtiden i våre hender's nettside og visuelle identitet.</p>
<p>Bakgrunn: Skuleoppgåve</p>
<p>Verktøy: Lookback og Webflow</p>
<p>(nettside og case-study kjem snart)</p>
</div>
</div>
</div>
<div class="prosjekt hitori">
<div class="prosjektboks">
<h2 class="prosjektOverskrift">HITORI</h2>
<div class="prosjektTekst">
<h3>HITORI</h3>
<p>Ei nettside som løser hitori-brett.</p>
<p>Bakgrunn: Kodekonkurranse</p>
<p>Verktøy: Eclipse og tomcat server</p>
<p>Språk: Java, JSP, html og CSS</p>
<a href="https://github.com/annefroyen/Hitori-Game" target="_blank" alt="repo">github repo</a>
<a href="prosjekt/hitori/hitori.html" target="_blank" alt="demo">demo</a>
</div>
</div>
</div>
</div>
<p class="inndeling" id="evner">Evner</p><hr>
<div class="content">
<div class="wrapper">
<div class="row">
<div class="cell" >
<h3>FRONTEND</h3>
<p>Akuratt nå tar eg et fag om klientsideprogrammering, det har gitt meg en god forståelse for Javascript og HTML/CSS. Eg har deltat på workshops om REACT og håpar å kunne bli kjent med fleire JS-bibliotek i framtida.</p>
</div>
<div class="cell">
<h3>BACKEND</h3>
<p>Eg har jobbet med Java gjennom heile studietida og føler meg ganske trygg på OOP. Eg har også en grunnleggande forståelse for funksjonell programmering. Nokre av språka eg har fått prøvd ut er C++, C#, Bash, windows powershell og SQL.</p>
</div>
<div class="cell" lang="no">
<h3 class="hyphen-me">INTERKAJONSDESIGN</h3>
<p>Under bacheloren min såg eg viktigheten av god design og bestemte meg derfor for å studere interaksjonsdesign. På campus Media City fikk eg studere tett på mediebedrifter og eg fikk verdifull innsikt i korleis UX blir jobbet med i praksis.</p>
</div>
<div class="cell">
<h3>KUNDEBEHANDLING</h3>
<p>Eg har jobbet 5 år i bokbutikker og er komfortabel med å kommunisere med kunder. Empatien ovenfor kundene har eg tatt med meg i arbeid med brukeropplevelse og universell utforming</p>
</div>
</div>
</div>
</div>
<p class="inndeling" id="ommeg">Om meg</p><hr>
<div class="content wrapper">
<div class="row">
<div class="cell">
<img src="bilder/meg.jpg" alt="meg" style="height: 300px; padding-top: 50px">
<img src="bilder/meg1.JPG" alt="meg" style="height: 300px; padding-top: 50px;">
<img src="bilder/meg3.jpg" alt="meg" style="height: 300px; padding-top: 50px;">
</div>
<div class="cell">
<p>Eg er født og oppvokst i ein dal innerst i Førdefjorden. Studietida har eg brukt i vakre Bergen, men nå ser eg mot Rogaland.
På fritida likar eg å gå fjellturar, lese bøker og ete meg gjennom Pedersgata.</p>
</div>
</div>
</div>
<div class="content">
<div class="grid-container">
<div class="Utdanning cv_headers">
<h2>Skule</h2>
</div>
<div class="Erfaring cv_headers">
<h2>Jobb</h2>
</div>
<div class="Verv cv_headers">
<h2>Verv</h2>
</div>
<div class="hvl cv_boks">
<h3>Bachelor informasjonsvitenskap</h3>
<p class="brodtekst">Høgskulen på Vestlandet</p>
<p class="brodtekst">2016-2019</p>
</div>
<div class="uib cv_boks">
<h3>Bachelor media- og interaksjonsdesign</h3>
<p class="brodtekst">Universitetet i Bergen</p>
<p class="brodtekst">2019-dd.</p>
</div>
<div class="hafstad cv_boks">
<h3>Studiespessialisering, Realfag</h3>
<p class="brodtekst">Hafstad Videregåande Skule</p>
<p class="brodtekst">2013-2016</p>
</div>
<div class="aquacare cv_boks">
<h3>IT-konsulent</h3>
<p class="brodtekst">Aqua & Care</p>
<p class="brodtekst">November 2019 - dd.</p>
</div>
<div class="akademika cv_boks">
<h3>Ekstrahjelp</h3>
<p class="brodtekst">Akademika</p>
<p class="brodtekst">Mai 2018 - August 2019</p>
</div>
<div class="norli cv_boks">
<h3>Deltidsansatt</h3>
<p class="brodtekst">Norli Amfi Førde</p>
<p class="brodtekst">April 2014 - August 2019</p>
</div>
<div class="arrangement cv_boks">
<h3>Arrangementansvarlig</h3>
<p class="brodtekst">Root Linjeforening</p>
<p class="brodtekst">April 2017 - Mai 2018</p>
</div>
<div class="okonomi cv_boks">
<h3>Økonomiansvarlig</h3>
<p class="brodtekst">Root Linjeforening</p>
<p class="brodtekst">April 2018 - Mai 2019</p>
</div>
<div class="tjue cv_aar">
<p>2020</p>
</div>
<div class="nitten cv_aar">
<p>2019</p>
</div>
<div class="atten cv_aar">
<p> 2018</p>
</div>
<div class="sytten cv_aar">
<p>2017</p>
</div>
<div class="seksten cv_aar">
<p>2016</p>
</div>
</div>
</div>
<p class="inndeling" id="kontakt">Kontakt</p><hr>
<div class="content" id="kontakt_innhold">
<a class="kont" href="mailto: [email protected]">[email protected]</a> <br><br>
<a class="kont" href="tel: 48305700">+47 48 30 57 00</a>
</div>
<div class="footer">
<a href="https://github.com/annefroyen" target="_blank" class="footer_icons github_icon"><i class="flaticon-github"></i></a>
<a href="https://www.linkedin.com/in/anne-fr%C3%B8yen-896704159/" target="_blank" class="footer_icons linkedin_icon"><i class="flaticon-linkedin-1"></i></a>
<a href="https://www.instagram.com/anne_froyen/" target="_blank" class="footer_icons instagram_icon"><i class="flaticon-instagram"></i></a>
<a href="https://www.behance.net/annehjellbr" target="_blank" class="footer_icons behance_icon"><i class="flaticon-behance"></i></a>
</div>
</body>
</html>