Skip to content

6211 ДушечкинВА Лаб. 2 #325

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

Open
dushen-marker wants to merge 2 commits into
base: main
Choose a base branch
from
Open

6211 ДушечкинВА Лаб. 2 #325

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
07ecd21
Add files via upload
dushen-marker Nov 23, 2025
e059d42
Add files via upload
dushen-marker Nov 23, 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
96 changes: 96 additions & 0 deletions 6211 ДушечкинВА Лаб. 1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Лабораторная работа 1</title>
<style>
.text-block {
width: 600px;
margin: 20px auto;
background-color: #1962B3;
color: #7DCC94;
text-align: justify;
padding: 20px;
}

.images-wrapper {
position: relative;
width: 400px;
height: 250px;
margin: 20px auto;
}

.images-wrapper img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.traffic-light {
width: 100px;
margin: 20px auto;
padding: 10px;
background-color: #333;
}

.light {
width: 80px;
height: 80px;
border-radius: 50%;
margin: 10px auto;
}

.red { background-color: red; }
.yellow { background-color: yellow; }
.green { background-color: green; }

.maze {
width: 300px;
height: 300px;
margin: 20px auto;
display: flex;
flex-wrap: wrap;
}

.maze-cell {
width: 100px;
height: 100px;
box-sizing: border-box;
border: 2px solid black;
}
</style>
</head>
<body>

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

<div class="images-wrapper">
<img src="https://img2.akspic.ru/crops/8/4/6/4/6/164648/164648-kot-kotenok-privlekatelnost-golova-glaz-3840x2160.jpg" alt="Первая картинка с котенком ">
<img src="https://i.pinimg.com/236x/cd/16/12/cd16121609a79d95dffbfa28a326331e.jpg" alt="Вторая картинка с котенком">
</div>

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

<div class="maze">
<div class="maze-cell"></div>
<div class="maze-cell"></div>
<div class="maze-cell"></div>
<div class="maze-cell"></div>
<div class="maze-cell"></div>
<div class="maze-cell"></div>
<div class="maze-cell"></div>
<div class="maze-cell"></div>
<div class="maze-cell"></div>
</div>

</body>
</html>
95 changes: 95 additions & 0 deletions 6211 ДушечкинВА Лаб. 2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<title>lab 2</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 700px;
margin: 30px auto;
padding: 0 20px;
}

ul.games {
list-style: disc inside;
max-width: 400px;
margin: 30px auto 40px;
padding-left: 0;
font-family: Arial, sans-serif;
}

ul.games li {
color: black;
transition: color 0.4s ease;
cursor: pointer;
padding: 5px 0;
}

ul.games li:hover {
color: #1962b3;
}

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

ul.languages li a {
font-weight: bold;
text-decoration: none;
color: black;
position: relative;
transition: color 0.3s ease;
}

ul.languages li a::after {
content: " 🌐";
font-size: 0.9em;
}

ul.languages li a:hover {
color: #1962b3;
}

ul.languages::after {
content: "";
display: block;
width: 150px;
height: 50px;
margin-top: 20px;
background-image: url('https://ssau.ru/i/logo/logo-white-ru.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
filter: invert(1);
}
</style>
</head>
<body>

<ul class="games">
<li>Minecraft</li>
<li>Fortnite</li>
<li>GTA V</li>
<li>Call of Duty</li>
<li>Among Us</li>
</ul>

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

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

</body>
</html>
59 changes: 59 additions & 0 deletions 6211 ДушечкинВА Лаб. 3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Резюме</title>
<style>
body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; }
header { display: flex; align-items: center; margin-top: 20px; }
header img { width: 150px; height: 150px; border-radius: 50%; margin-right: 20px; object-fit: cover; }
h1 { margin-bottom: 5px; }
section { margin-top: 20px; }
ul { margin: 5px 0 0 20px; }
</style>
</head>
<body>

<header>
<img src="https://i.pinimg.com/736x/7c/9f/dc/7c9fdcdce66e4f702d8db5a83910fe17.jpg" alt="">
<div>
<h1>Душечкин Владислав Александрович</h1>
<p>Дата рождения: 27.07.2004</p>
<p>GitHub: <a href="https://github.com/dushen-marker" target="_blank">dushen-marker</a></p>
</div>
</header>

<section>
<h2>О себе</h2>
<p>Обучаюсь на 2 курсе Информационной безопасности автоматизированных систем, желаю стать спецом в области кибербезопасности.</p>
</section>

<section>
<h2>Любимые увлечения</h2>
<ul>
<li>Программирование</li>
<li>Чтение технической литературы</li>
<li>Просмотр познавательных видео</li>
<li>Игры</li>
</ul>
</section>

<section>
<h2>Hard skills</h2>
<ul>
<li>HTML,Linux, чут чут JavaScript</li>
<li>Git, GitHub</li>
<li>C++, Python</li>
</ul>
</section>

<section>
<h2>Soft skills</h2>
<ul>
<li>Умение работать в команде</li>
<li>Ответственность, обучаемость, коммуникабельность</li>
</ul>
</section>

</body>
</html>