visit_card/index.html
Georgy.Khatuncev 70e82f1818 Main Template
Основной шаблон для старта
2024-09-18 11:25:19 +03:00

56 lines
2.5 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>
<!-- Подключение Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<style>
.profile-img {
border-radius: 50%;
width: 150px;
height: 150px;
}
.section-title {
margin-top: 20px;
color: #555;
}
</style>
</head>
<body>
<div class="container mt-5">
<h1 class="text-center">Имя Фамилия</h1>
<div class="text-center">
<img src="your-photo.jpg" alt="Фото" class="profile-img">
</div>
<p class="text-center">Краткая информация о себе: программист с опытом работы в различных областях разработки. Увлекаюсь новыми технологиями и постоянным обучением.</p>
<h2 class="section-title">Образование</h2>
<ul class="list-group">
<li class="list-group-item">Университет 1 (Год окончания)</li>
<li class="list-group-item">Университет 2 (Год окончания)</li>
</ul>
<h2 class="section-title">Опыт работы</h2>
<ul class="list-group">
<li class="list-group-item">Компания 1 (Должность, Годы работы)</li>
<li class="list-group-item">Компания 2 (Должность, Годы работы)</li>
</ul>
<h2 class="section-title">Проекты</h2>
<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://project2.com">Проект 2</a> - Краткое описание проекта.</li>
<li class="list-group-item"><a href="https://project3.com">Проект 3</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>