From 8157ce49b894aea0c0653820889c8993d8809d58 Mon Sep 17 00:00:00 2001 From: valitovgaziz Date: Sat, 9 Aug 2025 05:14:10 +0500 Subject: [PATCH] modified: begushiybashkir/src/index.html modified: begushiybashkir/src/styles/style.css text on top of img --- begushiybashkir/src/index.html | 28 ++++++----- begushiybashkir/src/styles/style.css | 72 +++++++++++++++++----------- 2 files changed, 61 insertions(+), 39 deletions(-) diff --git a/begushiybashkir/src/index.html b/begushiybashkir/src/index.html index ae13dad..7049794 100644 --- a/begushiybashkir/src/index.html +++ b/begushiybashkir/src/index.html @@ -11,18 +11,22 @@
- BegushiyBashkirClub'sPhoto -

Running club - Беговой клуб

-

Begushiy Bashkir

-

- «БЕГ — ЭТО НЕ ТОЛЬКО СКОРОСТЬ. ЭТО — СИЛА ПРЕДКОВ, ДУХ БАТЫРА И - ШАПКА-БҮРЕК НА ГОЛОВЕ!» -

+
+ BegushiyBashkirClub'sPhoto +
+
+

Begushiy Bashkir

+

Running club - Беговой клуб

+

+ «БЕГ — ЭТО НЕ ТОЛЬКО СКОРОСТЬ. ЭТО — СИЛА ПРЕДКОВ, ДУХ БАТЫРА И + ШАПКА-БҮРЕК НА ГОЛОВЕ!» +

+
diff --git a/begushiybashkir/src/styles/style.css b/begushiybashkir/src/styles/style.css index 22bbbfa..2b4aceb 100644 --- a/begushiybashkir/src/styles/style.css +++ b/begushiybashkir/src/styles/style.css @@ -1,48 +1,66 @@ -@import url('mobileStyle.css'); -@import url('tabletStyle.css'); -@import url('descktopStyle.css'); +@import url("mobileStyle.css"); +@import url("tabletStyle.css"); +@import url("descktopStyle.css"); html { - margin: 0; - padding: 0; - background-color: #d4f0cc; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; + margin: 0; + padding: 0; + background-color: #d4f0cc; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; } body { - margin: 0; - padding: 0; - background-color: #db7e7e; + margin: 0; + padding: 0; + background-color: #db7e7e; } header { - background-color: #888888; + background-color: #888888; + display: flex; + justify-content: center; + align-items: center; +} + +.header_img { + position: relative; + width: 100%; + height: auto; +} + +.text_card { + position: absolute; /* накладываем элемент поверх */ + bottom: 0; + top: 0; + left: 0; + right: 0; + background-color: rgba(0, 255, 0, 0.5); } footer { - position: fixed; - bottom: 0; - width: 100%; - background-color: #020202; + position: fixed; + bottom: 0; + width: 100%; + background-color: #020202; } .MainContent { - margin: 20px; - padding: 20px; - background-color: #ffffff; - box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); - border-radius: 1em; + margin: 20px; + padding: 20px; + background-color: #ffffff; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); + border-radius: 1em; } img { - width: 100%; - height: auto; + width: 100%; + height: auto; } .PhotoZagirTrainer { - min-width: 150px; - max-width: 400px; + min-width: 150px; + max-width: 400px; }