-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
68 lines (57 loc) · 2.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" href="favicon.png">
<title>Anne Sample | Farmer – Organic food producer</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://use.typekit.net/zjc3nag.css">
</head>
<body>
<section id="main_section">
<div class="img_container">
<img src="./img/profil.jpg" alt="">
</div>
<div class="text-container">
<header>
<h1>Anne Sample</h1>
<h2>Farmer <span class="sep">|</span> Organic food producer</h2>
</header>
<address>
<span class="nowrap"><img src="./img/icon-30-phone.svg" width="14" alt="telefonszám"> +36 20 123 4567 <span class="sep">|</span></span>
<span class="nowrap"><img src="./img/icon-30-email.svg" width="14" alt="email"> anne.sample<img src="./img/icon-30-email_at.svg" width="12" alt="email at">samplemail.com <span class="sep">|</span></span>
<span class="nowrap"><img src="./img/icon-30-location.svg" width="14" alt="location"><a target="_blank" href="https://maps.app.goo.gl/snDoyWiFv4bghKTy6"> Valencia, Orange street 200</a></span>
</address>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu viverra lacus, sed consequat orci. Duis sit amet sem non ex accumsan elementum. Sed congue, nulla vitae ultricies tempor, nulla tellus volutpat nunc, id ultrices felis neque sed felis.</p>
<p>Curabitur sit amet vulputate magna, non lobortis tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies in arcu sed molestie. Aliquam laoreet mi ac lorem luctus sollicitudin.</p>
<div class="highlight">
<h3 style="background-color: #caf7e7; padding-left: 16px;">Current offer:</h3>
<ul class="bullets">
<li>Curabitur</li>
<li>Consectetur adipiscing</li>
<li>Maecenas eu viverra</li>
<li>Ultrices felis</li>
<li>Lorem luctus</li>
<li>Tellus volutpat </li>
</ul>
<p><em>Curabitur sit amet vulputate magna, non lobortis tortor lorem ipsum.</em></p>
</div>
<div id="icons">
<ul>
<li><a href="https://instagram.com/"><img src="./img/icon-instagram.svg" width="36" alt="Instagram" title="Instagram"></a></li>
<li><a href="https://facebook.com/"><img src="./img/icon-facebook.svg" width="36" alt="Facebook" title="Facebook"></a></li>
<li><a href="https://pinterest.com/"><img src="./img/icon-pinterest.svg" width="36" alt="Pinterest" title="Pinterest"></a></li>
<li><a href="https://youtube.com/"><img src="./img/icon-youtube.svg" width="36" alt="YouTube" title="YouTube"></a></li>
</ul>
</div>
</div>
</section>
<footer>
<p>Copyright © 2023</p>
<p>This website <strong>doesn't</strong> use cookies.</p>
</footer>
</body>
</html>