Skip to content

6213 УшаковРС Лаб. 3 #416

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
tlmesnewroman wants to merge 5 commits into from
Closed

6213 УшаковРС Лаб. 3 #416

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
5dbf00e
Выполнил задания для второй лабы
tlmesnewroman Dec 15, 2025
2fce89c
Изменены классы элементов списка, изменен блок container
tlmesnewroman Dec 16, 2025
e21b9e2
Выполнил лабораторную работу 3
tlmesnewroman Dec 16, 2025
f5ba330
Выполнил лабораторную работу 3
tlmesnewroman Dec 16, 2025
e76b9da
Выполнена третья лаба
tlmesnewroman Dec 16, 2025
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
Binary file added web-lab3/images/cat.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
170 changes: 170 additions & 0 deletions web-lab3/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,170 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Резюме — Ушаков Роман Сергеевич</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
max-width: 800px;
margin: 40px auto;
padding: 20px;
background-color: #f9f9f9;
}

.resume {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.header {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}

.photo {
width: 150px;
height: 150px;
border-radius: 50%;
overflow: hidden;
border: 3px solid #ddd;
}

.photo img {
width: 100%;
height: 100%;
object-fit: cover;
}

.info {
flex: 1;
}

h1 {
margin: 0 0 5px 0;
color: #2c3e50;
}

.subtitle {
color: #7f8c8d;
margin: 5px 0;
}

.section {
margin-bottom: 25px;
}

.section h2 {
color: #3498db;
border-bottom: 2px solid #3498db;
padding-bottom: 5px;
margin-top: 20px;
margin-bottom: 10px;
}

ul {
padding-left: 20px;
margin: 5px 0;
}

.skills {
display: flex;
gap: 20px;
flex-wrap: wrap;
}

.skills-column {
flex: 1;
min-width: 250px;
}

a {
color: #2980b9;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.about {
background-color: #f1f8ff;
padding: 15px;
border-left: 4px solid #3498db;
border-radius: 5px;
}
</style>
</head>
<body>
<div class="resume">

<div class="header">
<div class="photo">
<img src="images/cat.jpg" alt="Фото котика">
</div>
<div class="info">
<h1>Ушаков Роман Сергеевич</h1>
<div class="subtitle">Дата рождения: 23.08.2006</div>
</div>
</div>


<div class="section">
<h2>Увлечения</h2>
<ul>
<li>Шахматы</li>
<li>Футбол</li>
<li>Чтение</li>
</ul>
</div>


<div class="section">
<h2>Навыки</h2>
<div class="skills">
<div class="skills-column">
<h3>Hard Skills</h3>
<ul>
<li>HTML / CSS</li>
<li>JavaScript (базовый)</li>
<li>Git / GitHub</li>
<li>Основы C++</li>
<li>Linux (командная строка)</li>
</ul>
</div>
<div class="skills-column">
<h3>Soft Skills</h3>
<ul>
<li>Коммуникабельность</li>
<li>Умение работать в команде</li>
<li>Аналитическое мышление</li>
<li>Самообучение</li>
<li>Тайм-менеджмент</li>
</ul>
</div>
</div>
</div>


<div class="section">
<h2>GitHub</h2>
<p><a href="https://github.com/tlmesnewroman" target="_blank">https://github.com/tlmesnewroman</a></p>
</div>


<div class="section">
<h2>Обо мне</h2>
<div class="about">
Учусь в Самарском университете имени Королева на направлении «Информационная безопасность автоматизированных систем». Увлекаюсь спортом и программированием — стремлюсь сочетать физическую активность с умственной нагрузкой, чтобы быть в тонусе во всех сферах жизни.
</div>
</div>
</div>
</body>
</html>