-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (88 loc) · 3.85 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="./assets/reset.css">
<link rel="stylesheet" type="text/css" href="./assets/style.css">
<title>Savvas Sidiropoulos</title>
</head>
<body>
<header title="header">
<h1>Savvas Sidiropoulos</h1>
<img class="img1" src="./assets\IMG-3342.jpg">
<nav>
<ul>
<li><a href="#AboutMe">About Me</a></li>
<li><a href="#work">Work</a></li>
<li> <a href="https://github.com/Sidiro23" target="_blank">Git Hub</a></li>
<li> <a href="assets\Savvas Sidiropoulos.pdf" target="_blank">Resume</a></li>
<li><a href="#ContactMe">Contact Me</a></li>
</ul>
</nav>
</header>
<div >
<h1 class="subtitle" >Portfolio</h1>
</div>
<main>
<section id="AboutMe" class="section" title="AboutMe">
<div>
<h2 class="headings" >About Me</h2>
</div>
<div class="text" >
<p>
Sed placerat maximus ante nec facilisis. In non convallis ante. Sed vitae bibendum quam. Curabitur quam enim, semper at magna nec, scelerisque placerat mi. Donec feugiat, risus quis ultrices ultricies, leo odio varius justo, id ullamcorper nibh quam in neque. Sed in augue nec leo fringilla porta. In pharetra augue ut elit dictum suscipit.
</p>
<br>
<p>
Curabitur luctus mi turpis, ac eleifend metus mattis quis. Nunc bibendum lorem felis, quis vulputate augue tempor sit amet. Duis ut eros ac dolor consectetur efficitur vel congue magna. Nunc maximus nulla non neque aliquet, quis aliquet est blandit. Aliquam erat volutpat. Proin consequat nulla non augue vulputate, in lacinia nisl consequat.
</p>
</div>
</section>
<section id="work" class="section" title="Work" >
<div class="border">
<h2 class="headings">Work</h2>
</div>
<div>
<div class="combine">
<div class="worksection" >
<a href="https://sidiro23.github.io/02-Challenge/" target="_blank"><img class="pic" src="./assets\pic2.webp" alt="Work" ></a>
<h3 class="text1">
Project#1
Horiseon Website
</h3>
</div>
<div class="example" >
<img class="pic2" src="./assets\pic1.webp" alt="Work">
<h3 class="text2">
Coming Soon
</h3>
<img class="pic2" src="./assets\pic1.webp" alt="Work">
<h3 class="text3" >
Coming Soon
</h3>
<img class="pic2" src="./assets\pic1.webp" alt="Work">
<h3 class="text4">
Coming Soon
</h3>
<img class="pic2" src="./assets\pic1.webp" alt="Work">
<h3 class="text5">
Coming Soon
</h3>
</div>
</div>
</section>
<section>
<div id=ContactMe class="section" title="Contact Me">
<h2 class="headings1">Contact Me</h2>
<a class="contact-link" href="mailto:[email protected]" >Email</a>
<a class="contact-link" href="https://github.com/Sidiro23" target="_blank" >Github</a>
<a class="contact-link" href="https://www.linkedin.com/in/savvas-sidiropoulos-71560211"
target="_blank">LinkedIn</a>
</div>
</section>
</main>
<footer title="footer">
<h2 class="footer1">2022 Created by Savvas Sidiropoulos </h2>
</footer>
</body>