-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (117 loc) · 3.82 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
<!DOCTYPE html>
<html lang="en">
<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" />
<title>Devin Can Firat Portfolio</title>
<link rel="stylesheet" href="css/style.css" />
<script src="app.js"></script>
</head>
<body>
<!-- Arrows: https://freefrontend.com/css-arrows/ -->
<div class="content">
<div class="arrow arrow-up arrow-top">
<span></span>
</div>
<div class="arrow arrow-down arrow-bottom">
<span></span>
</div>
</div>
<div class="pimg1">
<div class="pphoto">
<img src="img/phddoto.png" class="pphoto" alt="artist" />
</div>
<div class="ptext">
<span class="border">
Devin-Can Firat
</span>
</div>
<div class="infotext">
<span class="border"
>19 year old student living in Darmstadt<br />
Studying Computer Science at TU-Darmstadt
</span>
</div>
<div class="anchor-1"></div>
</div>
<section class="section section-dark">
<h2>Projects</h2>
<br />
<div class="wrap">
<div id="slider">
<div class="slide slide1">
<div class="slide-content">
<span><br />Image One</span>
</div>
</div>
<div class="slide slide2">
<div class="slide-content">
<span><br />Image Two</span>
</div>
</div>
<div class="slide slide3">
<div class="slide-content">
<span><br />Image Three</span>
</div>
</div>
</div>
<div id="slide-arrow-left" class="slide-arrow"></div>
<div id="slide-arrow-right" class="slide-arrow"></div>
<div class="slider-selected-ball"></div>
<div class="slider-unselected-ball"></div>
<div class="slider-unselected-ball"></div>
</div>
<div class="anchor-2"></div>
<p id="projname"><u>Example Project</u></p>
<span id="projdesc">
<p>
<b>Project Description:</b> <br />This is the description for an
example project of mine!
</p>
</span>
<span id="projmot">
<p>
<b>Project Motivation:</b> <br />The motivation for this project was
to experiment with the project structure on the portfolio
</p>
</span>
<span id="projlang">
<p><b>Programming Languages:</b> <br />HTML<br />CSS<br />JavaScript</p>
</span>
<span id="projlibs">
<p><b>Libraries used:</b> <br />None</p>
</span>
<br /><br />
</section>
<div class="pimg2">
<div class="ptext">
<span class="border">
Experience
</span>
</div>
</div>
<section class="section section-light">
<h2>Experiences</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt,
laudantium, quibusdam? Nobis, delectus, commodi, fugit amet tempora
facere dolores nisi facilis consequatur, odio hic minima nostrum.
Perferendis eos earum praesentium, blanditiis sapiente labore aliquam
ipsa architecto vitae. Minima soluta temporibus voluptates inventore
commodi cumque esse suscipit optio aliquam et, dolorem a cupiditate
nihil fuga laboriosam fugiat placeat dignissimos! Unde eveniet placeat
quisquam blanditiis voluptatem doloremque fugiat dolor repellendus
ratione in.
</p>
</section>
<div class="pimg3">
<div class="ptext">
<span class="border">
Image Three Text
</span>
</div>
</div>
</body>
<footer></footer>
</html>