-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (71 loc) · 2.98 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
<!DOCTYPE html>
<html lang="de">
<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" />
<link rel="stylesheet" href="css/style.css" />
<script src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<title>Thomas' Portfolio</title>
</head>
<body>
<header>
<nav>
<ul>
<li>Startseite</li>
<a href="cv.html"><li>Lebenslauf</li></a>
<a href="projects.html"><li>Projekte</li></a>
<a href="contact.html"><li>Kontaktformular</li></a>
</ul>
</nav>
<h1>Willkommen</h1>
</header>
<main>
<article id="introduction">
<div class="avatar">
<img src="img/me.png" width="300" height="300" alt="Portrait of me." />
</div>
<div class="description">
<p>
Willkommen auf meinem Portfolio!
</p>
<p>
Hi, ich bin Thomas Le Duc und liebe es zu coden. Auf dieser Internetseite
möchte ich mich vorstellen und einen Überblick über meine bisherigen
Errungenschaften geben.
</p>
<p>
Ich bin <span id="my-age">unbekannt viele</span> Jahre jung und entwickle
Software schon mein halbes Leben lang. Geboren als Düsseldorfer verbringe
ich heutzutage mein Privatleben in der schönen Eifel bei meiner Frau und
Tochter. Sollte ich in meiner Freizeit nicht an meinem Computer sein, so
sind meine weiteren Hobbys Gitarre und Schach spielen. Bei schönem Wetter
genieße ich auch gerne eine Fahrradtour durch die Berge.
</p>
<p>
Viel Spaß beim Umschauen und ich freue mich auf neue
<a href="contact.html">Kontakte über das Formular</a>!
</p>
</div>
</article>
</main>
<footer>
<ul id="socialmedia">
<li>
<a href="#"><ion-icon name="logo-github"></ion-icon> Github</a>
</li>
<li>
<a href="#"><ion-icon name="logo-xing"></ion-icon> Xing</a>
</li>
<li>
<a href="#"><ion-icon name="logo-facebook"></ion-icon> Facebook</a>
</li>
</ul>
<ul id="disclaimer">
<li><a href="#">Datenschutz</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</footer>
<script src="js/scripts.js"></script>
</body>
</html>