From 9667ecfbe964deb4886517093884e3f50a7ba433 Mon Sep 17 00:00:00 2001 From: Grossbauch Date: Tue, 7 Apr 2026 19:06:09 +0500 Subject: [PATCH 1/7] number 1 --- index.html | 12 +++++++++++- styles.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 60 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 846cf93..6a30a3e 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,17 @@ - +
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/styles.css b/styles.css index e69de29..b28e59b 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,49 @@ +.square { + width: 100px; + height: 100px; + border: 1px solid #000; + box-sizing: border-box; + position: relative; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 20px; +} + +.logo-japan { + height: 80px; +} + +.logo-japan_circle { + width: 50px; + height: 50px; + background-color: red; + border-radius: 50%; +} + +.windows { + flex-wrap: wrap; + justify-content: space-around; +} + +.windows_cube { + width: 45px; + height: 45px; +} + +.windows_cube1 { + background-color: orangered; +} + +.windows_cube2 { + background-color: greenyellow; +} + +.windows_cube3 { + background-color: skyblue; +} + +.windows_cube4 { + background-color: yellow; +} \ No newline at end of file From c861392b18342f0db491079284c50ee58492f4e8 Mon Sep 17 00:00:00 2001 From: Quatov Date: Tue, 7 Apr 2026 19:17:55 +0500 Subject: [PATCH 2/7] 2-3 points done --- .idea/.gitignore | 8 ++++ .idea/encodings.xml | 4 ++ index.html | 19 +++++++- styles.css | 105 ++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 135 insertions(+), 1 deletion(-) create mode 100644 .idea/.gitignore create mode 100644 .idea/encodings.xml diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..7e5b7d7 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/encodings.xml b/.idea/encodings.xml new file mode 100644 index 0000000..df87cf9 --- /dev/null +++ b/.idea/encodings.xml @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/index.html b/index.html index 846cf93..091c917 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,24 @@ - +
+

Modal window

+ +
+ \ No newline at end of file diff --git a/styles.css b/styles.css index e69de29..69d767e 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,105 @@ +.modal_window { + margin-bottom: 30px; +} + +.open_button { + padding: 12px 20px; + font-size: 16px; + border: none; + background: #333; + color: white; + border-radius: 8px; + cursor: pointer; +} + +.open_button:hover { + background: #555; +} + +.hidden { + display: none; +} + +.modal-overlay { + position: fixed; + inset: 0; + background: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 3; +} + +.modal { + width: 640px; + max-width: calc(100% - 40px); + background: white; + border-radius: 14px; + padding: 30px 25px 35px; + position: relative; + box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25); +} + +.modal h3 { + margin-top: 0; + margin-bottom: 15px; +} + +.modal p { + margin-bottom: 25px; + line-height: 1.5; +} + +.close_button { + margin-top: 15px; + padding: 10px 18px; + background: #6abf69; + color: white; + border: none; + border-radius: 6px; + font-size: 14px; + cursor: pointer; +} + +.close_button:hover { + background: orange; +} + +.progress { + position: relative; + width: 100%; + height: 42px; + background: white; + border-radius: 10px; + overflow: hidden; +} + +.progress-fill { + position: absolute; + top: 0; + left: 0; + width: 0; + height: 100%; + background: red; + z-index: 1; +} + +.progress-text { + position: absolute; + inset: 0; + display: flex; + justify-content: center; + align-items: center; + font-weight: bold; + z-index: 2; + pointer-events: none; +} + +.progress-text-dark { + color: black; +} + +.progress-text-light { + color: white; + width: 0; +} \ No newline at end of file From 96ad60da47ae2456268b1b378e9993b381233d19 Mon Sep 17 00:00:00 2001 From: Tim Date: Tue, 7 Apr 2026 19:23:06 +0500 Subject: [PATCH 3/7] 2 --- index.html | 13 +++++++++++++ index.js | 9 ++++++++- styles.css | 39 +++++++++++++++++++++++++++++++++++++++ 3 files changed, 60 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 6a30a3e..8f32717 100644 --- a/index.html +++ b/index.html @@ -17,6 +17,19 @@
+ + + + + +
+
+

Header

+

ловииоавиоватоитватдтдвалттлвамлтватлд мыоаозвытлзатвлдыатлдвытдатдвылдтатлдвыатлдвытлдатлд атлдвыдтлавтлдыатлдвытлдатлдвытлдавтлыдатлвытлдатлвылтатл атлдывтлдавытлдатлвытлавтлыдатлвылтдатлдвытлалвтыдлатдвытлажыавлта аьвыьджавджыаьдвыьдаджвы твитлщвпитваитлшатлшлтл тлптлваитлдпптлдитлдптилдпадлитлдпалдт тлптлдватлдватлдптлдватлпдватлдптлдва

+ +
+
+ \ No newline at end of file diff --git a/index.js b/index.js index dd50919..18fa2a0 100644 --- a/index.js +++ b/index.js @@ -4,4 +4,11 @@ const element = document.querySelector('.myElement'); element.style.color = 'red'; element.style.width = '300px'; -*/ \ No newline at end of file +*/ +const overlay = document.getElementById('overlay'); +const openBtn = document.getElementById('openBtn'); +const closeBtn = document.getElementById('closeBtn'); + +openBtn.onclick = () => overlay.classList.add('active'); +closeBtn.onclick = () => overlay.classList.remove('active'); +overlay.onclick = (e) => { if (e.target === overlay) overlay.classList.remove('active'); }; \ No newline at end of file diff --git a/styles.css b/styles.css index b28e59b..1aaa935 100644 --- a/styles.css +++ b/styles.css @@ -46,4 +46,43 @@ .windows_cube4 { background-color: yellow; +} + +.btn { + padding: 12px 24px; + font-size: 16px; +} + +.overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0,0,0,0.5); + display: flex; + justify-content: center; + align-items: center; + visibility: hidden; + opacity: 0; +} + +.overlay.active { + visibility: visible; + opacity: 1; +} + +.modal { + width: 640px; + background: white; + border-radius: 4px; + position: relative; + padding: 20px; +} + +.close { + padding: 12px 24px; + font-size: 16px; + background-color: #107010; + color:white; } \ No newline at end of file From dbf2247c050636cfc7078a502b247b1e23de0f3c Mon Sep 17 00:00:00 2001 From: Tim Date: Tue, 7 Apr 2026 19:34:19 +0500 Subject: [PATCH 4/7] 2 dodelal --- index.html | 19 ------------------- index.js | 23 ++++++++++++++++++++--- styles.css | 2 ++ 3 files changed, 22 insertions(+), 22 deletions(-) diff --git a/index.html b/index.html index a003b68..8f32717 100644 --- a/index.html +++ b/index.html @@ -6,24 +6,6 @@ -<<<<<<< HEAD -
-

Modal window

- -
- - + +
+
+ + +
+ бебебе бабаба +
+
+
+ + +
+ бебебе бабаба +
+
+
+ + +
+ бебебе бабаба +
+
+
diff --git a/styles.css b/styles.css index acee2a3..3b457f5 100644 --- a/styles.css +++ b/styles.css @@ -123,4 +123,39 @@ .load-text--white { color: white; width: 640px; -} \ No newline at end of file +} + +.accordion_content { + max-height: 0; + overflow: hidden; + background: white; + border-radius: 0 0 20px 20px; + padding: 0 20px; +} + +.accordion_item input:checked ~ .accordion_content { + max-height: 300px; + padding: 0 20px 6px 20px; +} + +.accordion_item { + margin-bottom: 12px; + border: 1px solid #696969; + border-radius: 6px; + background: #cecece; +} + +.accordion_item input { + display: none; +} + +.accordion_label::before { + content: ">"; + font-size: 14px; + display: inline-block; + width: 20px; +} + +.accordion_item input:checked ~ .accordion_label::before { + transform: rotate(90deg); +}