-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (74 loc) · 3.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VLE Ülesanne 2 retseptiraamat</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="pealkiri">
<h1>COOKBOOK</h1>
<h2>EESTI MAITSVAIM RETSEPTIVEEB</h2>
</div>
<hr>
<nav>
<ul>
<li><a href="#">RETSEPTID</a></li>
<li><a href="#">VÕTA ÜHENDUST</a></li>
</ul>
</nav>
<section class="banner"></section>
</header>
<main>
<h3>MEIST</h3>
<section class="meist">
<div class="text">
<p>
Cras consectetur metus nec ultrices sagittis. Quisque pulvinar enim nisl, id molestie nibh rutrum sit amet. Pellentesque accumsan felis id massa ultrices, quis dignissim urna luctus. Nullam lorem nunc, volutpat sed iaculis suscipit, consequat sed orci. Nam et dui erat. Sed vel tempor massa. Phasellus pellentesque suscipit ipsum, in condimentum felis dapibus luctus. Ut placerat, purus facilisis sagittis bibendum, orci mi tempor urna, vitae placerat ipsum dui id justo. Maecenas quis magna eu lectus cursus consectetur. Sed at luctus purus, molestie blandit augue. Integer accumsan tortor tincidunt lacus maximus, vel ultrices ipsum gravida. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer volutpat justo vitae sem accumsan, non suscipit dui consectetur.
</p>
</div>
<div class="image">
<a href="#" class="kokad">
<div class="container">
<img src="images/kokad.jpg" alt="kokad"/>
</div>
</a>
</div>
</section>
<h4>RETSEPTID</h4>
<section class="koogid">
<a href="#" class="toidupildid">
<div class="container">
<img src="images/eesti.jpg" alt="EESTI KÖÖK"/>
<p class="post-header">EESTI KÖÖK</p>
</div>
</a>
<a href="#" class="toidupildid">
<div class="container">
<img src="images/aasia.jpg" alt="AASIA KÖÖK"/>
<p class="post-header">AASIA KÖÖK</p>
</div>
</a>
<a href="#" class="toidupildid">
<div class="container">
<img src="images/itaalia.jpg" alt="ITAALIA KÖÖK"/>
<p class="post-header">ITAALIA KÖÖK</p>
</div>
</a>
</section>
</main>
<footer>
<ul class="alumine_osa">
<li><p>© 10.09.2024</p></li>
<li><p>tel: 54541010</p></li>
<li><p>@ [email protected]</p></li>
</ul>
<div class="sotsmeedia">
<a href="https://www.instagram.com/"><img src="images/instagram.png" alt="instagram" /></a>
<a href="https://www.X.com/"><img src="images/X.jpg" alt="X" /></a>
</div>
</footer>
</body>
</html>