Skip to content

6213 КорниловНА Лаб. 4 #422

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
Kornelei13 wants to merge 15 commits into from
Closed

6213 КорниловНА Лаб. 4 #422

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
afafef4
Лабораторная работа 1, вариант 8
nikkornilov Oct 13, 2025
acfa7fb
Исправил лабиринт
nikkornilov Oct 16, 2025
7810b9a
2 поправка лабиринта
nikkornilov Oct 20, 2025
7d254b6
Лабораторная 2 вариант 8
nikkornilov Nov 7, 2025
057e3a6
исправление 2 лабораторной (из за псевдоэлемента не показывается лого
nikkornilov Nov 10, 2025
3cf78e2
Лабораторная работа 3 вариант 8
nikkornilov Nov 11, 2025
ea3c7a5
Delete lab3/styles3.css
Kornelei13 Nov 12, 2025
1bb4848
Delete lab3/index3.html
Kornelei13 Nov 12, 2025
6182712
Delete lab3/.DS_Store
Kornelei13 Nov 12, 2025
0270a63
Delete lab3/2025-11-10 13.22.37.jpg
Kornelei13 Nov 12, 2025
2d0b37e
Лабораторная работа 3
nikkornilov Nov 12, 2025
425e444
Лабораторная работа 3
nikkornilov Nov 12, 2025
65f3e57
исправил 3 лабу
nikkornilov Dec 15, 2025
0134f7c
4 лабораторная
nikkornilov Dec 15, 2025
7ce8d24
исправил для случая когда элементы не найдены
nikkornilov Dec 17, 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 .DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added images/.DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added images/164648-kot-kotenok-privlekatelnost-golova-glaz-3840x2160.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.
Binary file added images/cd16121609a79d95dffbfa28a326331e.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.
60 changes: 60 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Лабораторная работа 1 — Вариант 8 </title>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<div class="text-block text-block--variant8">
<div class="text-block__content">
JavaScript (аббр. JS) — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. Является реализацией спецификации ECMAScript (стандарт ECMA-262).
JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
</div>
</div>

<div class="image-stack">
<img src="images/164648-kot-kotenok-privlekatelnost-golova-glaz-3840x2160.jpg" alt="Картинка 1" class="image-stack__image image-stack__image--bottom">
<img src="images/cd16121609a79d95dffbfa28a326331e.jpg" alt="Картинка 2" class="image-stack__image image-stack__image--top">
</div>

<div class="traffic-light">
<div class="traffic-light__lamp traffic-light__lamp--red"></div>
<div class="traffic-light__lamp traffic-light__lamp--yellow"></div>
<div class="traffic-light__lamp traffic-light__lamp--green"></div>
</div>

<div class="maze">
<div class="maze__cell border-top border-left"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>

<div class="maze__cell border-left border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-right"></div>

<div class="maze__cell border-left border-top"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-bottom border-right"></div>

<div class="maze__cell border-bottom border-left"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
<div class="maze__cell border-top border-bottom"></div>
</div>

</body>
</html>
Binary file added lab2/.DS_Store
View file
Open in desktop
Binary file not shown.
74 changes: 74 additions & 0 deletions lab2/index2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Лабораторная работа по CSS (БЭМ)</title>
<link rel="stylesheet" href="styles2.css" />
</head>
<body>

<section>
<h2>Популярные виды спорта:</h2>
<ul class="sports-list">
<li class="sports-list__item">Футбол</li>
<li class="sports-list__item">Баскетбол</li>
<li class="sports-list__item">Теннис</li>
<li class="sports-list__item">Плавание</li>
<li class="sports-list__item">Бег</li>
</ul>
</section>

<section>
<h2>Семьи (родители и дети):</h2>

<div class="parent-1">
<h3 class="parent-1__title">Parent 1</h3>
<div class="parent-1__child">child 1</div>
<div class="parent-1__child">child 2</div>
<div class="parent-1__child">child 3</div>
<div class="parent-1__child">child 4</div>
</div>

<div class="parent-3">
<h3 class="parent-3__title">Parent 3</h3>
<div class="parent-3__child">child 1</div>
<div class="parent-3__child">child 2</div>
</div>

<div class="parent-2">
<h3 class="parent-2__title">Parent 2</h3>
<div class="parent-2__child">child 1</div>
<div class="parent-2__child">child 2</div>
</div>

<div class="parent-3">
<h3 class="parent-3__title">Parent 3</h3>
<div class="parent-3__child">child 1</div>
<div class="parent-3__child">child 2</div>
<div class="parent-2__child">child 2</div>
</div>
</section>

<section>
<h2>Информация о языках программирования:</h2>
<p>Языки программирования — это инструменты, с помощью которых разработчики создают программное обеспечение, веб-приложения, игры, алгоритмы и многое другое. Каждый язык имеет свои особенности, синтаксис и сферу применения. Ниже представлены некоторые из наиболее известных языков:</p>

<ul class="lang-list">
<li class="lang-list__item"><a href="#" class="lang-list__item-link">Python</a> – высокоуровневый язык с простым синтаксисом, популярный в Data Science, веб-разработке и автоматизации.</li>
<li class="lang-list__item"><a href="#" class="lang-list__item-link">JavaScript</a> – основной язык для фронтенд-разработки, работает в браузерах и на сервере (Node.js).</li>
<li class="lang-list__item"><a href="#" class="lang-list__item-link">Java</a> – объектно-ориентированный язык, широко используется в корпоративных приложениях и Android-разработке.</li>
<li class="lang-list__item"><a href="#" class="lang-list__item-link">C++</a> – мощный язык для системного программирования, игр и высокопроизводительных приложений.</li>
<li class="lang-list__item"><a href="#" class="lang-list__item-link">C#</a> – язык от Microsoft, применяется в разработке под Windows, играх (Unity) и веб-приложениях.</li>
<li class="lang-list__item"><a href="#" class="lang-list__item-link">Go (Golang)</a> – созданный Google, язык для высоконагруженных сетевых сервисов и облачных технологий.</li>
<li class="lang-list__item"><a href="#" class="lang-list__item-link">Ruby</a> – известен благодаря фреймворку Ruby on Rails для веб-разработки.</li>
<li class="lang-list__item"><a href="#" class="lang-list__item-link">Swift</a> – язык Apple для разработки под iOS и macOS.</li>
<li class="lang-list__item"><a href="#" class="lang-list__item-link">Kotlin</a> – современный язык, официально поддерживаемый для Android-разработки.</li>
<li class="lang-list__item"><a href="#" class="lang-list__item-link">Rust</a> – язык системного программирования с акцентом на безопасность и производительность.</li>
</ul>

<p>Это лишь малая часть из множества существующих языков, и выбор зависит от задач, которые нужно решить.</p>
</section>

</body>
</html>
122 changes: 122 additions & 0 deletions lab2/styles2.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
body {
font-family: Arial, sans-serif;
line-height: 1.6;
padding: 20px;
background-color: #fafafa;
color: #333;
}

h2 {
margin-top: 30px;
color: #2c3e50;
}

.sports-list {
list-style: none;
padding-left: 0;
}

.sports-list__item {
color: #333;
font-size: 18px;
padding: 10px 15px;
margin: 5px 0;
border-radius: 6px;
transition: color 0.4s ease-out, background-color 0.4s ease;
cursor: pointer;
}

.sports-list__item:hover {
color: #3961e6;
background-color: #80a1e4;
}


.parent-1,
.parent-2,
.parent-3 {
margin: 20px 0;
padding: 10px;
border: 1px solid #ddd;
border-radius: 6px;
}

.parent-1__title,
.parent-2__title,
.parent-3__title {
margin: 0 0 10px;
font-weight: bold;
font-size: 1.1em;
}

.parent-1__child {
color: red;
}

.parent-2 {
color: orange;
}
.parent-2__child {
color: #b4005a;
border: 1px dashed orange;
padding: 6px;
margin: 4px 0;
border-radius: 4px;
}

.parent-2 ~ .parent-3 .parent-3__child {
color: green;
}

.parent-2__child {
color: purple;
border: none;
background-color: transparent;
}


.lang-list {
list-style: none;
padding-left: 0;
}

.lang-list__item {
margin-bottom: 10px;
}

.lang-list__item-link {
font-weight: bold;
text-decoration: none;
color: inherit;
transition: color 0.2s;
}

.lang-list__item-link:hover {
color: #2a7ae2;
}

.lang-list__item-link::before {
content: "🌐 ";
font-weight: normal;
color: #666;
font-size: 0.9em;
margin-right: 6px;
}

.lang-list::after {
content: "";
display: block;
width: 200px;
height: 60px;
margin: 25px auto;
background-image: url("https://ssau.ru/i/logo/logo-white-ru.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border: 1px solid #ccc;
border-radius: 6px;
padding: 12px;
background-color: #191919;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
opacity: 0.9;
}
Binary file added lab3/2025-12-15 21.06.17.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.
122 changes: 122 additions & 0 deletions lab3/index3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
<!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="stylesheet" href="styles3.css">
</head>
<body>
<div class="container">
<div class="left-column">
<img src="2025-12-15 21.06.17.jpg" alt="Фото студента" class="photo">
<div class="name">Корнилов Никита Алексеевич</div>
<div class="position">Студент института Информатики и кибернетики</div>

<div class="contact-info">
<div class="contact-item">
<span class="contact-icon">📧</span>
<span>nik.kornilov96@gmail.com</span>
</div>
<div class="contact-item">
<span class="contact-icon">📞</span>
<span>+7 (777) 777-77-77</span>
</div>
<div class="contact-item">
<span class="contact-icon">🌐</span>
<a href="https://vk.com/korik01" target="_blank">VK</a>
</div>
<div class="contact-item">
<span class="contact-icon">📍</span>
<span>Самара, Россия</span>
</div>
</div>
</div>

<div class="right-column">
<div class="section">
<h2 class="section-title">О себе</h2>
<p>Студент Аэрокоса ИБАСа. Стремлюсь к постоянному развитию и применению новых знаний на практике. Умею работать в команде и быстро адаптироваться к новым задачам.</p>
</div>

<div class="section">
<h2 class="section-title">Дата рождения</h2>
<p>17 марта 2006 года</p>
</div>

<div class="section">
<h2 class="section-title">Любимые увлечения</h2>
<div class="hobbies">
<ul class="hobbies__list">
<li class="hobbies__item">
<span class="hobbies__icon">💪</span>
<span class="hobbies__text">Спортзал (жим 120)</span>
</li>
<li class="hobbies__item">
<span class="hobbies__icon">🥋</span>
<span class="hobbies__text">Дзюдо МС</span>
</li>
<li class="hobbies__item">
<span class="hobbies__icon">🎮</span>
<span class="hobbies__text">Игры на PC и консолях</span>
</li>
<li class="hobbies__item">
<span class="hobbies__icon">🎧</span>
<span class="hobbies__text">Прослушивание музыки</span>
</li>
<li class="hobbies__item">
<span class="hobbies__icon">⚽</span>
<span class="hobbies__text">Футбол</span>
</li>
<li class="hobbies__item">
<span class="hobbies__icon">👨‍🎨</span>
<span class="hobbies__text">Написание портретов</span>
</li>
</ul>
</div>
</div>

<div class="section">
<h2 class="section-title">Hard- и Soft-скилы</h2>
<div class="skills">
<div class="skills__group skills__group--hard">
<h3 class="skills__title">Hard skills</h3>
<div class="skills__list">
<div class="skills__item">HTML/CSS</div>
<div class="skills__item">C++</div>
<div class="skills__item">C</div>
<div class="skills__item">Python</div>
<div class="skills__item">Git/GitHub</div>
</div>
</div>

<div class="skills__group skills__group--soft">
<h3 class="skills__title">Soft skills</h3>
<div class="skills__list">
<div class="skills__item">Коммуникация</div>
<div class="skills__item">Работа в команде</div>
<div class="skills__item">Тайм-менеджмент</div>
<div class="skills__item">Аналитическое мышление</div>
</div>
</div>
</div>
</div>

<div class="section">
<h2 class="section-title">GitHub</h2>
<p>Посмотрите мои проекты и код:</p>
<a href="https://github.com/Kornelei13" target="_blank" class="github-link">Kornelei13</a>
</div>
<div class="section">
<h2 class="section-title">Мои проекты</h2>
<ul class="projects__list">
<li class="projects__item"><a href="https://github.com/Kornelei13/web-base/blob/lab3/index.html" target="_blank">Лабораторная работа №1 </a></li>
<li class="projects__item"><a href="https://github.com/Kornelei13/web-base/blob/lab3/lab2/index2.html" target="_blank">Лабораторная работа №2 </a></li>
<li class="projects__item"><a href="https://github.com/Kornelei13/web-base/blob/lab3/lab3/index3.html" target="_blank">Лабораторная работа №3 </a></li>
<li class="projects__item"><a href="https://github.com/Kornelei13/web-base/blob/lab3/lab4/index4.html" target="_blank">Лабораторная работа №4</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
Loading