добавление папки с сайтом версии 1.0
73
сайт/gallery.html
Normal file
@ -0,0 +1,73 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<link rel="icon" href="img/bigs.png" type="image/x-icon">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Галерея</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1 class="gallery-title">Галерея</h1>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
<a href="index.html">Главное меню</a>
|
||||
<a href="resume.html">Резюме</a>
|
||||
<a href="hobby.html">Хобби</a>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<h2>Моя Галерея</h2>
|
||||
|
||||
<section>
|
||||
<h3 class="highlight">My life</h3>
|
||||
<section class="image-container">
|
||||
<figure>
|
||||
<img src="img/g1.jpg" alt="Фото 1(закибербулили?)">
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="img/g2.jpg" alt="Фото 2(закибербулили?)">
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="img/g3.jpg" alt="Фото 3(закибербулили?)">
|
||||
</figure>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h3 class="highlight">Мой досуг</h3>
|
||||
<section class="image-container">
|
||||
<figure>
|
||||
<img src="img/gym.jpg" alt="Фото 4(закибербулили?)">
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="img/v2.jpg" alt="Фото 5(закибербулили?)">
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="img/v3.jpg" alt="Фото 6(закибербулили?)">
|
||||
</figure>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h3 class="highlight">Родной город Нея</h3>
|
||||
<section class="image-container">
|
||||
<figure>
|
||||
<img src="img/r1.jpg" alt="Фото 7(закибербулили?)">
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="img/r2.webp" alt="Фото 8(закибербулили?)">
|
||||
</figure>
|
||||
</section>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2025 Сидоров Егор Алексеевич</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
53
сайт/hobby.html
Normal file
@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<link rel="icon" href="img/bigs.png" type="image/x-icon">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Хобби</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1 class="hobby-title">Хобби</h1>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
<a href="index.html">Главное меню</a>
|
||||
<a href="resume.html">Резюме</a>
|
||||
<a href="gallery.html">Галерея</a>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<h2>Мои хобби</h2>
|
||||
<p class="highlight">Я увлекаюсь:</p>
|
||||
<ul>
|
||||
<li>
|
||||
Фотографией
|
||||
<figure class="image-container">
|
||||
<img src="img/e1.jpg" alt="Фото 1(закибербулили?)" style="margin: 2px;">
|
||||
<img src="img/e2.jpg" alt="Фото 2(закибербулили?)" style="margin: 2px;">
|
||||
</figure>
|
||||
</li>
|
||||
<li>
|
||||
Чтением книг
|
||||
<figure class="image-container">
|
||||
<img src="img/e3.jpg" alt="Фото 3(закибербулили?)" style="margin: 2px;">
|
||||
<img src="img/e4.png" alt="Фото 4(закибербулили?)" style="margin: 2px;">
|
||||
</figure>
|
||||
</li>
|
||||
<li>
|
||||
Спортом
|
||||
<figure class="image-container">
|
||||
<img src="img/e5.jpg" alt="Фото 5(закибербулили?)" style="margin: 2px;">
|
||||
<img src="img/e6.jpg" alt="Фото 6(закибербулили?)" style="margin: 2px;">
|
||||
</figure>
|
||||
</li>
|
||||
</ul>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2025 Сидоров Егор Алексеевич</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
BIN
сайт/img/ava.jpg
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
сайт/img/bigs.png
Normal file
|
After Width: | Height: | Size: 509 KiB |
BIN
сайт/img/e1.jpg
Normal file
|
After Width: | Height: | Size: 115 KiB |
BIN
сайт/img/e2.jpg
Normal file
|
After Width: | Height: | Size: 66 KiB |
BIN
сайт/img/e3.jpg
Normal file
|
After Width: | Height: | Size: 151 KiB |
BIN
сайт/img/e4.png
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
сайт/img/e5.jpg
Normal file
|
After Width: | Height: | Size: 137 KiB |
BIN
сайт/img/e6.jpg
Normal file
|
After Width: | Height: | Size: 156 KiB |
BIN
сайт/img/g1.jpg
Normal file
|
After Width: | Height: | Size: 85 KiB |
BIN
сайт/img/g2.jpg
Normal file
|
After Width: | Height: | Size: 282 KiB |
BIN
сайт/img/g3.jpg
Normal file
|
After Width: | Height: | Size: 506 KiB |
BIN
сайт/img/gym.jpg
Normal file
|
After Width: | Height: | Size: 142 KiB |
BIN
сайт/img/r1.jpg
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
сайт/img/r2.webp
Normal file
|
After Width: | Height: | Size: 101 KiB |
BIN
сайт/img/v2.jpg
Normal file
|
After Width: | Height: | Size: 3.5 MiB |
BIN
сайт/img/v3.jpg
Normal file
|
After Width: | Height: | Size: 108 KiB |
36
сайт/index.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<link rel="icon" href="img/bigs.png" type="image/x-icon">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Главное меню</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1 class="resume-title">Главное меню</h1>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
<a href="resume.html">Резюме</a>
|
||||
<a href="gallery.html">Галерея</a>
|
||||
<a href="hobby.html">Хобби</a>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<h2>Добро пожаловать!</h2>
|
||||
<p class="description">Здрасте! Зовут меня Сидоров Егор. Я студент 1 курса Вятского государственного университета по направлению “Инфокоммуникационные технологии и системы связи” на Факультете автоматики и вычислительной техники.</p>
|
||||
<p class="description">Сам я из Неи. Это маленький город, находящийся в Костромской области.</p>
|
||||
<p class="description">На этой странице вы найдете информацию обо мне, моих увлечениях и галерею с фотографиями.</p>
|
||||
<p class="description">Выберите одну из вкладок выше, чтобы узнать больше!</p>
|
||||
<img src="img/ava.jpg" alt="Фото на главном меню" class="photo">
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2025 Сидоров Егор Алексеевич</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
60
сайт/resume.html
Normal file
@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<link rel="icon" href="img/bigs.png" type="image/x-icon">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Резюме</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1 class="resume-title">Резюме</h1>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
<a href="index.html">Главное меню</a>
|
||||
<a href="gallery.html">Галерея</a>
|
||||
<a href="hobby.html">Хобби</a>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Параметр</th>
|
||||
<th>Информация</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ФИО</td>
|
||||
<td>Сидоров Егор Алексеевич</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Дата рождения</td>
|
||||
<td>14 мая 2006 года</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Телефон</td>
|
||||
<td>+7 (920) 644-57-73</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Образование</td>
|
||||
<td>МОУ СОШ №1 г. Нея. Среднее общее.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Навыки</td>
|
||||
<td>HTML, CSS, Python, C++</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Языки</td>
|
||||
<td>Русский (родной), Английский (в разработке)</td>
|
||||
</tr>
|
||||
</table>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2025 Сидоров Егор Алексеевич</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
146
сайт/styles.css
Normal file
@ -0,0 +1,146 @@
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: linear-gradient(to right, #e0f7fa, #80deea);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
header {
|
||||
background: #007c80;
|
||||
color: white;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: inline-block;
|
||||
padding: 20px 40px;
|
||||
border: 3px solid #007c80;
|
||||
border-radius: 8px;
|
||||
background-color: white;
|
||||
color: black;
|
||||
font-size: 36px;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
transform: scale(1.05);
|
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
nav {
|
||||
margin: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin: 0 10px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
padding: 5px 10px;
|
||||
background-color: #007c80;
|
||||
border-radius: 5px;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
background-color: #005f60;
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
overflow: hidden;
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #007c80;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: #000202;
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.image-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 300px;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
th, td {
|
||||
border: 1px solid #ddd;
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: #007c80;
|
||||
color: white;
|
||||
}
|
||||
|
||||
tr:nth-child(even) {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
background: #007c80;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.description {
|
||||
color: #0c0101;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.photo {
|
||||
margin-top: 20px;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: square;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||