-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·500 lines (440 loc) · 24.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
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
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>Scienta</title>
<!-- CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="fonts/font-awesome-4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/materialize-0.97.5.css">
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">-->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen,projection"/>
<script>
function scrollTo(id) {
$('html, body').animate({scrollTop: $("#" + id).offset().top - 60}, 400);
}
</script>
</head>
<body>
<div class="navbar-fixed">
<nav class="kingblue" role="navigation">
<div class="nav-wrapper container">
<img src="img/scienta_logo_white.png" style="vertical-align:middle; height:40px; padding-left: 15px; padding-bottom: 8px">
<ul class="right hide-on-med-and-down">
<li><a href="javascript:scrollTo('tjenester')" class="white-text">Tjenester</a></li>
<li><a href="javascript:scrollTo('jobb')" class="white-text">Jobb</a></li>
<li><a href="javascript:scrollTo('kontakt')" class="white-text">Kontakt</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="javascript:scrollTo('tjenester')">Tjenester</a></li>
<li><a href="javascript:scrollTo('jobb')">Jobb</a></li>
<li><a href="javascript:scrollTo('kontakt')">Kontakt</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse white-text"><i class="material-icons">menu</i></a>
</div>
</nav>
</div>
<div id="tjenester" class="container">
<div class="section">
<div style="height:40px"></div>
<!--<div class="row">-->
<!--<div class="col s12 center">-->
<!--<h4>Tjenester</h4>-->
<!--</div>-->
<!--</div>-->
<div class="row">
<div class="col s12 m6 l4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/utvikler.jpg">
</div>
<div class="card-content">
<span class="card-title tjeneste-card-title activator grey-text text-darken-4">Erfarne utviklere<i class="material-icons right">more_vert</i></span>
<p class="tjeneste-card-text light activator">Systemutvikling / Integrasjon / Java / Smidig / Big Data / Automatisert test</p>
</div>
<div class="card-reveal">
<span class="card-title tjeneste-card-title grey-text text-darken-4">Erfarne utviklere<i class="material-icons right">close</i></span>
<p class="light">
Scientas konsulenter har ledende roller innen utvikling av komplekse og kritiske IT-systemer.
</p>
<p class="light">
Hos oss finner du profilerte fagpersoner med spesialkompetanse innenfor Java, smidig utvikling, tjenesteorientering,
big data, automatisert testing m.m.
</p>
<!--<p class="light"> Tar ansvar i prosjektene og motiveres av å finne kostnadseffektive løsninger på komplekse problemer</p>-->
<!--<p class="light">Dyktige og engasjerte fagpersoner som har valgt en teknologisk karrierevei</p>-->
<!--<p class="light">De fleste med mer enn 10 års erfaring fra utvikling av forretningskritiske systemer for kunder i privat og offentlig sektor</p>-->
<!--<p class="light">Spesielt tunge innen utvikling på Java-plattformen og i bruk av smidige metoder</p>-->
<!--<p class="light">95% med mastergrad, 20% med ph.d.</p>-->
<!--<p class="light">Ledende fagpersoner som er aktive i fagmiljøene og oppdatert på ny teknologi</p>-->
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/arkitekt.jpg">
</div>
<div class="card-content">
<span class="card-title tjeneste-card-title activator grey-text text-darken-4">Produkteiere og arkitekter<i class="material-icons right">more_vert</i></span>
<p class="tjeneste-card-text light activator">Løsnings­arkitektur / Krav­spesifisering / Estimering / Kvalitets­sikring</p>
</div>
<div class="card-reveal">
<span class="card-title tjeneste-card-title grey-text text-darken-4">Produkteiere og arkitekter<i class="material-icons right">close</i></span>
<p class="light">
Scienta bidrar til at IT-leveranser under­støtter kundens mål og behov, og gir kostnads­effektiv utvikling og forvaltning.
</p>
<p class="light">
Våre tjenester inkluderer krav­spesifisering, løsnings­arkitektur, virksomhets­arkitektur, nytte- og kostnads­estimering,
kvalitets­sikring og prosess­forbedring.
</p>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/prosjektleder.jpg">
</div>
<div class="card-content">
<span class="card-title tjeneste-card-title activator grey-text text-darken-4">Prosjektledere<i class="material-icons right">more_vert</i></span>
<p class="tjeneste-card-text light activator">Program- og prosjekt­ledelse / Test­ledelse / Coaching / Prosjekt­gjennomgang</p>
</div>
<div class="card-reveal">
<span class="card-title tjeneste-card-title grey-text text-darken-4">Prosjektledere<i class="material-icons right">close</i></span>
<p class="light">
Scienta leverer konsulent­tjenester innen alle aspekter av program- og prosjekt­ledelse.
</p>
<p class="light">
Vi tilbyr blant annet erfarne program- og prosjekt­ledere, støtte til program- og prosjekt­kontor, testledere, coaching
og gjennomgang av prosjekter.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="jobb" class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<h4><i class="small material-icons">person_add</i> Jobb i Scienta?</h4>
<h6>Vi ønsker oss flere ansatte og underleverandører</h6>
</div>
</div>
<div class="row">
<div class="col m6 s12">
<p class="light">I Scienta får du jobbe sammen med dyktige og engasjerte fagpersoner som har valgt en teknologisk karrierevei.
Vi tilbyr gode muligheter for videre faglig utvikling og du får delta i utvikling av forretningskritiske systemer for våre kunder.</p>
<p class="light">Våre lønnsbetingelser er svært konkurransedyktige, og vi prioriterer å bruke ressurser på at våre ansatte skal ha
det så bra som mulig på jobb.
</p>
<p class="light">Ønsker du å bli vår neste ansatte eller underleverandør? Send oss en epost med din CV eller LinkedIn-profil så tar vi kontakt med deg.</p>
<div class="center">
<a href="mailto:[email protected]?subject=Jobb+i+Scienta&body=Hei.+Se+vedlagte+CV." target="_blank" class="waves-effect waves-light btn">Kontakt oss</a>
</div>
</div>
<div class="col m6 s12">
<img src="img/sosialt.jpg" class="z-depth-3" style="width:100%; height:100%; margin-top:20px">
</div>
</div>
<!--<div class="row">-->
<!--<div class="col s12 m6">-->
<!--<h5 class="center">Fast jobb</h5>-->
<!--<p class="light">-->
<!--På jakt etter nye utfordringer? Vi trenger flinke folk og ønsker å snakke med deg.-->
<!--</p>-->
<!--</div>-->
<!--<div class="col s12 m6">-->
<!--<h5 class="center">Underleverandør</h5>-->
<!--<p class="light">-->
<!--Jobber du som selvstendig konsulent? Vi trenger underleverandører til våre prosjekter.-->
<!--</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row">-->
<!--<div class="col s12">-->
<!--<div class="center">-->
<!--<a id="expandJobb" class="waves-effect waves-light btn" onclick="expandJobb()">Se hva vi tilbyr</a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div id="jobbdetalj" class="row" style="display:none">
<div class="col s12 m12">
<div class="card teal">
<div class="card-content white-text">
<span class="card-title">Hva vi tilbyr</span>
<img src="img/sosialt.jpg" width="600px">
<p>I Scienta får du jobbe sammen med dyktige og engasjerte fagpersoner som har valgt en teknologisk karrierevei.
Vi tilbyr gode muligheter for videre faglig utvikling og du får delta i utvikling av forretningskritiske systemer for våre kunder.</p>
<p>Våre lønnsbetingelser er svært konkurransedyktige, og vi prioriterer å bruke ressurser på at våre ansatte skal ha
det så bra som mulig på jobb.
</p>
<p>Ønsker du å bli vår neste ansatte eller underleverandør? Send oss en epost med din CV eller LinkedIn-profil så tar vi kontakt med deg.</p>
</div>
<div class="card-action">
<a class="right" href="javascript:collapseJobb()">Lukk</a>
<a href="mailto:[email protected]?subject=Jobb+i+Scienta&body=Hei.+Se+vedlagte+CV." target="_blank">Send oss en epost</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container hide-on-small-and-down">
<div class="parallax"><img src="img/island.jpg" alt=""></div>
</div>
<!--<div id="ansatte" class="container">-->
<!--<div class="section">-->
<!--<div class="row">-->
<!--<div class="col s12 center">-->
<!--<h4>Ansatte</h4>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row">-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image" style="max-height: 70%; height: 70%">-->
<!--<img src="img/AV.png">-->
<!--</div>-->
<!--<div class="card-content" style="max-height:30%; height:30%">-->
<!--<span class="grey-text text-darken-4">Trond Hjorteland</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<!–<p class="light">[email protected]</p>–>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image">-->
<!--<img src="img/arkitekt.jpg">-->
<!--</div>-->
<!--<div class="card-content">-->
<!--<span class="grey-text text-darken-4">En Fyr Med Kjempelangt Hår</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<p class="light">[email protected]</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image">-->
<!--<img src="img/arkitekt.jpg">-->
<!--</div>-->
<!--<div class="card-content">-->
<!--<span class="grey-text text-darken-4">Trond Hjorteland</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<p class="light">[email protected]</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image">-->
<!--<img src="img/arkitekt.jpg">-->
<!--</div>-->
<!--<div class="card-content">-->
<!--<span class="grey-text text-darken-4">En Fyr Med Kjempelangt Navn</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<p class="light">[email protected]</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image">-->
<!--<img src="img/arkitekt.jpg">-->
<!--</div>-->
<!--<div class="card-content">-->
<!--<span class="grey-text text-darken-4">Trond Hjorteland</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<p class="light">[email protected]</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image">-->
<!--<img src="img/arkitekt.jpg">-->
<!--</div>-->
<!--<div class="card-content">-->
<!--<span class="grey-text text-darken-4">En Fyr Med Kjempelangt Navn</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<p class="light">[email protected]</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image">-->
<!--<img src="img/arkitekt.jpg">-->
<!--</div>-->
<!--<div class="card-content">-->
<!--<span class="grey-text text-darken-4">Trond Hjorteland</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<p class="light">[email protected]</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image">-->
<!--<img src="img/arkitekt.jpg">-->
<!--</div>-->
<!--<div class="card-content">-->
<!--<span class="grey-text text-darken-4">En Fyr Med Kjempelangt Navn</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<p class="light">[email protected]</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image">-->
<!--<img src="img/arkitekt.jpg">-->
<!--</div>-->
<!--<div class="card-content">-->
<!--<span class="grey-text text-darken-4">Trond Hjorteland</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<p class="light">[email protected]</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image">-->
<!--<img src="img/arkitekt.jpg">-->
<!--</div>-->
<!--<div class="card-content">-->
<!--<span class="grey-text text-darken-4">En Fyr Med Kjempelangt Navn</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<p class="light">[email protected]</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image">-->
<!--<img src="img/arkitekt.jpg">-->
<!--</div>-->
<!--<div class="card-content">-->
<!--<span class="grey-text text-darken-4">Trond Hjorteland</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<p class="light">[email protected]</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col l3 m4 s6">-->
<!--<div class="card small">-->
<!--<div class="card-image">-->
<!--<img src="img/arkitekt.jpg">-->
<!--</div>-->
<!--<div class="card-content">-->
<!--<span class="grey-text text-darken-4">En Fyr Med Kjempelangt Navn</span>-->
<!--<p class="light">Kodende arkitekt</p>-->
<!--<p class="light">[email protected]</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div id="kontakt" class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<h4><i class="material-icons">send</i> Kontakt</h4>
<p class="center-align light">
<a class="waves-effect waves-light btn blue darken-4" style="margin:6px" href="mailto:[email protected]" target="_blank"><i class="material-icons left">mail</i>[email protected]</a>
<a class="waves-effect waves-light btn blue darken-4" style="margin:6px" href="tel:+4722019035" target="_blank"><i class="material-icons left">phone</i>+47 22 01 90 35</a>
<a class="waves-effect waves-light btn blue darken-4" style="margin:6px" href="https://goo.gl/maps/1aLgaWUvRYN2" target="_blank"><i class="material-icons left">location_on</i>Arbinsgt 11, 0253 Oslo</a>
</p>
<div id="map" style="width:100%; height:350px"></div>
<script type="text/javascript">
var scientaHQ = {lat: 59.91415, lng: 10.726};
var styleArray = [ {
stylers: [ { saturation: -80 } ]
}];
var map;
function initMap() {
map = new google.maps.Map(document.getElementById("map"), {
center: scientaHQ,
scrollwheel: false,
draggable: false,
zoom: 12,
styles: styleArray
});
var marker = new google.maps.Marker({
map: map,
position: scientaHQ,
title: "Scienta"
});
var infoWindow = new google.maps.InfoWindow({
content: "<div class='map-info-window'>Scienta AS</div>"
});
infoWindow.open(map, marker);
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBawsVus8IJqMujhFclgR5pFRkHC3XiQY0&callback=initMap">
</script>
</div>
</div>
</div>
</div>
<!--<div class="parallax-container valign-wrapper">-->
<!--<div class="section no-pad-bot">-->
<!--<div class="container">-->
<!--<div class="row center">-->
<!--<h5 class="header col s12 light">A modern responsive front-end framework based on Material Design</h5>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="parallax"><img src="img/background3.jpg" alt="Unsplashed background img 3"></div>-->
<!--</div>-->
<footer class="page-footer blue darken-4">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Om Scienta</h5>
<p class="grey-text text-lighten-4">
Scienta er et uavhengig konsulentselskap som leverer tjenester til ledende aktører innen offentlig og privat sektor.
Selskapet har en akademisk profil med faglig interesserte medarbeidere. Våre ansatte har lang erfaring
og de aller fleste har utdannelse på master- eller PhD-nivå.
</p>
</div>
<div class="col l4 offset-l2 s12">
<a class="twitter-timeline" href="https://twitter.com/ScientaIT" height="100" data-widget-id="694816971066572800">Tweets by @ScientaIT</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2016 Scienta AS
<a href="https://twitter.com/ScientaIT" target="_blank"><i class="fa fa-twitter white-text" style="margin-left:20px; padding:6px"></i></a>
<a href="https://www.linkedin.com/company/scienta-no" target="_blank"><i class="fa fa-linkedin-square white-text" style="padding:6px"></i></a>
</div>
</div>
</footer>
<div class="fixed-action-btn" style="bottom:25px; right:25px;">
<a class="btn-floating btn-large red">
<i class="large material-icons">send</i>
</a>
<ul>
<li><a class="btn-floating red" href="mailto:[email protected]" target="_blank"><i class="material-icons">mail</i></a></li>
<li><a class="btn-floating green" href="tel:+4722019035" target="_blank"><i class="material-icons">phone</i></a></li>
<li><a class="btn-floating orange" href="https://goo.gl/maps/1aLgaWUvRYN2" target="_blank"><i class="material-icons">location_on</i></a></li>
<li><a class="btn-floating blue" href="https://twitter.com/ScientaIT" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a class="btn-floating blue darken-3" href="https://www.linkedin.com/company/scienta-no" target="_blank"><i class="fa fa-linkedin-square"></i></a></li>
</ul>
</div>
<!-- Scripts-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
<script src="js/init.js"></script>
</body>
</html>