-
Notifications
You must be signed in to change notification settings - Fork 0
/
omtaler.html
139 lines (132 loc) · 12.7 KB
/
omtaler.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
<!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-1/2 block -translate-y-1/2 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-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"> 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-primary 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>
</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">Omtaler i pressen</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"> Sammen bygger vi en bedre fremtid. </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 -->
<!-- ====== Press feature start -->
<div class="h-screen flex flex-wrap my-32">
<div class="w-1/3 items-center justify-center ">
<!-- <h1 class="mb-8 text-3xl font-bold leading-snug text-black sm:text-4xl sm:leading-snug md:text-[45px] md:leading-snug" >Dagens Perspektiv</h1>
<p class="mx-auto mb-10 max-w-[600px] text-base text-black sm:text-lg sm:leading-relaxed md:text-xl md:leading-relaxed"> 4 November 2022</p> -->
<a href="https://app.retriever-info.com/go-article/05503020221104571ca39ce3e82e6bbd90bb951c8f2f7f/775437/monitor/search?type=jwt"> <img src="./assets/leida/Dagens-perspektiv.jpeg" alt="dagens-næringsliv"> </a>
</div>
<div class="w-1/3 items-center justify-center ">
<!-- <h1 class="mb-8 text-3xl font-bold leading-snug text-black sm:text-4xl sm:leading-snug md:text-[45px] md:leading-snug" >Dagens Perspektiv</h1>
<p class="mx-auto mb-10 max-w-[600px] text-base text-black sm:text-lg sm:leading-relaxed md:text-xl md:leading-relaxed"> 4 November 2022</p> -->
<a href="https://docs.google.com/document/d/1sXNadvzeRh-p8vbU8MPfOeYi_Sg8hCr2/edit?usp=sharing&ouid=108509807188331470405&rtpof=true&sd=true"> <img src="./assets/leida/Leida-1-jpeg.JPG" alt="krinikk"> </a>
</div>
<div class="w-1/3 items-center justify-center ">
<!-- <h1 class="mb-8 text-3xl font-bold leading-snug text-black sm:text-4xl sm:leading-snug md:text-[45px] md:leading-snug" >Dagens Perspektiv</h1>
<p class="mx-auto mb-10 max-w-[600px] text-base text-black sm:text-lg sm:leading-relaxed md:text-xl md:leading-relaxed"> 4 November 2022</p> -->
<a href="https://docs.google.com/document/d/1sXNadvzeRh-p8vbU8MPfOeYi_Sg8hCr2/edit?usp=sharing&ouid=108509807188331470405&rtpof=true&sd=true"> <img src="./assets/leida/Leida-2.jpeg" alt="krinikk"> </a>
</div>
</div>
<!-- ====== Press feature 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">
<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>