Fill data

Заполнил данные.
This commit is contained in:
Georgy.Khatuncev 2024-09-18 18:39:38 +03:00
parent 70e82f1818
commit 9c19c70129
2 changed files with 35 additions and 11 deletions

BIN
img/avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

@ -6,6 +6,8 @@
<title>Визитка Программиста</title> <title>Визитка Программиста</title>
<!-- Подключение Bootstrap CSS --> <!-- Подключение Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> <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> <style>
.profile-img { .profile-img {
border-radius: 50%; border-radius: 50%;
@ -16,34 +18,56 @@
margin-top: 20px; margin-top: 20px;
color: #555; color: #555;
} }
.contact-icons a {
margin-right: 15px;
color: #333;
text-decoration: none;
}
.contact-icons a:hover {
color: #007bff;
}
</style> </style>
</head> </head>
<body> <body>
<div class="container mt-5"> <div class="container mt-5">
<h1 class="text-center">Имя Фамилия</h1> <div class="row align-items-center">
<div class="text-center"> <div class="col-md-4 text-center">
<img src="your-photo.jpg" alt="Фото" class="profile-img"> <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="mailto:google_12345@mail.ru" title="Email"><i class="fas fa-envelope fa-lg"></i></a>
<a href="tel:+79122161573" title="Телефон"><i class="fas fa-phone 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://git.khatuncev.ru/" title="Git"><i class="fab fa-git-alt fa-lg"></i></a>
</div>
</div>
</div> </div>
<p class="text-center">Краткая информация о себе: программист с опытом работы в различных областях разработки. Увлекаюсь новыми технологиями и постоянным обучением.</p>
<h2 class="section-title">Образование</h2> <h2 class="section-title">Образование</h2>
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item">Университет 1 (Год окончания)</li> <li class="list-group-item">Уральский федеральный университет имени первого Президента России Б.Н. Ельцина, Екатеринбург, <br>Радио-технический факультет, специальность Программная Инженерия (магистр) (2021 год)</li>
<li class="list-group-item">Университет 2 (Год окончания)</li> <li class="list-group-item">Уральский федеральный университет имени первого Президента России Б.Н. Ельцина, Екатеринбург, <br>Радио-технический факультет,специальность Информационные системы и технологии (бакалавр) (2019 год)</li>
</ul> </ul>
<h2 class="section-title">Опыт работы</h2> <h2 class="section-title">Опыт работы</h2>
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item">Компания 1 (Должность, Годы работы)</li> <li class="list-group-item">МБУ "Централизованная бухгалтерия образовательны учреждений" г. Верхняя Салда (Системный администратор, 2022 - 2024)</li>
<li class="list-group-item">Компания 2 (Должность, Годы работы)</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> </ul>
<h2 class="section-title">Проекты</h2> <h2 class="section-title">Проекты</h2>
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item"><a href="https://project1.com">Проект 1</a> - Краткое описание проекта.</li> <li class="list-group-item"><a href="https://demo1.khatuncev.ru">Текущий статус вакуумно-дуговых печей</a> - Визуальное представление текущего процесса плавки в вакуумно-дуговых печах. Весь цикл представлен в виде гистограммы.</li>
<li class="list-group-item"><a href="https://project2.com">Проект 2</a> - Краткое описание проекта.</li>
<li class="list-group-item"><a href="https://project3.com">Проект 3</a> - Краткое описание проекта.</li>
</ul> </ul>
</div> </div>