-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
51 lines (43 loc) · 2.44 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
<!DOCTYPE html>
<html lang="en">
<head>
<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>Anna Sample | Children's Book Illustrator – Freelancer</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="container">
<header>
<img src="./img/portre.jpg" alt="">
<h1>Anna Sample</h1>
<h2>Children's Book Illustrator <span class="sep">|</span> Freelancer</h2>
</header>
<address>
<span class="nowrap"><img src="./img/icon-30-email.svg" width="18" alt="email"> anna.sample<img src="./img/icon-30-email_at.svg" width="16" alt="email at">samplemail.com </span><br>
<span class="nowrap"><img src="./img/icon-30-phone.svg" width="18" alt="telefonszám"> +36 20 123 4567 </span><br>
<span class="nowrap"><img src="./img/icon-30-location.svg" width="18" alt="location">Budapest</span>
</address>
<div id="icons">
<ul>
<li><a href="https://arthungry.com/"><img src="./img/icon-arthungry.svg" width="36" alt="Arthungry" title="ArtHungry | A hazai kreatív közösség."></a></li>
<li><a href="https://www.behance.net/"><img src="./img/icon-behance.svg" width="36" alt="Behance" title="Behance | Photos, videos, logos, illustrations and branding"></a></li>
<li><a href="https://dribbble.com/"><img src="./img/icon-dribbble.svg" width="36" alt="Dribbble" title="Dribbble | Discover the World’s Top Designers & Creative Professionals"></a></li>
<li><a href="https://instagram.com/"><img src="./img/icon-instagram.svg" width="36" alt="Instagram" title="Instagram"></a></li>
<li><a href="https://linkedin.com/"><img src="./img/icon-linkedin.svg" width="36" alt="Linkedin" title="LinkedIn"></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://twitter.com/"><img src="./img/icon-twitter-x.svg" width="36" alt="Twitter (X)" title="Twitter (X)"></a></li>
</ul>
</div>
</div>
</section>
<footer>
<p>Copyright © 2023</p>
<p>This website <strong>doesn't</strong> use cookies.</p>
</footer>
</body>
</html>