-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
93 lines (90 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>John Doe Portofolio</title>
<link href='https://fonts.googleapis.com/css?family=Ubuntu&subset=greek,latin' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css"
href="css/theme.css" >
</head>
<body>
<nav>
<ul>
<li><a href="#intro">About</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#projects">Projects</a></li>
</ul>
</nav>
<div id="container">
<div id="intro">
<img alt="profile-pic"
src="img/john-doe.jpg" />
<h1>John Doe</h1>
<h3>PHP Developer</h3>
<p>
This is the place for a small bio. Say who you are what you like to do why you do whatever you are doing and what you have done so far. Also include any information on any related events you have attended.
</p>
</div><!-- intro -->
<div id="education">
<h1>Education</h1>
<ul>
<li><span>2011 - 2016</span>: Bachelor in Computer Engineering, University of Applied Sciences of Central Greece</li>
<li><span>2004 - 2010</span>: High School of Some Town</li>
</ul>
</div>
<div id="skills">
<h1>Skills</h1>
<ul>
<li>PHP</li>
<li>C</li>
<li>Node.js</li>
<li>HTML</li>
<li>CSS</li>
</ul>
</div>
<div id="experience">
<h1>Experience</h1>
<ul >
<li>
<span>2014 - 2015</span>: ACME Corp, Explosives Specialist
</li>
<li>
<span>2012 - 2014</span>: Riot Games, Head of champion balance team
</li>
<li>
<span>2011 - 2012</span>: Evil Corp, Money launder
</li>
</ul>
</div><!-- experience -->
<div id="projects">
<h1>Projects</h1>
<ul >
<li>
<span>2014 - 2015</span>: <a href="img/project1.jpg">Road Runner TNT trap</a>.
</li>
<li>
<span>2012 - 2014</span>: <a href="./img/project2.jpg" target="_blank">Irelia nerfs!</a>
</li>
<li>
<span>2011 - 2012</span>: <a href="./img/project3.jpg" target="_blank">Virtual money laundering machine</a>
</li>
</ul>
</div><!-- projects -->
</div>
<footer>
<ul>
<li><a href="mailto:[email protected]"><i class="fa fa-envelope fa-2x"></i></a></li>
<li><a href="https://github.com/DecisionSystemsGroup" target="_blank"><i class="fa fa-github fa-2x"></i></a></li>
<li><a href="https://www.facebook.com/dsg.teiste/" target="_blank"><i class="fa fa-facebook-official fa-2x"></i></a></li>
<li><a href="twitter.com" target="_blank"><i class="fa fa-twitter-square fa-2x"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCb4w_1fp8ef-eka0wJ1--Ow" target="_blank"><i class="fa fa-youtube fa-2x"></i></a></li>
</ul>
</footer>
<div id="back-to-top">
<a href="#"><i class="fa fa-arrow-up fa-2x"></i></a>
</div><!-- back-to-top -->
</body>
</html>