-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_nocss.html
63 lines (58 loc) · 3.82 KB
/
index_nocss.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
<!DOCTYPE html>
<html lang="fi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Aurinko Oy</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<div id="asettelu">
<header>
<img src="kuvat/aurinko.svg" alt="Aurinko Logo">
<h1><a href="#">Aurinko Oy</a></h1>
<nav>
<a href="#">Etusivu</a>
<a href="#">Yritys</a>
<a href="#">Tuotteet</a>
<a href="#">Yhteystiedot</a>
</nav>
</header>
<img id="banneri" src="kuvat/ylabanneri.jpg" alt="Maisema">
<article class="clearfix">
<h2>Lorem Ipsum</h2>
<div id="vasen">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed convallis dui et sollicitudin ornare. Proin ut ante euismod, placerat leo quis, aliquet neque. Nullam commodo leo vulputate ante vulputate tempus. Nullam id massa ornare, posuere enim in, blandit est. Etiam neque magna, consequat ut ipsum pulvinar, luctus mattis est. Nulla sed elementum odio, ut accumsan ex. Donec viverra turpis lectus, nec rutrum augue blandit eu. Maecenas accumsan ullamcorper turpis, in interdum purus gravida in. Suspendisse nec enim lacinia, molestie enim at, tincidunt nulla.</p>
<p>Sed in metus vitae tellus efficitur commodo non ac dolor. Phasellus leo orci, bibendum a tempus quis, pharetra sit amet lorem. Suspendisse dignissim tellus ligula, quis pharetra ante aliquet eget. Morbi gravida interdum nisl, scelerisque egestas urna tempor ac. Nunc mi urna, scelerisque sit amet molestie eget, tristique eu odio. Sed mattis sem sed massa viverra, eu vulputate erat commodo. Suspendisse venenatis mattis porta. Vestibulum interdum nisi aliquam velit semper gravida.</p>
<p>Proin eget dictum sapien, id porttitor odio. In hac habitasse platea dictumst. Etiam viverra, urna in aliquet vulputate, purus turpis sollicitudin mi, id vulputate purus sem sed quam. Quisque posuere purus vel pharetra feugiat. Mauris at arcu augue. Curabitur pretium dictum vestibulum. Vestibulum nec orci sit amet neque molestie dapibus. Fusce in libero suscipit, bibendum mi at, iaculis felis. Cras pulvinar sem quam, eget dignissim arcu faucibus quis. Aenean in viverra dolor. Mauris nec enim non massa ornare placerat. Proin mattis sem enim, a condimentum enim hendrerit non. Quisque in nunc at ex tincidunt volutpat in vel eros.</p>
</div>
<div id="oikea">
<img src="kuvat/kuva1.jpg" alt="">
<img src="kuvat/kuva2.jpg" alt="">
<img src="kuvat/kuva3.jpg" alt="">
</div>
</article>
<footer class="clearfix">
<div id="alavasen">
<p>Huuhaakatu 5. 00380. Helsinki<br>Tel. +358(0) 12 345 6789<br>Ma 10:30 - 19:00<br>Ti - Pe 16:00 - 24:00<br>Lauantai 18:00 - 24:00</p>
</div>
<div id="alakeski"><p>Ajankohtaista</p></div>
<div id="alaoikea">
<a href="https://www.facebook.com" target="_blank">
<img src="kuvat/facebook.svg" alt="Facebook logo">
</a>
<a href="https:/linkedin.com" target="_blank">
<img src="kuvat/linkedin.svg" alt="LinkedIn logo">
</a>
<a href="https://twitter.com" target="_blank">
<img src="kuvat/twitter.svg" alt="Twitter logo">
</a>
<a href="https://youtube.fi" target="_blank">
<img src="kuvat/youtube.svg" alt="youtube logo">
</a>
</div>
</footer>
</div>
</body>
</html>