-
Notifications
You must be signed in to change notification settings - Fork 0
/
prosjekt.html
243 lines (234 loc) · 25.5 KB
/
prosjekt.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
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<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" />
<title> Leida </title>
<link rel="shortcut icon" href="assets/leida assets/logo/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="assets/css/animate.css" />
<link rel="stylesheet" href="assets/css/tailwind.css" /> <!-- ==== WOW JS ==== -->
<script src="assets/js/wow.min.js"></script>
<script>
new WOW().init();
</script>
</head>
<body class="bg-white">
<!-- ====== Navbar Section Start -->
<div class="ud-header absolute top-0 left-0 z-40 flex w-full items-center bg-transparent ">
<div class="container">
<div class="relative -mx-4 flex items-center justify-between">
<div class="w-60 max-w-full px-4"> <a href="index.html" class="navbar-logo block w-full py-5"> <img src="assets/leida/logo/Leida_logo_Orange.svg" alt="logo" class="header-logo w-full" /> </a> </div>
<div class="flex w-full items-center justify-between px-4">
<div> <button id="navbarToggler" class="absolute right-4 top-2/3 block -translate-y-2/3 rounded-lg px-3 py-[6px] ring-primary focus:ring-2 lg:hidden"> <span class="relative my-[6px] block h-[2px] w-[30px] bg-white"></span> <span class="relative my-[6px] block h-[2px] w-[30px] bg-white"></span> <span class="relative my-[6px] block h-[2px] w-[30px] bg-white"></span> </button>
<nav id="navbarCollapse" class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 shadow-lg lg:static lg:block lg:w-full lg:max-w-full lg:bg-transparent lg:py-0 lg:px-4 lg:shadow-none xl:px-6">
<ul class="blcok lg:flex">
<li class="group relative"> <a href="index.html#home" class="mx-8 flex py-2 text-base text-dark group-hover:text-primary lg:mr-0 lg:inline-flex lg:py-6 lg:px-0 lg:text-white lg:group-hover:text-white lg:group-hover:opacity-70"> Start </a> </li>
<li class="group relative"> <a href="index.html#about" class="mx-8 flex py-2 text-base text-primary group-hover:text-primary lg:mr-0 lg:ml-7 lg:inline-flex lg:py-6 lg:px-0 lg:text-primary lg:group-hover:text-white lg:group-hover:opacity-70 xl:ml-12"> Om Leida </a> </li>
<li class="group relative"> <a href="video.html" class="mx-8 flex py-2 text-base text-dark group-hover:text-primary lg:mr-0 lg:ml-7 lg:inline-flex lg:py-6 lg:px-0 lg:text-white lg:group-hover:text-white lg:group-hover:opacity-70 xl:ml-12"> Videoarkiv </a> </li>
<li class="group relative"> <a href="omtaler.html" class="mx-8 flex py-2 text-base text-dark group-hover:text-primary lg:mr-0 lg:ml-7 lg:inline-flex lg:py-6 lg:px-0 lg:text-white lg:group-hover:text-white lg:group-hover:opacity-70 xl:ml-12"> Omtaler </a> </li>
<li class="group relative"> <a href="personvern.html#personvern" class="mx-8 flex py-2 text-base text-dark group-hover:text-primary lg:mr-0 lg:ml-7 lg:inline-flex lg:py-6 lg:px-0 lg:text-white lg:group-hover:text-white lg:group-hover:opacity-70 xl:ml-12"> Personvern </a> </li>
<li class="group relative"> <a href="index.html#contact" class="mx-8 flex py-2 text-base text-dark group-hover:text-primary lg:mr-0 lg:ml-7 lg:inline-flex lg:py-6 lg:px-0 lg:text-white lg:group-hover:text-white lg:group-hover:opacity-70 xl:ml-12"> Kontakt </a> </li>
<!-- <li class="submenu-item group relative"> <a href="javascript:void(0)" class="relative mx-8 flex py-2 text-base text-dark after:absolute after:right-1 after:top-2/3 after:mt-[-2px] after:h-2 after:w-2 after:-translate-y-2/3 after:rotate-45 after:border-b-2 after:border-r-2 after:border-current group-hover:text-primary lg:mr-0 lg:ml-8 lg:inline-flex lg:py-6 lg:pl-0 lg:pr-4 lg:text-white lg:after:right-0 lg:group-hover:text-white lg:group-hover:opacity-70 xl:ml-12"> Pages </a>
<div class="submenu relative top-full left-0 hidden w-[250px] rounded-sm bg-white p-4 transition-[top] duration-300 group-hover:opacity-100 lg:invisible lg:absolute lg:top-[110%] lg:block lg:opacity-0 lg:shadow-lg lg:group-hover:visible lg:group-hover:top-full"> <a href="about.html" class="block rounded py-[10px] px-4 text-sm text-body-color hover:text-primary"> About Page </a> <a href="pricing.html" class="block rounded py-[10px] px-4 text-sm text-body-color hover:text-primary"> Pricing Page </a> <a href="contact.html" class="block rounded py-[10px] px-4 text-sm text-body-color hover:text-primary"> Contact Page </a> <a href="blog-grids.html" class="block rounded py-[10px] px-4 text-sm text-body-color hover:text-primary"> Blog Grid Page </a> <a href="blog-details.html" class="block rounded py-[10px] px-4 text-sm text-body-color hover:text-primary"> Blog Details Page </a> <a href="signup.html" class="block rounded py-[10px] px-4 text-sm text-body-color hover:text-primary"> Sign Up Page </a> <a href="signin.html" class="block rounded py-[10px] px-4 text-sm text-body-color hover:text-primary"> Sign In Page </a> <a href="404.html" class="block rounded py-[10px] px-4 text-sm text-body-color hover:text-primary"> 404 Page </a> </div>
</li> -->
</ul>
</nav>
</div>
</div>
</div>
</div>
</div> <!-- ====== Navbar Section End -->
<!-- ====== Hero Section Start -->
<div id="home" class="relative overflow-hidden bg-secondary pt-[120px] md:pt-[130px] lg:pt-[160px]">
<div class="container">
<div class="-mx-4 flex flex-wrap items-center">
<div class="w-full px-4">
<div class="hero-content wow fadeInUp mx-auto max-w-[780px] text-center" data-wow-delay=".2s">
<h1 class="mb-8 text-3xl font-bold leading-snug text-white sm:text-4xl sm:leading-snug md:text-[45px] md:leading-snug">Leida modellen i korte trekk</h1>
<p class="mx-auto mb-10 max-w-[600px] text-base text-[#e4e4e4] sm:text-lg sm:leading-relaxed md:text-xl md:leading-relaxed"> </p>
</div>
</div>
<div class="w-full px-4">
<div class="wow fadeInUp z-10 mx-auto max-w-[845px]" data-wow-delay=".25s">
<div class="absolute bottom-0 -left-9 z-[-1]"> <img src=""> </div>
</div>
</div>
</div>
</div>
</div> <!-- ====== Hero Section End -->
<!-- content start -->
<section>
<div class="bg-white">
<div class="container flex flex-col items-center px-4 py-4 pb-4 mx-auto text-center lg:pb-10 md:py-10 md:px-10 lg:px-32 dark:text-gray-900">
<h1 class="text-5xl font-bold leading-none sm:text-6xl xl:max-w-3xl dark:text-gray-900 mt-10">Det handler om individuell tilpasning</h1>
<p class="mt-20 text-lg dark:text-gray-900">LEIDA-prosjektets utgangspunkt er at alt for mange står utenfor arbeidslivet, samtidig som behovet til industrien for arbeidskraft med fagkompetanse er enormt. Utenforskapet skyldes mange grunner, noen har gått seg vill i teorijungelen, noen har valgt feil fagutdannelse, mens noen aldri har fått muligheten til å vise hva de er – eller kan bli - gode på. Den forskningsbaserte kunnskapen tilsier at med individuelt tilpasset oppfølging og tilrettelegging på arbeidsplassen kan de fleste mennesker utvikle arbeidsevne, kompetanse og sosiale ferdigheter som passer for bedriften.</p>
<p class="mt-6 text-lg dark:text-gray-900">Arbeidsgiver må ta sin del av samfunnsansvaret ved internt å utvikle og utdanne ønsket kompetanse, skape innenforskap slik at flere får muligheten for kvalifiseringsløp og på den måten får bedriften dekt sitt bemanningsbehov. Formålet med prosjektet er å skape innenforskap ved å produsere kvalifisert arbeidskraft, slik at de kan få ansettelse og yrkeskarriere.</p>
<p class="mt-6 text-lg dark:text-gray-900">Prosjektet skal beskrive veien til kvalifisering, slik at andre arbeidsgivere kan ta i bruk denne praksisen og de metodene som er benyttet. Gjennom å prøve nye metoder og formater, ønsker vi å se om personer utenfor arbeidslivet kan kobles på igjen i en eller annen form. Siden LEIDA kandidatene har ulike utgangspunkt vil deres realkompetanse bli vurdert for et kvalifiseringsløp i hvert enkelt tilfelle. Prosjektet har som mål at alle skal klare å kvalifisere seg.</p>
<div class="flex flex-wrap justify-center"> </div>
</div>
</div>
</section>
<div class="grid my-10 place-items-center">
<img src="./assets/leida/img/Leida-modell-skygge.JPG" alt="leida-modellen">
</div>
<!-- <div class="container mx-auto flex flex-wrap">
<div class="lg:w-1/2 md:w-1/2 w-full p-4">
<div class="p-8 rounded-xl border border-gray-200"><img class="mb-4 shadow-md mx-auto h-auto w-full" alt="Use any sample image here..." src="./assets/leida/illustrations/Likehet-er-urettferdig.png">
<h4 class="mb-2 text-lg font-semibold text-center">Likhet er urettferdighet</h4>
<p class="text-base"><br></p>
</div>
</div>
<div class="lg:w-1/2 md:w-1/2 w-full p-4">
<div class="p-8 rounded-xl border border-gray-200"><img class="mb-4 shadow-md mx-auto h-auto w-full" alt="Use any sample image here..." src="./assets/leida/illustrations/Ulikehet-er-rettferdig.png">
<h4 class="mb-2 text-lg font-semibold text-center">Ulikhet er rettferdig</h4>
<p class="text-base"><br></p>
</div>
</div>
</div> -->
<!-- content end -->
<section class="text-gray-600 body-font">
<div class="container px-5 py-40 mx-auto">
<div class="flex flex-col">
<div class="grid grid-cols-1 content-start text-left"> <span class="mb-2 block text-lg font-semibold text-primary">4 viktige områder</span>
<h2 class="text-3xl font-bold text-dark sm:text-4xl md:text-[42px]"> Kvalifisering for arbeid </h2>
<p class="text-lg leading-relaxed text-body-color sm:text-xl sm:leading-relaxed mb-10">I LEIDA produseres kvalifisert arbeidskraft.</p>
</div>
</div>
<div class="flex flex-wrap sm:-m-4 -mx-4 -mb-20 -mt-4">
<div class="p-4 md:w-1/2 sm:mb-0 mb-6">
<div class="rounded-lg h-40 overflow-hidden">
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://lottie.host/d654362a-947f-4baa-a9a0-578ff142cbcf/YDlpQwTJBZ.json" background="transparent" speed="1" style="width: 100px; height: 100px;" autoplay></lottie-player>
</div>
<h2 class="text-xl font-medium title-font text-gray-900 mt-5">Samabeid med NAV</h2>
<p class="text-base leading-relaxed mt-2">NAV etablerer et team som blir kjent med og analyserer bedriften for å ha et godt grunnlag for jobb match. Teamet bistår bedriften med tett oppfølging og hjelper med å veilede og søke om ulike tiltakspakker. All kommunikasjon fra øvrige NAV ansatte går gjennom NAV teamet til bedriften.</p>
</div>
<div class="p-4 md:w-1/2 sm:mb-0 mb-6">
<div class="rounded-lg h-40 overflow-hidden">
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://lottie.host/d654362a-947f-4baa-a9a0-578ff142cbcf/YDlpQwTJBZ.json" background="transparent" speed="1" style="width: 100px; height: 100px;" autoplay></lottie-player>
</div>
<h2 class="text-xl font-medium title-font text-gray-900 mt-5">Intern organisering og kompetanse</h2>
<p class="text-base leading-relaxed mt-2">Rekrutteringsstrategien endres slik at innenforskap blir endel av strategien. For kandidaten kommer det fram at de er en ressurs, fordi bedriften har behov for deres arbeidskraft. Interne endringsprosesser for å implementere produktet vil variere hos de ulike arbeidsgiverne. </p>
</div>
<div class="p-4 md:w-1/2 sm:mb-0 mb-6">
<div class="rounded-lg h-40 overflow-hidden">
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://lottie.host/d654362a-947f-4baa-a9a0-578ff142cbcf/YDlpQwTJBZ.json" background="transparent" speed="1" style="width: 100px; height: 100px;" autoplay></lottie-player>
</div>
<h2 class="text-xl font-medium title-font text-gray-900 mt-5">Mentor ressurs</h2>
<p class="text-base leading-relaxed mt-2">Mentorstøtte er viktig for den teoretiske og praktiske veien til fagbrev eller annen kvalifisering. Det brukes interne ansatte som gir faglig og personlig støtte til kandidatene i deres kvalifiseringsløp. GE Healthcare Lindesnes, Umoe Mandal og Elkem samarbeider om å utdanne egne Mentorer.</p>
</div>
<div class="p-4 md:w-1/2 sm:mb-0 mb-6">
<div class="rounded-lg h-40 overflow-hidden">
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://lottie.host/d654362a-947f-4baa-a9a0-578ff142cbcf/YDlpQwTJBZ.json" background="transparent" speed="1" style="width: 100px; height: 100px;" autoplay></lottie-player>
</div>
<h2 class="text-xl font-medium title-font text-gray-900 mt-5">Organisasjons læring</h2>
<p class="text-base leading-relaxed mt-2">Kulturen og inkluderingskompetansen utvikles hos arbeidsgiver. Forståelse for at ulikhet er rettferdig blir realisert og blir en del av kulturen. Den interne opplæringen blir strukturert og satt i system.</p>
</div>
</div>
</div>
</section> <!-- ----------------status------------------ -->
<!-- <section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-wrap -m-4">
<div class="p-4 lg:w-1/2 md:w-1/3">
<div class="h-full bg-gray-100 bg-opacity-75 px-8 pt-16 pb-24 rounded-lg overflow-hidden text-center relative">
<h2 class="tracking-widest text-xs title-font font-medium text-gray-400 mb-1">STATUS</h2>
<h1 class="title-font sm:text-2xl text-xl font-medium text-gray-900 mb-3">NOVEMBER 2021</h1>
<ul>
<li class="">22 LEIDA kandidater </br> (hvorav 7 fra NAV)</li>
<li class="">0 i fast jobb</li>
<li class="">7 på NAV støtte</li>
<li class="">15 på lærekontrakt</li>
<li class=""> 25 ordinære lærlinger</li>
</ul>
<div class="text-center mt-2 leading-none flex justify-center absolute bottom-0 left-0 w-full py-4"> </div>
</div>
</div>
<div class="p-4 lg:w-1/2">
<div class="h-full bg-gray-100 bg-opacity-75 px-8 pt-16 pb-24 rounded-lg overflow-hidden text-center relative">
<h2 class="tracking-widest text-xs title-font font-medium text-gray-400 mb-1">STATUS</h2>
<h1 class="title-font sm:text-2xl text-xl font-medium text-gray-900 mb-3">OKTOBER 2022</h1>
<ul>
<li class="">21 LEIDA kandidater </br> (hvorav 7 fra NAV)</li>
<li class="">5 i fast jobb</li>
<li class="">0 på NAV støtte</li>
<li class="">16 på lærekontrakt</li>
<li class="">25 ordinære lærlinger</li>
<li class="">15 elever fra Laborant/Kjemiprosess faglinja</li>
</ul>
<div class="text-center mt-2 leading-none flex justify-center absolute bottom-0 left-0 w-full py-4"> </div>
</div>
</div>
</div>
</div>
</section> -->
<!-- ----------------status------------------ -->
<!-- content end -->
<!-- Foooter -->
<footer>
<section class="bg-primary">
<div class="max-w-screen-xl px-4 py-12 mx-auto space-y-8 overflow-hidden sm:px-6 lg:px-8">
<nav class="flex flex-wrap justify-center -mx-5 -my-2">
<!-- <div class="px-5 py-2"> <a href="#home" class="text-base leading-6 text-white hover:text-black"> Start </a> </div>
<div class="px-5 py-2"> <a href="#about" class="text-white leading-6 text-white hover:text-black"> Om Leida </a> </div>
<div class="px-5 py-2"> <a href="#team" class="text-white leading-6 text-white hover:text-black"> Møt teamet </a> </div>
<div class="px-5 py-2"> <a href="#" class="text-white leading-6 text-white hover:text-black"> Personvern </a> </div>
<div class="px-5 py-2"> <a href="#contact" class="textwhite leading-6 text-white hover:text-black"> Kontakt </a> </div> -->
</nav>
<div class="flex justify-center mt-8 space-x-6"> <a href="#" class="text-white hover:text-black"> <span class="sr-only">Facebook</span> <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
</svg> </a> <a href="#" class="text-white hover:text-black"> <span class="sr-only">Instagram</span> <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path>
</svg> </a> </div>
<p class="mt-8 text-base leading-6 text-center text-white"> © Leida 2022. </p>
</div>
</section>
</footer> <!-- ====== Footer Section End -->
<!-- ====== Back To Top Start --> <a href="javascript:void(0)" class="back-to-top fixed bottom-8 right-8 left-auto z-[999] hidden h-10 w-10 items-center justify-center rounded-md bg-primary text-white shadow-md transition duration-300 ease-in-out hover:bg-dark"> <span class="mt-[6px] h-3 w-3 rotate-45 border-t border-l border-white"></span> </a> <!-- ====== Back To Top End -->
<!-- ====== All Scripts -->
<script src="assets/js/main.js"></script>
<script>
// ==== for menu scroll
const pageLink = document.querySelectorAll(".ud-menu-scroll");
pageLink.forEach((elem) => {
elem.addEventListener("click", (e) => {
e.preventDefault();
document.querySelector(elem.getAttribute("href")).scrollIntoView({
behavior: "smooth",
offsetTop: 1 - 60,
});
});
});
// section menu active
function onScroll(event) {
const sections = document.querySelectorAll(".ud-menu-scroll");
const scrollPos =
window.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop;
for (let i = 0; i < sections.length; i++) {
const currLink = sections[i];
const val = currLink.getAttribute("href");
const refElement = document.querySelector(val);
const scrollTopMinus = scrollPos + 73;
if (
refElement.offsetTop <= scrollTopMinus &&
refElement.offsetTop + refElement.offsetHeight > scrollTopMinus
) {
document
.querySelector(".ud-menu-scroll")
.classList.remove("active");
currLink.classList.add("active");
} else {
currLink.classList.remove("active");
}
}
}
window.document.addEventListener("scroll", onScroll);
</script>
</body>
</html>