-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofile.html
135 lines (133 loc) · 7.95 KB
/
profile.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
<!DOCTYPE html>
<html lang="en" class=" js no-touch">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>/home/dmitry</title>
<meta name="author" content="Shitov Dmitry">
<meta name="description" content="My personal website">
<title>/home/dmitry/profile</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/style.min.css">
<link rel="stylesheet" href="css/fontawesome.min.css">
<link rel="stylesheet" href="css/css.css" type="text/css">
<link rel="apple-touch-icon" sizes="144x144" href="img/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" href="img/favicons/apple-touch-icon.png">
<link rel="shortcut icon" href="img/favicons/favicon.png">
</head>
<body>
<div class="animationload" style="display: none;">
<div class="loader" style="display: none;"></div>
</div>
<div id="wraper">
<header class="head">
<div class="container">
<div class="row">
<div class="col-xs-8 col-sm-11 col-lg-11">
<img class="logo-page" src="img/menu_small/profile.png" alt="Profile">
<h2 class="title">Profile</h2>
<h4 class="sub-title">A Brief About Me</h4>
</div>
<div class="col-xs-4 col-sm-1 col-lg-1 text-right"><a href="index.html" class="btn-close hover-animate"></a></div>
</div>
</div>
</header>
<section class="content border-bottom padding-block">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-lg-7 padding-bottom">
<h3 class="title">Hello, I am a full-stack developer</h3>
<p> Over the past few years I had the opportunity to participate in various projects, learn different technologies. </p>
<p> I am always open to gaining new skills and the more I learn the more I am able to see that I still have many things ahead. I am developing my own projects, most of them are Open Source.</p>
<p>Most of my time I spend on web development. In addition to web technologies, I work on electronic devices, including circuit design and writing firmware for microcontrollers. I enjoy working in the convergence of technologies and creating non-trivial, quality products. I like dealing with non-standard tasks.</p>
</div>
<div class="col-xs-12 col-sm-12 col-lg-5">
<div class="block-grey">
<table>
<tbody>
<tr>
<td class="font-weight-m">Name</td>
<td class="text-right">Shitov Dmitry</td>
</tr>
<tr>
<td class="font-weight-m">Date of birth</td>
<td class="text-right">12-04-1997</td>
</tr>
<tr>
<td class="font-weight-m">E-mail</td>
<td class="text-right"><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td class="font-weight-m">Website</td>
<td class="text-right"><a href="https://shitovdm.github.io">shitovdm.github.io</a></td>
</tr>
<tr>
<td colspan="2" class="font-weight-m"><i class="fa fa-circle red-marker" aria-hidden="false"></i>Hired</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
<section class="info border-bottom padding-block text-center">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-lg-12">
<h3 class="title">Hobbies & Interest</h3>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-lg-12">
<div class="circle-block"><span class="icon hover-animate"><i class="fa fa-headphones"></i></span><span class="name hover-animate">Music</span></div>
<div class="circle-block"><span class="icon hover-animate"><i class="fa fa-code"></i></span><span class="name hover-animate">Coding</span></div>
<div class="circle-block"><span class="icon hover-animate"><i class="fa fa-microchip"></i></span><span class="name hover-animate">Electronic</span></div>
<div class="circle-block"><span class="icon hover-animate"><i class="fa fa-cubes"></i></span><span class="name hover-animate">3D modeling</span></div>
<div class="circle-block "><span class="icon hover-animate"><i class="fa fa-book"></i></span><span class="name hover-animate">Books</span></div>
<div class="circle-block"><span class="icon hover-animate"><i class="fa fa-university"></i></span><span class="name hover-animate">Learning</span></div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-3"><a href="mailto:[email protected]" class="hover-animate"><span class="ukie-icons hover-animate"><i class="fa fa-paper-plane"></i></span>[email protected] </a></div>
<div class="col-xs-12 col-sm-6 col-lg-3"></div>
<div class="col-xs-12 col-sm-6 col-lg-3"></div>
<div class="col-xs-12 col-sm-6 col-lg-3 text-right"><span class="copyright">Copyright © 2020 All right reserved</span></div>
</div>
</div>
</footer>
</div>
<a href="profile.html/#" class="btn hover-animate scrollToTop"><i class="fa fa-angle-up"></i></a>
<script src="js/app.js"></script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter49065569 = new Ya.Metrika({
id:49065569,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/49065569" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</body>
</html>