From b620a1a2d2d90a3c9c902fd03439e83cd4c6818f Mon Sep 17 00:00:00 2001 From: Arek Date: Thu, 19 May 2022 13:43:13 +0200 Subject: [PATCH] feat: :sparkles: Strona glowna Dodanie strony glownej --- frontend/strona_glowna/index.html | 41 ++++++++++++ frontend/strona_glowna/style.css | 106 ++++++++++++++++++++++++++++++ 2 files changed, 147 insertions(+) create mode 100644 frontend/strona_glowna/index.html create mode 100644 frontend/strona_glowna/style.css diff --git a/frontend/strona_glowna/index.html b/frontend/strona_glowna/index.html new file mode 100644 index 0000000..267efa8 --- /dev/null +++ b/frontend/strona_glowna/index.html @@ -0,0 +1,41 @@ + + + + + + + + Strona główna + + + + +
+

Padel

+ Wiadomości + Kalendarz turniejów + Ranking + Wyniki + Kontakt + + +
+
+
+
Nadchodzące turnieje
+
Turniej majowy 2022 +

Propadel|Warszawa

+

13/05/2022 do 15/05/2022

+ +
+
Trójmiasto Cup 2022 +

Padbox | Gdańsk

+

03/06/2022 do 05/06/2022

+ +
+
+
+
+ + + \ No newline at end of file diff --git a/frontend/strona_glowna/style.css b/frontend/strona_glowna/style.css new file mode 100644 index 0000000..780248b --- /dev/null +++ b/frontend/strona_glowna/style.css @@ -0,0 +1,106 @@ +* { + /* border: solid; */ +} + +a { + text-align: center; + line-height: 2; + color: white; + text-decoration: none; +} + +.loginn { + background-color: skyblue; + border-radius: 31px; + border: 1px solid skyblue; + cursor: pointer; + color: #ffffff; + font-family: Arial; + text-decoration: none; + height: 30px; + +} + + +header { + display: flex; + flex-flow: row wrap; + justify-content: space-between; + background-color: #0f64f2; + margin: auto; + padding-top: 10px; + padding-bottom: 10px; + +} + +header>p { + text-align: center; + line-height: 0; +} + +.container { + height: 100%; + width: 100%; + display: flex; + justify-content: flex-end; + +} + +.eventHeader { + text-align: center; + padding-top: 5px; + padding-bottom: 5px; +} + +.event { + background-color: #0f64f2; + color: white; + border-style: solid; + border-width: 2px; + margin-top: 25px; + margin-right: 25px; + flex-direction: column; + flex-wrap: wrap; + height: auto; + + +} + +.eventInside { + background-color: white; + color: #4C8BF5; + height: auto; + border: solid; + border-color: lightgray; + padding: 10px; + +} + +.eventInside>p { + color: lightgray; +} + +.myButton { + background-color: #4C8BF5; + border-radius: 28px; + border: 1px solid #4C8BF5; + display: inline-block; + cursor: pointer; + color: #ffffff; + font-family: Arial; + font-size: 9px; + padding: 8px 13px; + text-decoration: none; +} + +@media all and (max-width: 800px) { + header { + justify-content: space-around; + } +} + +@media all and (max-width: 800px) { + header { + flex-direction: colum; + } +} \ No newline at end of file