6213 ПаршинАМ Лаб.1 #374
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,44 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="ru"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Лабораторная работа 1 — Вариант 28</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
|
|
||
|
|
||
| <div class="text-block-variant28"> | ||
| JavaScript (аббр. JS) — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. Является реализацией спецификации ECMAScript (стандарт ECMA-262). | ||
| JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. | ||
| </div> | ||
|
|
||
|
|
||
| <div class="image-overlay"> | ||
| <img src="images/img1.jpg" alt="Картинка 1" class="overlay-img"> | ||
| <img src="images/img2.jpg" alt="Картинка 2" class="overlay-img"> | ||
| </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="cell"></div> | ||
| <div class="cell"></div> | ||
| <div class="cell"></div> | ||
| <div class="cell"></div> | ||
| <div class="cell"></div> | ||
| <div class="cell"></div> | ||
| <div class="cell"></div> | ||
| <div class="cell"></div> | ||
| <div class="cell"></div> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,111 @@ | ||
| body { | ||
| width: 1000px; | ||
| margin: 0 auto; | ||
| padding: 0 20px 20px 20px; | ||
| border: 5px solid black; | ||
| } | ||
|
|
||
| .text-block { | ||
| color:#AD5D3E; | ||
| background-color: #B7493A; | ||
| text-align: center; | ||
| padding: 20px; | ||
| border-radius: 15px; | ||
| max-width: 1000px; | ||
| line-height: 1.5; | ||
| } | ||
|
|
||
| .image-container { | ||
| position: relative; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| height: 600px; | ||
| margin: 20px 0; | ||
| } | ||
|
|
||
| .image-container__image { | ||
| position: absolute; | ||
| max-width: 400px; | ||
| } | ||
|
|
||
| .image-container__image--background { | ||
| z-index: 1; | ||
| } | ||
|
|
||
| .image-container__image--overlay { | ||
| top: 50%; | ||
| left: 50%; | ||
| transform: translate(-50%, -50%); | ||
| z-index: 2; | ||
| } | ||
|
|
||
|
|
||
| .traffic-lights { | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| background: #4c4c4c; | ||
| width: 110px; | ||
| padding: 20px; | ||
| border-radius: 10px; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| .traffic-light { | ||
| width: 60px; | ||
| height: 60px; | ||
| padding: 20px; | ||
| border-radius: 50px; | ||
| margin: 5px; | ||
| } | ||
|
|
||
| .traffic-light--green { | ||
| background: #009900; | ||
| } | ||
|
|
||
| .traffic-light--yellow { | ||
| background: #ffff00; | ||
| } | ||
|
|
||
| .traffic-light--red { | ||
| background: #fa0000; | ||
| } | ||
|
|
||
| .maze { | ||
| display: grid; | ||
| grid-template-columns: repeat(3, 80px); | ||
| grid-template-rows: repeat(3, 80px); | ||
| justify-content: center; | ||
| margin: 40px 0; | ||
| } | ||
|
|
||
| .maze__cell { | ||
| width: 80px; | ||
| height: 80px; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| border: 2px solid black; | ||
| margin: -1px; | ||
| } | ||
|
|
||
| .maze__row { | ||
| display: flex; | ||
| } | ||
|
|
||
| .maze__cell--open-left { | ||
| border-left-color: transparent; | ||
| } | ||
|
|
||
| .maze__cell--open-right { | ||
| border-right-color: transparent; | ||
| } | ||
|
|
||
| .maze__cell--open-top { | ||
| border-top-color: transparent; | ||
| } | ||
|
|
||
| .maze__cell--open-bottom { | ||
| border-bottom-color: transparent; | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,85 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="ru"> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width,initial-scale=1" /> | ||
| <title>Лабораторная работа 2, вариант 28</title> | ||
| <link href="style.css" rel="stylesheet" /> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="page"> | ||
| <h1 class="page__title">Лабораторная работа 2, вариант 28</h1> | ||
|
|
||
| <section class="task task--1"> | ||
| <h2 class="task__title">Задание 1</h2> | ||
| <ul class="list list--simple"> | ||
| <li class="list__item">Python</li> | ||
| <li class="list__item">JavaScript</li> | ||
| <li class="list__item">Java</li> | ||
| <li class="list__item">C++</li> | ||
| <li class="list__item">Go</li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <section class="task task--2"> | ||
| <h2 class="task__title">Задание 2</h2> | ||
|
|
||
| <div class="parents"> | ||
| <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> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="task task--3"> | ||
| <h2 class="task__title">Задание 3</h2> | ||
|
|
||
| <p class="task__desc"> | ||
| Языки программирования — это инструменты, с помощью которых разработчики создают программное обеспечение, веб-приложения, игры, алгоритмы и многое другое. Каждый язык имеет свои особенности, синтаксис и сферу применения. Ниже представлены некоторые из наиболее известных языков: | ||
| </p> | ||
|
|
||
| <ul class="languages"> | ||
| <li class="languages__item"><a href="#" class="item__link">Python</a> – высокоуровневый язык с простым синтаксисом, популярный в Data Science, веб-разработке и автоматизации.</li> | ||
| <li class="languages__item"><a href="#" class="item__link">JavaScript</a> – основной язык для фронтенд-разработки, работает в браузерах и на сервере (Node.js).</li> | ||
| <li class="languages__item"><a href="#" class="item__link">Java</a> – объектно-ориентированный язык, широко используется в корпоративных приложениях и Android-разработке.</li> | ||
| <li class="languages__item"><a href="#" class="item__link">C++</a> – мощный язык для системного программирования, игр и высокопроизводительных приложений.</li> | ||
| <li class="languages__item"><a href="#" class="item__link">C#</a> – язык от Microsoft, применяется в разработке под Windows, играх (Unity) и веб-приложениях.</li> | ||
| <li class="languages__item"><a href="#" class="item__link">Go (Golang)</a> – созданный Google, язык для высоконагруженных сетевых сервисов и облачных технологий.</li> | ||
| <li class="languages__item"><a href="#" class="item__link">Ruby</a> – известен благодаря фреймворку Ruby on Rails для веб-разработки.</li> | ||
| <li class="languages__item"><a href="#" class="item__link">Swift</a> – язык Apple для разработки под iOS и macOS.</li> | ||
| <li class="languages__item"><a href="#" class="item__link">Kotlin</a> – современный язык, официально поддерживаемый для Android-разработки.</li> | ||
| <li class="languages__item"><a href="#" class="item__link">Rust</a> – язык системного программирования с акцентом на безопасность и производительность.</li> | ||
| </ul> | ||
|
|
||
| <p class="task__note">Это лишь малая часть из множества существующих языков, и выбор зависит от задач, которые нужно решить.</p> | ||
|
|
||
| <p class="task__cta"> | ||
| <a class="cta__pinterest-link" href="https://ru.pinterest.com/pin/596586281928867849/ " target="_blank" rel="noopener">нажми на меня</a> | ||
|
Collaborator
There was a problem hiding this comment. Вот по этому месту вы и спалились на списывание |
||
| </p> | ||
| </section> | ||
| </div> | ||
| </body> | ||
| </html> | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,155 @@ | ||
| body { | ||
| background: #fff0f6; | ||
| font-family: "Segoe UI", sans-serif; | ||
| margin: 0; | ||
| color: #4a0433; | ||
| } | ||
|
|
||
| .page { | ||
| max-width: 1000px; | ||
| margin: 0 auto; | ||
| background: white; | ||
| padding: 30px; | ||
| border-radius: 15px; | ||
| box-shadow: 0 10px 50px rgba(255, 105, 180, 0.2); | ||
| border-left: 5px solid #ec4899; | ||
| } | ||
|
|
||
| .page__title { | ||
| text-align: center; | ||
| color: #be185d; | ||
| margin-bottom: 30px; | ||
| padding-bottom: 15px; | ||
| border-bottom: 3px solid #f472b6; | ||
| } | ||
|
|
||
| .task { | ||
| margin-bottom: 30px; | ||
| padding: 20px; | ||
| background: #fff5f9; | ||
| border-radius: 10px; | ||
| } | ||
|
|
||
| .task__title { | ||
| border-left: 4px solid #f472b6; | ||
| padding-left: 15px; | ||
| background: #ffe4ec; | ||
| color: #a21caf; | ||
| margin: 0 0 14px; | ||
| } | ||
|
|
||
| .list { | ||
| margin: 0 0 0 20px; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .list__item { | ||
| color: #500724; | ||
| transition: color 0.3s ease-in-out; | ||
| margin: 8px 0; | ||
| font-weight: 600; | ||
| } | ||
|
|
||
| .list__item:hover { | ||
| color: #db2777; | ||
| } | ||
|
|
||
| .parent-1__child { | ||
| color: red; | ||
| } | ||
|
|
||
| .parent-2 { | ||
| color: orange; | ||
| } | ||
|
|
||
| .parent-2__child { | ||
| color: #b4005a; | ||
| border: 2px dotted orange; | ||
| max-width: 180px; | ||
| margin: 6px 0; | ||
| padding: 6px; | ||
| } | ||
|
|
||
| .parent-3__child { | ||
| color: inherit; | ||
| } | ||
|
|
||
| .parent-2 ~ .parent-3, | ||
| .parent-2 ~ .parent-3 .parent-3__title, | ||
| .parent-2 ~ .parent-3 .parent-3__child { | ||
| color: green; | ||
| } | ||
|
|
||
| .parent-3 .parent-2__child { | ||
| border: none !important; | ||
| color: purple !important; | ||
| margin: 0 !important; | ||
| padding: 0 !important; | ||
| } | ||
|
|
||
| .languages { | ||
| margin: 0 0 0 20px; | ||
| padding: 0; | ||
| list-style: none; | ||
| position: relative; | ||
| } | ||
|
|
||
| .languages::after { | ||
| content: ""; | ||
| display: block; | ||
| background: #0e4c92 url("https://ssau.ru/i/logo/logo-white-ru.svg ") center/100px no-repeat; | ||
| width: 140px; | ||
| height: 72px; | ||
| border-radius: 4px; | ||
| margin-top: 15px; | ||
| } | ||
|
|
||
| .languages__item { | ||
| margin: 10px 0; | ||
| line-height: 1.45; | ||
| position: relative; | ||
| padding-left: 24px; | ||
| } | ||
|
|
||
| .languages__item::before { | ||
| content: "🌐"; | ||
| position: absolute; | ||
| left: 0; | ||
| top: 0; | ||
| font-size: 1em; | ||
| } | ||
|
|
||
| .item__link { | ||
| text-decoration: none; | ||
| color: #831843; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| .item__link:hover { | ||
| color: #db2777; | ||
| } | ||
|
|
||
| .task__note { | ||
| color: #9d174d; | ||
| margin-top: 12px; | ||
| } | ||
|
|
||
| .task__cta { | ||
| margin-top: 14px; | ||
| } | ||
|
|
||
| .cta__pinterest-link { | ||
| display: inline-block; | ||
| background: #ec4899; | ||
| color: #fff; | ||
| padding: 10px 14px; | ||
| border-radius: 6px; | ||
| text-decoration: none; | ||
| font-weight: 700; | ||
| transition: 0.3s; | ||
| } | ||
|
|
||
| .cta__pinterest-link:hover { | ||
| opacity: 0.95; | ||
| background: #db2777; | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
никак не поменялось