-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
249 lines (249 loc) · 23 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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nerko+One&display=swap" rel="stylesheet">
<link rel="shortcut icon" type="image/ico" href="img/log.ico"/>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/scss" href="style.scss">
<title>Ivan Arsenev | Portfolio | 1920x1080</title>
</head>
<div id="start"></div>
<body class="bd" style="overflow-x: hidden;">
<svg id="mySVG">
<!-- ВЕРХ -->
<path stroke="black" id="svga" stroke-width="3" d="M 1920.0056,0.00446498 C 1833.4328,62.228256 1746.8599,124.45213 1690.3736,181.96355 c -56.4863,57.51142 -82.8844,110.30766 -76.2837,156.50598 6.6006,46.19832 46.1978,85.79552 75.8963,125.39401 29.6985,39.59848 49.4971,79.19567 49.0251,115.96512 -0.472,36.76945 -21.2134,70.70986 -60.8116,98.52271 -39.5982,27.81285 -98.0512,49.49702 -192.3333,71.65328 -94.2821,22.15627 -224.3871,44.78322 -301.6978,59.3968 -77.3106,14.61359 -101.8231,21.21311 -120.2084,31.11284 -18.3853,9.89974 -30.6415,23.09883 -38.6555,41.48423 -8.0139,18.3854 -11.7851,41.95516 -2.8276,57.03994 8.9576,15.08477 30.6418,21.68431 51.855,23.09823 21.2132,1.41393 41.9546,-2.35724 55.6249,-11.31377 13.6703,-8.95654 20.2698,-23.09838 22.1557,-35.35463 1.8858,-12.25626 -0.9425,-22.62695 -14.6131,-31.11273 -13.6705,-8.48577 -38.1831,-15.08532 -70.7105,-18.3853 -32.5274,-3.29999 -73.06738,-3.29999 -111.72297,-1.41438 -38.65559,1.88561 -75.42441,5.65677 -115.49435,14.14213 -40.06994,8.48537 -83.43829,21.68443 -106.11277,38.17966 -22.67447,16.49523 -24.4667,34.41754 -4.66667,48.55946 19.80003,14.14191 61.2828,23.56981 132.46584,32.05508 71.18305,8.48529 172.06162,16.02759 254.55802,22.15589 82.4965,6.1283 146.6062,10.8422 188.09,15.085 41.4839,4.2427 60.3397,8.0139 90.9814,14.1422 30.6417,6.1284 73.0673,14.6135 104.6515,26.8705 31.5843,12.257 52.3257,28.2844 73.0664,44.3113"/>
<path stroke="black" id="svgb" stroke-width="3" d="m 1572.6055,1120.0571 c 40.7022,31.602 71.3239,75.9925 86.4109,125.2646 15.0869,49.2721 14.5692,103.1974 -1.4611,152.1707 -16.0303,48.9734 -47.4987,92.7677 -88.8002,123.5824 -41.3015,30.8147 -92.2445,48.5068 -143.7551,49.9252 -14.7195,0.4053 -29.4913,-0.4849 -44,-3 -10.5265,-1.8248 -19.8443,-4.3705 -30.7127,-8.1325 -37.4397,-11.9317 -73.6192,-23.2004 -138.3422,-22.9853 -64.723,0.215 -157.5013,12.3123 -197.7621,32.975 -40.26083,20.6627 -28.00425,49.8899 -6.3191,64.5029 21.6852,14.6129 52.7973,14.6129 77.7813,-3.3007 24.9841,-17.9135 43.8394,-53.7387 3.2164,-61.2589 -40.623,-7.5202 -140.72128,13.2664 -226.21779,26.8564 -85.49652,13.59 -155.92556,19.9981 -227.04668,26.3828 -61.81277,3.3629 -121.85519,29.8748 -165.83324,73.1145 -43.97804,43.2397 -71.50261,102.8247 -75.91541,164.3411 -4.41279,61.5164 14.32523,124.42 51.68127,173.4941 37.35604,49.0741 92.99959,83.8846 153.47025,96.0106 16.4493,3.2985 33.1256,4.972 50.01562,4.993 l 6.11329,-0.01"/>
<!-- Лево/право -->
<path stroke="black" id="svgc" stroke-width="3" d="m 655,2135 c 88.33427,-5.0001 176.66761,-10.0001 233.10128,-3.2994 56.43367,6.7006 85.23317,28.3002 88.56575,48.3 3.33257,19.9998 -16.66703,39.9994 -33.33345,39.9998 -16.66641,4e-4 -29.99948,-19.9992 -6.66576,-46.6669 23.33372,-26.6677 83.33258,-60.0004 119.99908,-96.667 36.6665,-36.6667 49.9996,-76.6659 33.333,-93.3329 -16.6667,-16.6669 -63.3324,-10.0004 -79.999,6.6672 -16.6667,16.6676 -3.3336,43.3337 20.0003,66.667 23.334,23.3333 56.6667,43.3329 96.3215,54.2167 39.6548,10.8839 80.3468,12.4489 111.1788,24.1157 30.832,11.6667 49.1653,33.3332 77.4999,44.1665 28.3347,10.8333 66.5866,10.8216 104.9595,10.8274 60.4434,2.4248 119.663,27.6413 163.2686,69.5111 43.6057,41.8699 71.2055,100.0169 76.0747,160.2732 4.8692,60.2564 -13.036,122.0806 -49.3529,170.4088 -36.3169,48.3283 -90.7191,82.7263 -149.9513,94.8128 -14.8079,3.0216 -29.89,4.6974 -45,5"/>
<path stroke="black" id="svgd" stroke-width="3" d="m 1415.3125,2690 c -16.6657,0 -28.6448,0 -42.0782,-1.6998 -13.4333,-1.6999 -23.2331,-4.9665 -41.5667,-9.9666 -18.3336,-5.0001 -44.9997,-11.6666 -70,-20 -25.0002,-8.3333 -48.3331,-18.3331 -71.6666,-28.3332 -23.3336,-10.0001 -46.6665,-19.9999 -71.6667,-30 -25.0003,-10.0001 -51.6664,-19.9999 -71.6666,-31.6665 -20.0003,-11.6665 -33.3334,-24.9996 -40.0006,-38.333 -6.6671,-13.3335 -6.6671,-26.6666 3.3333,-38.334 10.0004,-11.6673 30,-21.6671 48.3339,-23.3334 18.3339,-1.6662 35.0002,5.0003 44.9998,15.0008 9.9996,10.0005 13.3329,23.3336 8.3326,36.6664 -5.0003,13.3329 -18.3334,26.666 -31.6669,41.6662 -13.3335,15.0002 -26.6666,31.6666 -38.3333,46.6667 -11.6668,15.0002 -21.6666,28.3332 -31.3204,38.1024 -9.6537,9.7691 -20.34585,16.8972 -32.0127,25.2306 -11.66684,8.3335 -24.99991,18.3333 -41.66655,26.6666 -16.66665,8.3334 -36.66624,14.9999 -54.99966,20 -18.33342,5 -34.99976,8.3333 -51.66659,11.6667 -16.66683,3.3333 -33.33317,6.6666 -49.83974,9.9679 -16.50657,3.3013 -33.49343,6.6987 -48.49344,8.3655 -15.00002,1.6667 -28.33309,1.671 -39.99986,1.6667 l -31.5699,-0.012 c -66.96398,-3.2937 -134.77759,21.2497 -184.0397,66.5848 -49.26211,45.3352 -79.34161,110.8812 -81.58958,177.7915 -2.24797,66.9102 23.36438,134.3273 69.47261,182.8666 C 510.04921,3225.7705 576.06261,3254.81 643,3256 c 2.99968,0.053 6.00032,0.053 9,0"/>
<!-- Крабик -->
<path stroke="black" id="svge" stroke-width="3" d="m 652,3256 c 107.65924,-3.1083 212.00084,-30.6668 288.3348,-33.3332 76.334,-2.6664 122.9997,7.3334 177.4804,9.9695 54.4808,2.636 117.9196,-2.668 179.707,-7.2485 22.9697,-1.7757 43.275,-11.306 56.1408,-17.9571 12.8658,-6.6511 17.3033,-15.033 21.0745,-25.4039 3.7713,-10.3708 7.0711,-23.0985 13.1994,-36.2982 6.1284,-13.1996 15.0849,-26.8701 24.33,-35.7152 9.2451,-8.845 20.6062,-13.6346 28.9044,-14.5909 8.2982,-0.9562 20.6293,0.8953 28.3812,4.7338 7.752,3.8384 10.9775,8.9601 14.4388,14.5139 -5.4804,-0.5655 -11.5439,-0.7483 -17.3707,-0.6198 -5.8269,0.1286 -12.0101,0.9905 -18.5332,3.8727 -6.5231,2.8822 -13.3848,7.7843 -18.46,14.3967 -5.0753,6.6124 -8.3632,14.9337 -9.257,24.9282 -0.8938,9.9945 0.6061,21.6609 5.2732,34.0778 4.667,12.4168 12.5002,25.5832 17.4171,32.5829 4.9169,6.9996 6.87,7.8135 8.9039,8.617 -3.2979,-16.5281 -6.6312,-33.0282 -8.4647,-44.5283 -1.8334,-11.5 -2.1667,-18 -0.125,-23.4589 2.0417,-5.4588 6.6249,-10.0421 12.2921,-12.5421 5.6672,-2.5001 12.5004,-3.0001 20.9172,-2.9167 8.4169,0.084 18.4167,0.7501 27.3402,5.6615 8.9235,4.9113 17.0763,14.423 22.7429,22.3397 5.6665,7.9168 8.9998,14.4167 11.583,21.9168 2.5831,7.5001 4.4164,15.9999 6.1753,24.526 -4.4066,-5.3048 -8.5916,-10.6929 -12.1749,-14.8596 -3.5833,-4.1668 -6.4166,-7.1667 -9.8333,-8.8338 -3.4166,-1.6672 -7.4165,-2.0005 -10.5838,-0.6671 -3.1673,1.3334 -5.5006,4.3334 -5.417,9.8339 0.084,5.5006 2.5836,13.5005 5.0114,21.5214 -6.5709,-7.8101 -12.9273,-15.6877 -17.5941,-22.1877 -4.6669,-6.5 -7.5001,-11.6665 -10.2501,-16.2499 -2.75,-4.5834 -5.4166,-8.5833 -7.2502,-13.8334 -1.8336,-5.2501 -2.8336,-11.75 -2.0838,-18.917 0.7499,-7.167 3.2498,-15.0002 6.5832,-21.4171 3.3334,-6.417 7.5,-11.4169 10.9019,-14.6925 3.4019,-3.2757 6.4319,-5.058 11.1821,-6.808 4.7503,-1.7501 11.4168,-3.5833 17.5837,-4.3332 6.167,-0.7499 11.8335,-0.4166 14.6663,-0.2499 2.8328,0.1666 7.3328,0.1666 9.1662,-1.1668 1.8335,-1.3334 5.5001,-4 8.9166,-8.3332 3.4165,-4.3331 6.5831,-10.333 8.3332,-14.7495 1.75,-4.4164 2.0834,-7.2497 0.7506,-9.9164 -1.3328,-2.6667 -4.3327,-5.1666 -6.9162,-6.2504 -2.5835,-1.0839 -4.7501,-0.7506 -7.9172,1.2495 -3.1671,2.0001 -7.3336,5.6666 -9.0836,9.5839 -1.7499,3.9173 -1.0833,8.0839 3e-4,11.5007 1.0836,3.4167 2.5836,6.0833 4.5837,8.7499 2.0002,2.6666 4.5002,5.3332 7.2503,6.9995 2.7502,1.6663 5.7501,2.333 10.4168,3.4164 4.6668,1.0833 11,2.5833 15.6666,3.2498 4.6665,0.6665 7.6664,0.4998 11.1663,-0.3336 3.4998,-0.8334 7.4997,-2.3334 11.6663,-4.6667 4.1665,-2.3333 8.4997,-5.5 12.083,-8.6666 3.5832,-3.1666 6.4165,-6.3332 8.2498,-8.9996 1.8332,-2.6664 2.6666,-4.8331 2.417,-7.0828 -0.2496,-2.2497 -1.5829,-4.583 -3.9994,-5.9169 -2.4165,-1.3338 -5.9164,-1.6672 -8.7504,-0.5005 -2.8339,1.1667 -5.0005,3.8333 -6.0838,7.0838 -1.0833,3.2505 -1.0833,7.0838 -0.4164,10.6673 0.6669,3.5834 2.0003,6.9167 3.417,9.8333 1.4168,2.9167 2.9168,5.4167 5.5838,7.5831 2.6669,2.1663 6.5002,3.9997 11.2538,4.7091 4.7536,0.7095 10.4617,0.2933 15.5466,1.6183 5.085,1.3251 9.5633,4.3892 12.8627,8.8678 3.2995,4.4786 5.4208,10.371 6.5991,15.4386 1.1784,5.0676 1.4141,9.3101 1.414,15.7919 0,6.4819 -0.2357,15.2028 -1.4063,22.8593 -1.1706,7.6565 -3.2757,14.2486 -5.381,20.8412 l -11.1219,17.1817 -15.849,11.8016 c 1.9009,-3.1312 3.9603,-6.1747 5.5205,-9.7256 1.5603,-3.5509 2.7269,-7.5508 3.3937,-11.0507 0.6667,-3.5 0.8334,-6.4999 -1.0827,-9.5833 -1.9162,-3.0834 -5.9161,-6.2499 -8.7494,-8.0835 -2.8333,-1.8337 -4.4999,-2.3336 -7.3336,-2.0006 -2.8336,0.3331 -6.8335,1.4997 -9.5005,2.5831 -2.6669,1.0834 -4.0002,2.0834 -5.7504,4.1669 -1.7501,2.0835 -3.9168,5.2501 -5.8335,8.7503 -1.9167,3.5002 -3.5833,7.3335 -5.0575,11.0925 -1.4741,3.7591 -2.8592,7.7411 -4.2392,11.5797 -2.0463,-4.993 -3.9526,-10.0047 -4.7029,-15.4216 -0.7503,-5.4169 -0.2503,-11.2501 1.1664,-17.2503 1.4166,-6.0003 3.7499,-12.1668 8.0001,-18.0838 4.2501,-5.917 10.4166,-11.5835 16.5002,-15.8337 6.0836,-4.2501 12.0835,-7.0834 17.2504,-9 5.1668,-1.9167 9.5001,-2.9167 13.5002,-3.6666 4,-0.75 7.6666,-1.25 9.4996,-1.5 1.8331,-0.2463 10.3331,-0.2463 12.917,-0.1629 2.5839,0.083 7.7504,0.25 12.0839,1.0002 4.3335,0.7502 7.8334,2.0835 12.2501,3.8336 4.4167,1.75 9.75,3.9166 14.0833,6.4169 4.3333,2.5002 7.6666,5.3335 10.583,9.8337 2.9163,4.5002 5.4163,10.6667 7.1662,15.4167 1.75,4.7501 2.75,8.0834 3.4998,12.3334 0.7499,4.25 1.2499,9.4165 1.1632,17.4282 -0.087,8.0116 -0.76,18.868 -1.3844,29.751 0.7402,-0.8148 1.3159,-1.7264 1.971,-2.5971 8.5639,-11.3834 13.8895,-25.1755 15.1983,-39.3603 1.3088,-14.1848 -1.4032,-28.7186 -7.7396,-41.4768 -6.3364,-12.7582 -16.2777,-23.7016 -28.3706,-31.2304 -12.0929,-7.5287 -26.3003,-11.6201 -40.5921,-11.7142 25.158,-11.0563 55.2603,-10.3927 80.0163,1.5993 24.756,11.9921 43.8173,35.1766 50.7963,61.7842 2.7143,10.3485 2.878,21.7797 4.6799,31.8823 1.7801,8.9648 1.7241,17.9909 11.6185,22.5034 9.8944,4.5125 27.894,4.5125 48.3941,1.179 20.5001,-3.3335 43.4995,-10 66.4989,-16.6665"/>
</svg>
<div id="w" class="row ww">
<div class="nvbb" id="nvb">
<nav class="navbar flex-column nv" id="nv">
<li class="nav-item">
<a class="nav-link linkb" href="#start">Main</a>
</li>
<li class="nav-item">
<a class="nav-link linkb" href="#aboutme">About me</a>
</li>
<li class="nav-item">
<a class="nav-link linkb" href="#skill">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link linkb" href="#github">GitHub</a>
</li>
<li class="nav-item">
<a class="nav-link linkb" href="#connectwm">Connect with me</a>
</li>
</nav>
</div>
<button id="x" class="btn btn-dark" type="button"><i class="fas fa-3x fa-arrow-to-right" class="s" id="s"></i></button>
</div>
<section id="banner">
<div id="di" class="container type-js headlin">
<h3 id="i" class="text-js">Hello! My name is Ivan.</h3>
<img src="img/vnt.png" style="width: 50rem;">
<h4 id="ai">I am a web developer based in Tomsk creating stunning and effective visuals for companies around the world. Let's start scrolling and find out more about me.</h4>
</div>
<div id="icons" class="container">
<a class="btn-link" href="https://vk.com/etb_1"><i class="fab fa-3x fa-vk" style="color: black;"></i></a>
<a class="btn-link" href="https://tele.click/eternalb_1"><i id="icon" class="fab fa-3x fa-telegram"></i></a>
<a class="btn-link" href="https://wa.me/+79832330785"><i id="icon" class="fab fa-3x fa-whatsapp"></i></a>
</div>
</section>
<section id="aboutme">
<div class="row close" id="abia">
<div class="col txtt">I'm live in Tomsk</div>
<div class="col"><img src="img/tomsk.jpg" class="imll"></div>
</div>
<div class="row close" id="abib">
<div class="col"><img src="img/tsu.jpg" class="imr"></div>
<div class="col txtl">Study at TSU</div>
</div>
<div class="row close" id="abic">
<div class="col txtt">I am fond of snowboarding</div>
<div class="col" style="margin-right: 2rem;"><img src="img/snow.jpg" class="iml"></div>
</div>
<div class="row close" id="abid">
<div class="col"><img src="img/strike.jpg" class="imr"></div>
<div class="col txtl">I love to play airsoft</div>
</div>
<div class="row close" id="abie">
<div class="col txtt">And of course I do programming</div>
<div class="col"><img src="img/szt.jpg" class="iml"></div>
</div>
</section>
<section id="skill">
<p id="skl">SKILL</p>
<div class="container">
<div class="row md-5" style="background-color: rgb(255, 255, 255); border-radius: 0.5rem;">
<p id="langinf" style="color: rgb(12, 182, 117);">What do you need to create a good website?</p>
<br>
<h4 id="ai2" style="color: rgb(255, 136, 0);">>The website framework can be written in HTML, but for its beautiful design you need to use CSS or newer SCSS. Both options were used on this site.</h4>
<h4 id="ai2" style="color: rgb(162, 0, 255);">>For the scripting part — that is, what will happen on the client side is JavaScript. Moreover, sometimes JavaScript is generated in another language and sent.</h4>
<h4 id="ai2" style="margin-bottom: 2rem; color: rgb(0, 89, 255);">>Moreover, we can use paid hosting to host a website on the Internet, but we are not so rich, so we use GitHub pages.</h4>
</div>
<div class="row justify-content-around mt-5">
<div class="card col-3" style="background-color: black;">
<div class="card-body" style="background-color: rgb(255, 255, 255); border-radius: 1rem 1rem 0 0;">
<svg id="sv1" viewbox="0 0 100 100">
<path id="ptc1"d="M40,90 A40,40 0 1,1 60,90" style="fill:none;"/>
<path id="ptc11"d="M40,90 A40,40 0 1,1 60,90" style="fill:none;"/>
<text x="30" y="60" style="font-size: 1.4rem;" class="price">75%</text>
</svg>
</div>
<div class="card-bottom" style="background-image: url(img/html.jpg); width: 100%; height: 10rem; background-size: 120%; background-repeat: no-repeat; border-radius: 0 0 1rem 1rem;">
<h3 id="htmlcss">HTML/CSS</h3>
</div>
</div>
<div class="card col-3" style="background-color: black;">
<div class="card-body" style="background-color: rgb(255, 255, 255); border-radius: 1rem 1rem 0 0;">
<svg id="sv2" viewbox="0 0 100 100">
<path id="ptc2"d="M40,90 A40,40 0 1,1 60,90" style="fill:none;"/>
<path id="ptc22"d="M40,90 A40,40 0 1,1 60,90" style="fill:none;"/>
<text x="30" y="60" style="font-size: 1.4rem; border-radius: 1rem;">63%</text>
</svg>
</div>
<div class="card-bottom" style="background-image: url(img/bootstrap.jpg); width: 100%; height: 10rem; background-size: 100%; background-repeat: no-repeat; border-radius: 0 0 1rem 1rem;">
<h3 id="bootstrap">BOOTSTRAP</h3>
</div>
</div>
<div class="card col-3" style="background-color: black;">
<div class="card-body" style="background-color: rgb(255, 255, 255); border-radius: 1rem 1rem 0 0;">
<svg id="sv3" viewbox="0 0 100 100">
<path id="ptc3"d="M40,90 A40,40 0 1,1 60,90" style="fill:none;"/>
<path id="ptc33"d="M40,90 A40,40 0 1,1 60,90" style="fill:none;"/>
<text x="30" y="60" style="font-size: 1.4rem;">60%</text>
</svg>
</div>
<div class="card-bottom" style="background-image: url(img/javascript.jpg); width: 100%; height: 10rem; background-size: 100%; background-repeat: no-repeat; border-radius: 0 0 1rem 1rem;">
<h3 id="JS">JavaScript</h3>
</div>
</div>
<div class="card col-3" style="background-color: black;">
<div class="card-body" style="background-color: rgb(255, 255, 255); border-radius: 1rem 1rem 0 0;">
<svg id="sv4" viewbox="0 0 100 100">
<path id="ptc4"d="M40,90 A40,40 0 1,1 60,90" style="fill:none;"/>
<path id="ptc44"d="M40,90 A40,40 0 1,1 60,90" style="fill:none;"/>
<text x="30" y="60" style="font-size: 1.4rem;">85%</text>
</svg>
</div>
<div class="card-bottom" style="background-image: url(img/py.jpg); width: 100%; height: 10rem; background-size: 100%; background-repeat: no-repeat; border-radius: 0 0 1rem 1rem;">
<h3 id="py">Python</h3>
</div>
</div>
</div>
</div>
</section>
<section id="github">
<p id="gth"> My projects </p>
<div class="container">
<div class="row justify-content-around">
<div class="card col-4">
<div id="back">
<img class="card-img-top" style="background-image: url(img/ds.png); width: 100%; height: 10rem; background-size: 100%; background-repeat: no-repeat; border-radius: 1rem 1rem 0 0;">
<div class="card-body" style="background-color: rgb(255, 255, 255); border-radius: 0 0 1rem 1rem;">
<h5 class="card-title">Discord BOT</h5>
<p class="card-text">Discord bot for the server with additional unusual features. Main development language: Python</p>
<a href="https://github.com/EternalB-1/DiscordBot" class="btn btn-primary" style="cursor: url(img/Hand.cur), pointer;">GitHub</a>
</div>
</div>
</div>
<div class="card col-4">
<div id="back">
<img class="card-img-top" style="background-image: url(img/sk.png); width: 100%; height: 10rem; background-size: 100%; background-repeat: no-repeat; border-radius: 1rem 1rem 0 0;">
<div class="card-body" style="background-color: rgb(255, 255, 255); border-radius: 0 0 1rem 1rem;">
<h5 class="card-title">Seeker</h5>
<p class="card-text">A script for hosting a website that transmits some info. Main development languages: Python, HTML, CSS, JS</p>
<a href="https://github.com/EternalB-1/seeker" class="btn btn-primary" style="cursor: url(img/Hand.cur), pointer;">GitHub</a>
</div>
</div>
</div>
<div class="card col-4">
<div id="back">
<img class="card-img-top" style="background-image: url(img/zp.jpg); width: 100%; height: 10rem; background-size: 100%; background-repeat: no-repeat; border-radius: 1rem 1rem 0 0;">
<div class="card-body" style="background-color: rgb(255, 255, 255); border-radius: 0 0 1rem 1rem;">
<h5 class="card-title">ZIP brute force</h5>
<p class="card-text">Bruteforce zip archives according to a list of special passwords. Main development language: Python</p>
<a href="https://github.com/EternalB-1/BruteZIP" class="btn btn-primary" style="cursor: url(img/Hand.cur), pointer;">GitHub</a>
</div>
</div>
</div>
</div>
<div class="row justify-content-around mt-4">
<div class="card col-4">
<div id="back">
<img class="card-img-top" style="background-image: url(img/rp.jpg); width: 100%; height: 10rem; background-size: 100%; background-repeat: no-repeat; border-radius: 1rem 1rem 0 0;">
<div class="card-body" style="background-color: rgb(255, 255, 255); border-radius: 0 0 1rem 1rem;">
<h5 class="card-title">Raspberry PI scripts</h5>
<p class="card-text">Scripts for automating standard and custom processes on Raspberry Pi 4 model B. Main development language: Python</p>
<a href="https://github.com/EternalB-1/rf_ru" class="btn btn-primary" style="cursor: url(img/Hand.cur), pointer;">GitHub</a>
</div>
</div>
</div>
<div class="card col-4">
<div id="back">
<img class="card-img-top" style="background-image: url(img/st.jpg); width: 100%; height: 10rem; background-size: 100%; background-repeat: no-repeat; border-radius: 1rem 1rem 0 0;">
<div class="card-body" style="background-color: rgb(255, 255, 255); border-radius: 0 0 1rem 1rem;">
<h5 class="card-title">This Web-site</h5>
<p class="card-text">The site you are on was written by me personally as a portfolio. Main development languages: HTML, CSS, JS</p>
<a href="#github" class="btn btn-primary" style="cursor: url(img/Hand.cur), pointer;">Are you here!</a>
</div>
</div>
</div>
<div class="card col-4">
<div id="back">
<img class="card-img-top" style="background-image: url(img/dsc.png); width: 100%; height: 10rem; background-size: 100%; background-repeat: no-repeat; border-radius: 1rem 1rem 0 0;">
<div class="card-body" style="background-color: rgb(255, 255, 255); border-radius: 0 0 1rem 1rem;">
<h5 class="card-title">Discord BOT crasher</h5>
<p class="card-text">One of the bots that is a trap. Anyone can do whatever they want on the server! Main development language: Python</p>
<a href="https://github.com/EternalB-1/discord-crasher_ru" class="btn btn-primary" style="cursor: url(img/Hand.cur), pointer;">GitHub</a>
</div>
</div>
</div>
</div>
</section>
<section id="connectwm">
<p id="skl">Connect with me!</p>
<div class="container">
<div class="row">
<div class="col-md-4"> </div>
<div class="col-md-4">
<form action="https://formspree.io/f/xvolvene" method="post">
<div class="form-group">
<label for="name" style="color:white">Ваше имя:</label>
<input type="name" name="name" class="form-control" id="name" placeholder="Name">
</div>
<div class="form-group">
<label for="email1" style="color:white">E-mail:</label>
<input type="email" name="email" class="form-control" id="email1" placeholder="Email">
</div>
<div class="form-group">
<label for="message" style="color:white">Сообщение:</label>
<textarea class="form-control" name="message" rows="3"></textarea>
</div>
<input type="submit" class="btn btn-info" value="Отправить сообщение">
</form>
</div>
<div class="col-md-4"> </div>
</div>
</div>
</section>
<footer class="page-footer font-small bg-dark pt-4" style="color: rgb(255, 255, 255);">
<p class="footer-copyright text-center">Russia, Tomsk</p>
<p class="footer-copyright text-center">Arsenev Ivan</p>
<p class="text-center" style="margin-bottom: -1rem;">© 2021-2023 Copyright</p>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>