visit_card/index.html

83 lines
5.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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="icon" href="favicon.ico" type="image/x-icon">
<!-- Подключение Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<!-- Подключение Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<style>
.profile-img {
border-radius: 50%;
width: 150px;
height: 150px;
}
.section-title {
margin-top: 20px;
color: #555;
}
.contact-icons a {
margin-right: 15px;
color: #333;
text-decoration: none;
}
.contact-icons a:hover {
color: #007bff;
}
</style>
</head>
<body>
<div class="container mt-5">
<div class="row align-items-center">
<div class="col-md-4 text-center">
<img src="img/avatar.png" alt="Фото" class="profile-img">
</div>
<div class="col-md-8">
<h1>Георгий Хатунцев</h1>
<p>Пол: Мужской</p>
<p>Возраст: 30 лет</p>
<div class="contact-icons">
<a href="tel:+79122161573" title="Телефон"><i class="fas fa-phone fa-lg"></i></a>
<a href="mailto:google_12345@mail.ru" title="Email"><i class="fas fa-envelope fa-lg"></i></a>
<a href="https://t.me/google_12345" title="Telegram"><i class="fab fa-telegram fa-lg"></i></a>
<a href="https://discord.com/users/337960071940276224" title="Discord" target="_blank"><i class="fab fa-discord fa-lg"></i></a>
<a href="https://git.khatuncev.ru/" title="Git"><i class="fab fa-git-alt fa-lg"></i></a>
</div>
</div>
</div>
<h2 class="section-title">Образование</h2>
<ul class="list-group">
<li class="list-group-item">Уральский федеральный университет имени первого Президента России Б.Н. Ельцина, Екатеринбург, <br>Радио-технический факультет, специальность Программная Инженерия (магистр) (2021 год)</li>
<li class="list-group-item">Уральский федеральный университет имени первого Президента России Б.Н. Ельцина, Екатеринбург, <br>Радио-технический факультет,специальность Информационные системы и технологии (бакалавр) (2019 год)</li>
</ul>
<h2 class="section-title">Опыт работы</h2>
<ul class="list-group">
<li class="list-group-item">МБУ "Централизованная бухгалтерия образовательны учреждений" г. Верхняя Салда (Системный администратор, 2022 - 2024)</li>
<li class="list-group-item">IntelliCAD Technology Consortium (Программист, 2022 - 2024)</li>
<li class="list-group-item">ООО Компания "Тензор" (Инженер-программист, 2021 - 2022)</li>
<li class="list-group-item">ПАО "Корпорация ВСМПО-АВИСМА" г. Верхняя Салда (Инженер-программист, 2017-2021)</li>
<li class="list-group-item">ПАО "Корпорация ВСМПО-АВИСМА" г. Верхняя Салда (Техник, 2015 - 2017)</li>
<li class="list-group-item">МБУ "Централизованная бухгалтерия образовательны учреждений" г. Верхняя Салда (Системный администратор, 2015)</li>
<li class="list-group-item">Индивидуальный предприниматель (2012 - 2014)</li>
</ul>
<h2 class="section-title">Проекты</h2>
<ul class="list-group">
<li class="list-group-item"><a href="https://demo1.khatuncev.ru">Текущий статус вакуумно-дуговых печей</a> - Визуальное представление текущего процесса плавки в вакуумно-дуговых печах. Весь цикл представлен в виде гистограммы.</li>
<li class="list-group-item"><a href="https://demo2.khatuncev.ru">Рабочее Место Технолога</a> - Визуальное представление паспортов титановых слитков и аналого-дискретных сигналов вакуумно-дуговых печей в процесса плавки.</li>
</ul>
</div>
<!-- Подключение Bootstrap JS и jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>