-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (121 loc) · 4.96 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
s<!DOCTYPE HTML>
<!--
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Lefteris Karakiritsis</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<span class="logo"><img src="images/logo.svg" alt="" /></span>
<h1>Lefteris Karakiritsis</h1>
<p><br>Programmer<br />
</p>
</header>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#intro" class="active">Introduction</a></li>
<li><a href="#first">First Section</a></li>
<li><a href="#second">Second Section</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Introduction -->
<section id="intro" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>I am a Game Development student attending at Staffordshire University.</h2>
</header>
<p>My skills include C++ programming language, C#, some visual basic knowledge, and can also work with Unity.</p>
<ul class="actions">
<li><a href="generic.html" class="button">Projects</a></li>
</ul>
</div>
<span class="image"><img src="images/pic01.jpg" alt="" /></span>
</div>
</section>
<!-- First Section -->
<section id="first" class="main special">
<header class="major">
<h2>Projects I've worked on.</h2>
</header>
<ul class="features">
<li>
<span class="image"><img src="images/pacman.png" alt =""></span>
<h3>Pacman Game.</h3>
<p>This is my projecet for Fundamental of Graphics Module.</p>
</li>
<li>
<span class="image"><img src ="images/mario.png"></span>
<h3>Endless Runner</h3>
<p>An endless runner game made in Unity.</p>
</li>
<li>
<span class="image"><img src = "images/WizardIdle1.png"></span>
<h3>Generic Quest</h3>
<p>This is an rpg I have made using Unity.</p>
</li>
</ul>
<footer class="major">
<ul class="actions special">
<li><a href="generic.html" class="button">Projects</a></li>
</ul>
</footer>
</section>
<!-- Second Section -->
<section id="second" class="main special">
<header class="major">
<h2>My story</h2>
<p>Before anything else, my history with gaming started when I was handed down an old gameboy that was
from my older siblings, at the age 4. Later on, thinking that I wanted to learn Programming with games
in mind I attented a vocal Senior High School, with a minor degrre at computer Science, and also won an a-
ward for best website developed by High School students. Moving forward a couple of years after High Sc-
hool, I decided to attend a course for Computer Games Development, at Staffordhire University, bringing
me where I am right now.
</p>
</header>
<p class="content">If my first name in the header is hard for you feel free to call me "Lef".</p>
<footer class="major">
</footer>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h2>Link to my projects</h2>
<p>Feel free to take a look</p>
</section>
<section>
<h2>Lefteris Karakiritsis</h2>
<ul class="icons">
<li><a href="https://twitter.com/lefk36" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/lefk36" class="icon brands fa-github"><span class ="label">Github</a></li>
<li><a href="https://www.linkedin.com/in/lefteris-karakiritsis/" class="icon brands fa-linkedin"></i> <span class = "label">Linkedin</span></a></li>
</ul>
</section>
<p class="copyright">© Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>