-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
197 lines (189 loc) · 12.8 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
<!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">
<title>IEN | HOME</title>
<link rel="stylesheet" href="external/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/global.css">
<link rel="shortcut icon" href="#" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="images/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/icons/favicon-16x16.png">
<link rel="manifest" href="images/icons/site.webmanifest">
<script defer src="https://app.tinyanalytics.io/pixel/i3gpzcD3ARArLxHM"></script>
</head>
<body>
<div id="back-to-top">
<svg viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Dribbble-Light-Preview" transform="translate(-100.000000, -6639.000000)" fill="#000000">
<g id="icons" transform="translate(56.000000, 160.000000)">
<path d="M44,6489 L45.393,6490.435 L53,6482.828 L53,6499 L55,6499 L55,6482.828 L62.586,6490.414 L64,6489 C60.339,6485.339 57.504,6482.504 54,6479 C50.034,6482.966 52.834,6480.166 44,6489"></path>
</g>
</g>
</g>
</svg>
</div>
<div id="settings">
<div id="settings-button" onmousedown="dropdownToggle()">
<svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve">
<g>
<path d="M496,293.984c9.031-0.703,16-8.25,16-17.297v-41.375c0-9.063-6.969-16.594-16-17.313l-54.828-4.281
c-3.484-0.266-6.484-2.453-7.828-5.688l-18.031-43.516c-1.344-3.219-0.781-6.906,1.5-9.547l35.75-41.813
c5.875-6.891,5.5-17.141-0.922-23.547l-29.25-29.25c-6.406-6.406-16.672-6.813-23.547-0.922l-41.813,35.75
c-2.641,2.266-6.344,2.844-9.547,1.516l-43.531-18.047c-3.219-1.328-5.422-4.375-5.703-7.828l-4.266-54.813
C293.281,6.969,285.75,0,276.688,0h-41.375c-9.063,0-16.594,6.969-17.297,16.016l-4.281,54.813c-0.266,3.469-2.469,6.5-5.688,7.828
l-43.531,18.047c-3.219,1.328-6.906,0.75-9.563-1.516l-41.797-35.75c-6.875-5.891-17.125-5.484-23.547,0.922l-29.25,29.25
c-6.406,6.406-6.797,16.656-0.922,23.547l35.75,41.813c2.25,2.641,2.844,6.328,1.5,9.547l-18.031,43.516
c-1.313,3.234-4.359,5.422-7.813,5.688L16,218c-9.031,0.719-16,8.25-16,17.313v41.359c0,9.063,6.969,16.609,16,17.313l54.844,4.266
c3.453,0.281,6.5,2.484,7.813,5.703l18.031,43.516c1.344,3.219,0.75,6.922-1.5,9.563l-35.75,41.813
c-5.875,6.875-5.484,17.125,0.922,23.547l29.25,29.25c6.422,6.406,16.672,6.797,23.547,0.906l41.797-35.75
c2.656-2.25,6.344-2.844,9.563-1.5l43.531,18.031c3.219,1.344,5.422,4.359,5.688,7.844l4.281,54.813
c0.703,9.031,8.234,16.016,17.297,16.016h41.375c9.063,0,16.594-6.984,17.297-16.016l4.266-54.813
c0.281-3.484,2.484-6.5,5.703-7.844l43.531-18.031c3.203-1.344,6.922-0.75,9.547,1.5l41.813,35.75
c6.875,5.891,17.141,5.5,23.547-0.906l29.25-29.25c6.422-6.422,6.797-16.672,0.922-23.547l-35.75-41.813
c-2.25-2.641-2.844-6.344-1.5-9.563l18.031-43.516c1.344-3.219,4.344-5.422,7.828-5.703L496,293.984z M256,342.516
c-23.109,0-44.844-9-61.188-25.328c-16.344-16.359-25.344-38.078-25.344-61.203c0-23.109,9-44.844,25.344-61.172
c16.344-16.359,38.078-25.344,61.188-25.344c23.125,0,44.844,8.984,61.188,25.344c16.344,16.328,25.344,38.063,25.344,61.172
c0,23.125-9,44.844-25.344,61.203C300.844,333.516,279.125,342.516,256,342.516z"/>
</g>
</svg>
</div>
<ul>
<li>
<h2>Darkmode</h2>
<div id="darkButton" onmousedown="darkToggle();"></div>
</li>
</ul>
</div>
<nav class="sticky-top navbar navbar-expand-lg d-flex flex-column align-items-start p-0">
<div class="container-fluid d-flex flex-column align-items-start p-0 z-2">
<div class="upper-nav">
<div class="d-flex navbar-brand align-items-end">
<a class="" href="index.html" style="width:60px; padding: .4em;">
<img id="brand-logo" src="images/logos/LOGOV4_Black.svg" alt="Logo" style="object-fit: cover;">
</a>
<div class="logo-text">Infinite Energy News</div>
</div>
</div>
<div id="lower-nav" class="bg-secondary">
<ul class="nav-item-parent m-0 mb-lg-0 h-100">
<li class="nav-item h-100">
<a class="nav-link active h-100" aria-current="page" href="index.html"><span>Home</span></a>
</li>
<li class="nav-item h-100">
<a class="nav-link h-100" href="about.html"><span>About</span></a>
</li>
</ul>
<form id="search-form" class="d-flex search" role="search" onclick="addActive(this);">
<input id="search-bar" class="border-0" type="search" placeholder="Search" aria-label="Search" required>
<button id="search-button" class="btn" type="button" onclick="search()">
<svg class="" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.9 19.7"><g class="search-path" fill="none" stroke="#848F91"><path stroke-linecap="square" d="M18.5 18.3l-5.4-5.4"/><circle cx="8" cy="8" r="7"/></g></svg>
</button>
</form>
<button class="search-button btn" id="search-button-lower" type="button" onclick="toggleSearchPanel()">
<svg class="" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.9 19.7"><g class="search-path" fill="none" stroke="#848F91"><path stroke-linecap="square" d="M18.5 18.3l-5.4-5.4"/><circle cx="8" cy="8" r="7"/></g></svg>
</button>
</div>
<div id="search-lower-panel" class="align-items-center justify-content-center">
<form id="search-form-panel-lower" class="d-flex" role="search" onclick="addActive(this);">
<input id="search-bar-panel-lower" class="border-0" type="search" placeholder="Search" aria-label="Search" required>
<button id="search-button-panel-lower" class="btn search-button ml-2" type="button" onclick="searchLower()">
<svg class="" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.9 19.7"><g class="search-path" fill="none" stroke="#848F91"><path stroke-linecap="square" d="M18.5 18.3l-5.4-5.4"/><circle cx="8" cy="8" r="7"/></g></svg>
</button>
</form>
</div>
</div>
</nav>
<div class="container-fluid p-0">
<div class="col-12 startup justify-content-center d-flex align-items-center position-relative top-0">
<div class="front-page"></div>
<h1 class="company">Infinite Energy News</h1>
</div>
</div>
<div class="container-fluid p-0 main-content">
<div class="row pt-4">
<h2 class="mx-auto mt-4 mb-1 fs-1" style="width: 85%;">Check out these articles:</h2>
</div>
<div class="row related pb-5">
<div class="col-xl-6 col-md-12 col-12 p-4 overflow-hidden">
<a class="related-article" href="html/solar_energy.html">
<div class="cover">
<img src="images/solar_energy.jpg" alt="">
</div>
<div class="info p-1 pl-3">
<h3>Solar energy</h3>
<p>Powering the World with Clean, Renewable Sunlight</p>
</div>
</a>
</div>
<div class="col-xl-6 col-md-12 col-12 p-4 overflow-hidden">
<a class="related-article" href="html/hydro_power.html">
<div class="cover">
<img src="images/hydro_power.jpg" alt="">
</div>
<div class="info p-1 pl-3">
<h3>Hydropower</h3>
<p>Harnesses flowing water to generate clean, renewable hydroelectricity.</p>
</div>
</a>
</div>
<div class="col-xl-6 col-md-12 col-12 p-4 overflow-hidden">
<a class="related-article" href="html/wave_power.html">
<div class="cover">
<img src="images/wave_power.jpg" alt="">
</div>
<div class="info p-1 pl-3">
<h3>Wave power</h3>
<p>Harnesses ocean waves to generate clean, renewable, and abundant electricity.</p>
</div>
</a>
</div>
<div class="col-xl-6 col-md-12 col-12 p-4 overflow-hidden">
<a class="related-article" href="html/wind_power.html">
<div class="cover">
<img src="images/wind_power.jpg" alt="">
</div>
<div class="info p-1 pl-3">
<h3>Wind power</h3>
<p>Utilizes natural wind resources to generate clean, renewable electricity.</p>
</div>
</a>
</div>
</div>
</div>
<footer class="container-fluid position-relative">
<div class="row p-3 mx-auto">
<div class="col-0 col-md-6 col-lg-3">
<h2>Contact</h2>
<ul class="m-0 pl-3">
<li><div>Wieselgrensplatsen 13</div></li>
<li><div>070-5080635</div></li>
<li><div>business.serious@gmail.se</div></li>
</ul>
</div>
<div class="col-0 col-md-6 col-lg-3">
<h2>Social</h2>
<ul class="m-0 pl-3">
<li><a href="https://www.instagram.com/" class="social-links">INSTAGRAM<div class=""><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg></div></a></li>
<li><a href="https://www.youtube.com/" class="social-links">YOUTUBE<div class=""><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg></div></a></li>
<li><a href="https://sv-se.facebook.com/" class="social-links">FACEBOOK<div class=""><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></div></a></li>
</ul>
</div>
<div class="col-0 col-md-6 col-lg-3">
<h2>Infinte Energy News</h2>
<p class="pl-3">
A company committed to raising environmental awareness and promoting sustainability for a greener future.
</p>
</div>
<div class="col-0 col-md-6 col-lg-3 tcstenungsund">
<img src="https://app.tcstenungsund.se/themes/tcapp/images/tc-s-trans.svg" alt="" class="">
</div>
</div>
</footer>
<script src="scripts/script.js"></script>
</body>
</html>