-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (95 loc) · 4.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./css/fonts.css">
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/main-menu-bar.css">
<link rel="stylesheet" href="./css/char-hover-effect.css">
<link rel="stylesheet" href="./css/typewriter.css">
<link rel="stylesheet" href="./css/preloader.css">
<link rel="stylesheet" href="./css/editor-tab.css">
<link rel="stylesheet" href="./css/y-button.css">
<link rel="stylesheet" href="./css/cube-logo.css">
<title>Yevhen S. - Front-end Developer</title>
</head>
<body>
<div class="MenuBar">
<div id="idLoader" class="loader">
<div class="cube">
<div class="side side-red">
<table class="tableStyle sideStyleRed">
<tbody><tr><td></td></tr></tbody>
</table>
<div class="sideLabel">Y</div>
</div>
<div class="side side-orange">
<table class="tableStyle sideStyleOrange">
<tbody><tr><td></td></tr></tbody>
</table>
<div class="sideLabel">Y</div>
</div>
<div class="side side-white">
<table class="tableStyle sideStyleWhite">
<tbody><tr><td></td></tr></tbody>
</table>
<div class="sideLabel">Y</div>
</div>
<div class="side side-yellow">
<table class="tableStyle sideStyleYellow">
<tbody><tr><td></td></tr></tbody>
</table>
<div class="sideLabel">Y</div>
</div>
<div class="side side-green">
<table class="tableStyle sideStyleGreen">
<tbody><tr><td></td></tr></tbody>
</table>
<div class="sideLabel">Y</div>
</div>
<div class="side side-blue">
<table class="tableStyle sideStyleBlue">
<tbody><tr><td></td></tr></tbody>
</table>
<div class="sideLabel">Y</div>
</div>
</div>
</div>
<div class="indent"></div>
<a onclick="loadPage(0)" class="MenuBar__Button">
<svg class="MenuBarIcon" viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
<div class="ToolTip">Home</div>
</a>
<a onclick="loadPage(1)" class="MenuBar__Button">
<svg class="MenuBarIcon" viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm7-7H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-1.75 9c0 .23-.02.46-.05.68l1.48 1.16c.13.11.17.3.08.45l-1.4 2.42c-.09.15-.27.21-.43.15l-1.74-.7c-.36.28-.76.51-1.18.69l-.26 1.85c-.03.17-.18.3-.35.3h-2.8c-.17 0-.32-.13-.35-.29l-.26-1.85c-.43-.18-.82-.41-1.18-.69l-1.74.7c-.16.06-.34 0-.43-.15l-1.4-2.42c-.09-.15-.05-.34.08-.45l1.48-1.16c-.03-.23-.05-.46-.05-.69 0-.23.02-.46.05-.68l-1.48-1.16c-.13-.11-.17-.3-.08-.45l1.4-2.42c.09-.15.27-.21.43-.15l1.74.7c.36-.28.76-.51 1.18-.69l.26-1.85c.03-.17.18-.3.35-.3h2.8c.17 0 .32.13.35.29l.26 1.85c.43.18.82.41 1.18.69l1.74-.7c.16-.06.34 0 .43.15l1.4 2.42c.09.15.05.34-.08.45l-1.48 1.16c.03.23.05.46.05.69z"/>
</svg>
<div class="ToolTip">Skills</div>
</a>
<a onclick="loadPage(2)" class="MenuBar__Button">
<svg class="MenuBarIcon" viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M20 6h-3V4c0-1.11-.89-2-2-2H9c-1.11 0-2 .89-2 2v2H4c-1.11 0-2 .89-2 2v11c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zM9 4h6v2H9V4zm11 15H4v-2h16v2zm0-5H4V8h3v2h2V8h6v2h2V8h3v6z"/>
</svg>
<div class="ToolTip">Projects</div>
</a>
<a onclick="loadPage(3)" class="MenuBar__Button">
<svg class="MenuBarIcon" viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
<path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
<div class="ToolTip">Contact</div>
</a>
</div>
<iframe id="idFrameContent" class="FrameContent" src="./home.html" frameborder="0"></iframe>
<script src="./js/polyfill-classList.js"></script>
<script src="./js/main.js"></script>
<script src="./js/preloader.js"></script>
</body>
</html>