commit 5821a871348e3fe83903e152d0d275883eb25b36 Author: Pawel Dudzik Date: Fri Apr 4 15:35:31 2025 +0200 Initial version of R11 website diff --git a/Release11logo_color.svg b/Release11logo_color.svg new file mode 100644 index 0000000..6dfa487 --- /dev/null +++ b/Release11logo_color.svg @@ -0,0 +1,47 @@ + + + diff --git a/Release11logo_szare.svg b/Release11logo_szare.svg new file mode 100644 index 0000000..7ba051d --- /dev/null +++ b/Release11logo_szare.svg @@ -0,0 +1,46 @@ + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..dfd3243 --- /dev/null +++ b/index.html @@ -0,0 +1,47 @@ + + + + + + Moja Strona + + + + +

+ +

Witaj na mojej stronie

To jest prosta strona z użyciem classless CSS. Wszystko wygląda schludnie od razu.

+ + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..94d0f9d --- /dev/null +++ b/style.css @@ -0,0 +1,72 @@ +body { + max-width: 1200px; + color: #1A161A; + font-size: 1em; + font-family: 'Roboto', Arial, sans-serif; + font-weight: 300; +} + +header { + float: left; + width: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 99; + background: #fff; + transition: all 0.3s ease; + height: 60px; + padding-top: 20px; +} + +header div { + padding-right: 2em; + padding-left: 2em; +} + +header div img { + height: 35px; +} + +header li a { + margin: 0; + padding: 0.25em 10px; + border: 0; + float: left; + width: 100%; + padding: 3px 10px 3px 10px; + color: #1A161A; + font-size: 1.250em; + text-decoration: none; + background: transparent; + font-weight: 300; + position: relative; + height: 30px; +} + +header li a:hover { + color: #fff; + transition: all 0.5s ease; + background: #33A5CB; + text-decoration: none; +} + +nav ul { + display: flex; + list-style: none; + gap: 1rem; + padding: 0; + margin: 0; +} + +footer { + background-color: #242424; + width: 100%; +} + +footer div { + display: flex; + background-color: #fff; + color: #464646; + font-size: 0.750em; +} \ No newline at end of file