diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..2ba986f --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/1-html-css/homework1/img/header.mov b/1-html-css/homework1/img/header.mov new file mode 100644 index 0000000..1ada170 Binary files /dev/null and b/1-html-css/homework1/img/header.mov differ diff --git a/1-html-css/homework1/img/html5.png b/1-html-css/homework1/img/html5.png new file mode 100644 index 0000000..5e2696f Binary files /dev/null and b/1-html-css/homework1/img/html5.png differ diff --git a/1-html-css/homework1/img/js.jpg b/1-html-css/homework1/img/js.jpg new file mode 100644 index 0000000..1ecb8ab Binary files /dev/null and b/1-html-css/homework1/img/js.jpg differ diff --git a/1-html-css/homework1/img/js.png b/1-html-css/homework1/img/js.png new file mode 100644 index 0000000..239fcb9 Binary files /dev/null and b/1-html-css/homework1/img/js.png differ diff --git a/1-html-css/homework1/img/ts.png b/1-html-css/homework1/img/ts.png new file mode 100644 index 0000000..05bfbe8 Binary files /dev/null and b/1-html-css/homework1/img/ts.png differ diff --git a/1-html-css/homework1/index.html b/1-html-css/homework1/index.html index 77d3048..ee536e2 100644 --- a/1-html-css/homework1/index.html +++ b/1-html-css/homework1/index.html @@ -11,23 +11,37 @@ - +
+ +
Отзывы
-

Code Lessons

+
+ +
+
Here is what google skills look like
+
+
+

Code Lessons

+
@@ -66,6 +80,8 @@

© All rights reserved. 2023

+
+
\ No newline at end of file diff --git a/1-html-css/homework1/style.css b/1-html-css/homework1/style.css index 9b6b3a0..f8efae7 100644 --- a/1-html-css/homework1/style.css +++ b/1-html-css/homework1/style.css @@ -1,8 +1,29 @@ +.div_header { + background-image: url(https://deadsign.ru/images/articles/code/code-11.jpg); + background-repeat: no-repeat; + background-size: 100%; + background-position: 0% 40%; + height: 280px; +} + +.header_h1 { + color: bisque; + text-align: center; + padding-left: 50%; + padding-top: 12%; +} + .footer { text-align: center; color: #777; } +.footer-gradient { + background: rgb(117, 112, 228); + background: linear-gradient(90deg, rgba(117, 112, 228, 1) 0%, rgba(135, 135, 247, 1) 21%, rgba(0, 212, 255, 1) 97%); + height: 20px; +} + p { font-family: Helvetica, Arial, sans-serif; } @@ -54,4 +75,63 @@ a:focus { margin-left: 5px; margin-right: 5px; font-weight: 600; +} + +.icon { + width: 20px; + border-radius: 50%; +} + +.icon:hover { + opacity: 0.7; +} + +.video-container { + height: 100px; + width: 100%; + max-width: 2000px; + position: relative; + overflow: hidden; +} + +video { + object-fit: cover; + position: absolute; + height: 100px; + width: 100%; + top: 0; + left: 0; +} + +.video-container:after { + content: ''; + display: block; + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + background: rgba(black, .2); + z-index: 1; +} + +.desc { + font-family: Raleway; + font-weight: 400; + color: coral; + font-size: 18px; +} + +.callout { + position: relative; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + height: 100%; + text-align: center; + position: relative; + z-index: 10; + width: 70%; + margin: auto; } \ No newline at end of file