Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
227 changes: 227 additions & 0 deletions css/style.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file added img/background.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/favicon.ico
Binary file not shown.
114 changes: 114 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="ru">

<head>
<meta charset="UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<title>Обо мне</title>

<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">

<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />

<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>

<!-- Font Awesome-->
<script src="https://kit.fontawesome.com/b7af48d727.js" crossorigin="anonymous"></script>

<!-- Custom styles-->
<link rel="stylesheet" href="css/style.css">
</head>

<body>
<header class="header">
<div class="the-big-awesome-letter">V</div>
<div class="header__title">Савченко Владислав</div>
<div class="header__subtitle">будущий инженер</div>
</header>
<div class="grid-container">
<section class="section about-me">
<div class="section__icon">
<i class="far fa-edit"></i>
</div>
<div class="section__heading">Обо Мне</div>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sunt asperiores incidunt laudantium in culpa
sit optio, obcaecati nam repellendus, facilis, aliquid odio delectus harum. Perferendis animi quod
dolorem at officiis!
<br>
<br> THE BEAST.
</p>
<div class="section__subicon">
<i class="fas fa-basketball-ball"></i>
</div>
<div class="section__subheading">Хобби</div>
<p>комп. игры | футболл | баскетболл</p>
</section>

<section class="section contacts striped">
<div class="round-img"></div>
<p>ФИО: Савченко Владислав Геннадьевич</p>
<p>Дата рождения: 07.12.2000</p>
<p>Телефон: <a href="tel:+79012882248">+7 (901) 288-22-48</a></p>
<p>E-mail: <a href="mailto:[email protected]">[email protected]</a> </p>
<div class="social-links">
<a href="https://vk.com/v_s_k17/" target="_blank"><i class="fab fa-vk"></i></a>
<a href="https://www.instagram.com/v_s_k1788/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://github.com/DeC0re/" target="_blank"><i class="fab fa-github"></i></a>
</div>
</section>

<section class="section skills striped">
<div class="section__icon">
<i class="far fa-star"></i>
</div>
<div class="section__heading">Навыки</div>
<div class="skills__progress">
<span>Математика</span>
<span>88%</span>
<progress class="uk-progress" value="88" max="100"></progress>
</div>
<div class="skills__progress">
<span>Информатика</span>
<span>95%</span>
<progress class="uk-progress" value="95" max="100"></progress>
</div>
<div class="skills__progress">
<span>Английский язык</span>
<span>73%</span>
<progress class="uk-progress" value="73" max="100"></progress>
</div>
</section>

<section class="section education">
<div class="section__icon">
<i class="far fa-lightbulb"></i>
</div>
<div class="section__heading">Образование</div>
<div class="entry">
<div class="education__heading">
Ивановский государственный химико-технологический университет
</div>
<div class="education__subheading">
Факультет техники, управления и цифровой инфраструктуры
<br>
Специальность: Информационные системы и технологии
</div>
</div>
<div class="entry">
<div class="education__heading">
МОУ СОШ №9
</div>
<div class="education__subheading">
Полное среднее образование
</div>
</div>
</section>
</div>
</body>

</html>