-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (167 loc) · 8.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dimidrosh</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="static_dev/css/styles.css">
<link rel="stylesheet" href="static_dev/css/bootstrap.min.css">
<script src="static_dev/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container">
<a href="#" class="navbar-brand">Dimidrosh</a>
<button class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarToggler"> <span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav ms-auto">
<!-- <li class="nav-item">
<a href="#about" class="nav-link">About me</a>
</li>
<li class="nav-item">
<a href="#projects" class="nav-link">Projects</a>
</li>
<li class="nav-item">
<a href="#contacts" class="nav-link">Contacts</a>
</li> -->
<li class="nav-item">
<a href="index_rus.html" class="nav-link text-warning">Переключиться на русскую версию</a>
</li>
<!-- <li class="nav-item">
<a href="#form" class="nav-link">Notify me!</a>
</li> -->
</ul>
</div>
</div>
</nav>
</header>
<section class="bg-dark text-light text-center">
<div class="container">
<br>
<br>
<br>
<blockquote class="blockquote">
<h1 class="display-1">Success comes with <br><span class="auto-type text-primary"></span></h1>
<footer class="blockquote-footer"><i>Dimidrosh (a.k.a. Me)</i></footer>
</blockquote>
<br>
<br>
<br>
</div>
</section>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<script>
var typed = new Typed(".auto-type", {
strings: ["hard work", "success", "self-confidence", "opportunities", "learning hard"],
typeSpeed: 125,
backSpeed: 50,
loop: true
})
</script>
<section class="bg-light" id="about">
<div class="container">
<br>
<h1 class="text-center display-3 p-5"><b>About me</b></h1>
<div class="row align-items-center justify-content-between">
<div class="col-md d-flex">
<p class="">
I am a 15 y/o Moscow student. Currently learning Python, PyQT, Django framework. Studying in Yandex Academy's Lyceum, graduated
from Samsung IT School in 2022.
</p>
</div>
<div class="col-md">
<img class="img-fluid" src="static_dev/img/prog.png" alt="Picture">
</div>
</div>
</div>
</section>
<!-- <section class="bg-secondary p-5" id="projects">
<div class="container">
<h1 class="text-center text-light display-3 p-5"><b>Projects</b></h1>
<p class="lead text-light text-center pb-4">Most of the projects could be found in my Github</p>
<div class="row text-center g-4">
<div class="col-lg-4 d-flex align-items-stretch">
<div class="card bg-light text-dark">
<br>
<div class="h1 mb-5">
<i class="bi bi-laptop"></i>
</div>
<h2 class="card-title mb-5">Plans4Shop</h2>
<p class="card-text mb-5">Yandex Academy's Courses team project. A little online-shop with some cool features. <br> Warning: private project and not availible on Github at the moment.</p>
</div>
</div>
<div class="col-lg-4 d-flex align-items-stretch">
<div class="card w-100 bg-dark text-light">
<br>
<div class="h1 mb-5">
<i class="bi bi-phone"></i>
</div>
<h2 class="card-title mb-5">Olympiadnik</h2>
<p class="card-text mb-5">Android app for tracking olympiad's dates and results. <span class="text-warning">Still in progress</span></p>
</div>
</div>
<div class="col-lg-4 d-flex align-items-stretch">
<div class="card w-100 bg-light text-dark">
<br>
<div class="h1 mb-5">
<i class="bi bi-hammer"></i>
</div>
<h2 class="card-title mb-5">Under construction</h2>
<p class="card-text mb-5">New projects will come up later</p>
</div>
</div>
</div>
</div>
</section> -->
<!-- <section class="bg-light text-dark p-5" id="contacts">
<div class="container"></div>
<h1 class="text-center display-3 p-5"><b>Contacts</b></h1>
<p class="lead text-center my-5">
You can find me on Github, Telegram, Discord.
</p>
<div class="row text-center g-4">
<div class="col-md">
<div class="card align-center">
<h2 class="card-title mt-5 display-5">Github</h2>
<a href="https://github.com/D1midr0sh" class="card-text text-dark"><i class="bi bi-github" style="font-size: 200px;"></i></a>
</div>
</div>
<div class="col-md">
<div class="card align-center">
<h2 class="card-title mt-5 display-5">Telegram</h2>
<a href="https://t.me/dimidrosh" class="card-text"><i class="bi bi-telegram" style="font-size: 200px;"></i></a>
</div>
</div>
<div class="col-md">
<div class="card align-center">
<h2 class="card-title mt-5 display-5">Discord</h2>
<a href="https://discordapp.com/users/695245245931061249" class="card-text text-dark"><i class="bi bi-discord" style="font-size: 200px;"></i></a>
</div>
</div>
</div>
</div>
</section> -->
<footer class="p-3 bg-dark text-white text-left position-relative">
<div class="container">
<p class="lead">© Dimidrosh</p>
<p class="text-center">Contacts: <a href="https://github.com/D1midr0sh" class="text-white"><i class="bi bi-github" style="font-size: 24px;"></i></a>
<a href="https://t.me/dimidrosh" class="text-white"><i class="bi bi-telegram" style="font-size: 24px;"></i></a>
<a href="https://discordapp.com/users/695245245931061249" class="text-white"><i class="bi bi-discord" style="font-size: 24px;"></i></a></p>
<a href="#" class="position-absolute bottom-0 end-0 p-5"><i class="bi bi-arrow-up-circle h1"></i></a>
</div>
</footer>
</body>
</html>