-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (110 loc) · 3.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Document</title>
</head>
<body>
<div class="container">
<aside class="sidebar">
<header class="sidebar__header">
<img
class="sidebar__photo"
src="images/avatar.jpg"
alt="Artem photo"
/>
<h2 class="sidebar__title">Contacts</h2>
</header>
<div class="information">
<ul class="information__section">
<li class="information__type">E-mail :</li>
<li class="information__data">dino.olimp@mail.ru</li>
</ul>
<ul class="information__section">
<li class="information__type">Discord :</li>
<li class="information__data">Dino19981</li>
</ul>
<ul class="information__section">
<li class="information__type">Telegram :</li>
<li class="information__data">
<a class="link" href="https://t.me/dino19981" target="_blank"
>@dino19981</a
>
</li>
</ul>
<ul class="information__section">
<li class="information__type">Github :</li>
<li class="information__data">
<a
class="link"
target="_blank"
href="https://github.com/dino19981"
>dino19981</a
>
</li>
</ul>
</div>
</aside>
<main class="main">
<header class="header">
<h1 class="header__titlte">Stepanov Artem Sergeevich</h1>
</header>
<div class="aboutme">
<h3 class="main__title">About me</h3>
<p class="main__text">
I am 23 years old, in January 2021 I decided to change jobs and
started learning programming, first I studied Html, css, then java
script according to the Learn js tutorial.
</p>
</div>
<div class="skills">
<h4 class="main__title">My skills</h4>
<ul>
<li class="skill">HTML5</li>
<li class="skill">CSS3</li>
<li class="skill">Java script</li>
<li class="skill" >Git</li>
<li class="skill">Vue.js</li>
<li class="skill">Photoshop</li>
<li class="skill">English (B2)</li>
</ul>
</div>
<div class="education">
<h4 class="main__title">Education</h4>
<p class="main__text">
In 2021 he graduated from the SamGUPS Institute, Faculty of Main
Transport.
</p>
</div>
<div class="code">
<h4 class="main__title">My code</h4>
<div class="code__wrapper">
<code class="code__text">function absentVowel(x){
let arr = ['a', 'e', 'i', 'o', 'u']
for (let i = 0; i < arr.length; i++) {
if (!x.includes(arr[i])) {
return i; }
}
}
</code>
</div>
</div>
</main>
</div>
<footer class="footer">
<a target="_blank" href="https://github.com/dino19981">
<img
src="images/GitHub-Mark-64px.png"
width="50"
alt="Link on my Github"
/></a>
<p class="footer__year">2021</p>
<a target="_blank" href="https://rs.school/js/">
<img src="images/rs_school_js.svg" width="100" alt="Link on RS school"
/></a>
</footer>
</body>
</html>