From 36afbe411a0baf3bbc516ba205ddbbdab7fef4f8 Mon Sep 17 00:00:00 2001 From: Sandra Date: Mon, 28 Jul 2025 13:32:19 +0200 Subject: [PATCH 1/8] complete task 01 --- 01/index.html | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) diff --git a/01/index.html b/01/index.html index 194076af..95130d98 100644 --- a/01/index.html +++ b/01/index.html @@ -7,6 +7,54 @@ devmentor.pl - HTML & CSS BASICS - #01 +
+
Logo
+
Menu +
  • +
      +
    • Start
      • +
    • Tytuł
      • +
    • Autor
      • +
    • Data
      • +
    +
    • +
    +
    +
    +
    +
    +

    Tytuł

    + Autor + Data publikacji +
    +

    Treść

    + +
    +
    +
    + + + +
    +
    +
    + Autor + Data +

    Treść komentarza

    +
    +
    + Autor + Data +

    Treść komentarza

    +
    +
    + Autor + Data +

    Treść komentarza

    +
    +
    +
    + \ No newline at end of file From d5aa6c1d03a2d60edf247eb75f646c6c3b7f7529 Mon Sep 17 00:00:00 2001 From: Sandra Date: Mon, 28 Jul 2025 19:01:28 +0200 Subject: [PATCH 2/8] complete task 02 --- 02/styles/index.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/02/styles/index.css b/02/styles/index.css index 6f4fd057..095128dc 100644 --- a/02/styles/index.css +++ b/02/styles/index.css @@ -7,7 +7,7 @@ Znacznik label, którego przodkiem jest klasa .ac-container (0, 1, 1) */ -?? { +.ac-container label { height: 30px !important; line-height: 21px !important; font-size: 12px !important; @@ -47,7 +47,7 @@ Zmiana koloru tła po najechaniu przez kursor myszy na znacznik label, który znajduje się wewnątrze elementu o klasie .ac-container (0, 2, 1) */ -?? { +.ac-container label:hover { background: #fff; } @@ -61,8 +61,8 @@ i ten brat musi posiadać przodka o klasie .ac-container to samo co w 1) ale z efektem najechania kursorem na label (0, 3, 2) */ -??, -?? { +.ac-container label:hover, +.ac-container label:active { background: #f1f2f3; color: #666; text-shadow: 0 1px 1px rgba(255,255,255,0.6); @@ -89,7 +89,7 @@ którego poprzedni brat jest zaznaczonym inputem (użyj pseudoklasy), którego przodek to element o klasie .ac-container (0, 3, 3) */ -?? { +.ac-container input:active label:hover { background-image: url(../images/arrow_up.png); } @@ -126,7 +126,7 @@ Rodzeństwo o typie article, dla elementu input, który jest zaznaczony (użyj p oraz posiada przodka o klasie .ac-container (0, 2, 2) */ -?? { +.ac-container input:active article { -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear; From 9ef487ee2740de26d15f4de0dbde0687786e705b Mon Sep 17 00:00:00 2001 From: Sandra Date: Mon, 28 Jul 2025 20:46:12 +0200 Subject: [PATCH 3/8] complete task 03 --- 03/index.html | 1 + 03/styles/index.css | 62 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 63 insertions(+) create mode 100644 03/styles/index.css diff --git a/03/index.html b/03/index.html index 0c018343..b997f409 100644 --- a/03/index.html +++ b/03/index.html @@ -5,6 +5,7 @@ devmentor.pl - HTML & CSS BASICS - #03 + diff --git a/03/styles/index.css b/03/styles/index.css new file mode 100644 index 00000000..c4ee6f4a --- /dev/null +++ b/03/styles/index.css @@ -0,0 +1,62 @@ +@font-face { + font-family: 'Source Sans PRO'; + src: url(source-sans-pro/SourceSansPro-Bold.otf) format('opentype'); + font-style: normal; + font-weight: bold; +} + +.parent { + width: 600px; + padding: 20px; +} + +.child { + box-sizing: border-box; + display: inline-block; + vertical-align: top; +} + +.child--first, +.child--middle { + width: calc(30% - 10px); + margin-right: 10px; +} + +.child--first { + font-family: 'Source Sans PRO'; + font-weight: normal; +} + +.child--middle { + font-family: 'Source Sans PRO'; + font-weight: bold; +} + +.child--last { + width: 40%; + font-family: 'Source Sans PRO'; + font-style: italic; +} + +.parent--flexbox { + display: flex; + gap: 10px; +} + +.parent--inline-block { + font-size: 0; +} + +.parent--inline-block .child { + font-size: 16px; +} + +.parent--float::after { + content: ''; + display: block; + clear: both; +} + +.parent--float .child { + float: left; +} \ No newline at end of file From caac5f2c6464e53780b97e9700567ef28e8e1515 Mon Sep 17 00:00:00 2001 From: Sandra Date: Tue, 29 Jul 2025 13:37:22 +0200 Subject: [PATCH 4/8] complete task 04 --- 04/index.html | 31 +++++++++++++++ 04/styles/styles.css | 91 ++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 122 insertions(+) create mode 100644 04/index.html create mode 100644 04/styles/styles.css diff --git a/04/index.html b/04/index.html new file mode 100644 index 00000000..67563a49 --- /dev/null +++ b/04/index.html @@ -0,0 +1,31 @@ + + + + + + Document + + + +
    + +
    + + \ No newline at end of file diff --git a/04/styles/styles.css b/04/styles/styles.css new file mode 100644 index 00000000..a12287ff --- /dev/null +++ b/04/styles/styles.css @@ -0,0 +1,91 @@ +body { + background-color: #f6f6f6; +} + +.header { + width: auto; + background-color: white; + border: none; +} + +.menu-list { + display: flex; + justify-content: flex-start; + gap: 2rem; + font-family: Arial, Helvetica, sans-serif; + font-weight: 500; + font-size: 1rem; +} + +.menu-li { + padding: 1rem; + cursor: pointer; + position: relative; + list-style: none; +} + +.rotate { + display: inline-block; + background-color: transparent; + transform: rotate(90deg); + margin-left: 0.5rem; +} + +.rotate-submenu { + display: inline-block; + margin-left: 5rem; +} + + +.menu-li:hover { + color: #54BBEA; +} + +.menu-li::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 3px; + background-color: #54BBEA; + opacity: 0; + transition: opacity 0.2s ease; +} + +.menu-li:hover::before { + opacity: 1; +} + + +.submenu { + display: none; + flex-direction: column; + position: absolute; + top: 100%; + left: 0; + list-style: none; + color: white; + background-color:#222; + min-width: 10rem; + gap: 1rem; +} +.submenu-li { + position: relative; + padding: 0.5rem; +} + +.has-submenu { + position: relative; +} + +.menu-li:hover > .submenu, +.has-submenu:hover > .submenu { + display: flex; +} + +.has-submenu .submenu { + top: 0; + left: 100%; +} + From d539352bb0a14a534df0ca01367f3bde02312e41 Mon Sep 17 00:00:00 2001 From: Sandra Date: Tue, 29 Jul 2025 22:30:22 +0200 Subject: [PATCH 5/8] complete task 05. Complete all tasks --- 05/assets/logo.png | Bin 0 -> 17775 bytes 05/index.html | 57 +++++++++++++++++++++++++++++++++++++++++++ 05/styles/styles.css | 47 +++++++++++++++++++++++++++++++++++ 3 files changed, 104 insertions(+) create mode 100644 05/assets/logo.png create mode 100644 05/index.html create mode 100644 05/styles/styles.css diff --git a/05/assets/logo.png b/05/assets/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..3cafec9a6a69bb60be08219684198e84ae45f093 GIT binary patch literal 17775 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 + + + + + Document + + + +
    +
    + +
    + Home + Contact + Map + Adres +
    +
    +
    +
    +
    +
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. +
    +
    + Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, + eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim + ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui + ratione voluptatem sequi nesciunt. +
    +
    +
    +
    +
    +
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +
    +
    + Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, + eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. +
    +
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +
    +
    +
    +
    +

    Author: Sandra Mstowska

    +

    sandra.mstowskaa@gmail.com

    +
    + + \ No newline at end of file diff --git a/05/styles/styles.css b/05/styles/styles.css new file mode 100644 index 00000000..24d59e28 --- /dev/null +++ b/05/styles/styles.css @@ -0,0 +1,47 @@ +.container { + width: 100%; + + display: flex; + justify-content: center; + margin-bottom: 2rem; +} + +.header, +.section-1 { + display: flex; + justify-content: space-between; + width: 1000px; + padding: 1rem; +} + +.section-1, +.section-2 { + gap: 1rem; +} + +.section-2 { + display: flex; + justify-content: space-around; + width: 1000px; + margin: 1rem; +} + + +.footer { + display: flex; + justify-content: center; + align-items: center; + gap: 3rem; + min-width: 100px; + background-color: lightslategray; +} + +.logo { + width: 2rem; + height: 2rem; +} + +.menu { + display: flex; + gap: 1rem; +} \ No newline at end of file From efc8111ede943881a3cd9e59d45563eb400fa4f0 Mon Sep 17 00:00:00 2001 From: Sandra Date: Wed, 30 Jul 2025 12:21:00 +0200 Subject: [PATCH 6/8] correct bugs from code review --- 01/index.html | 46 ++++++++++++++++++++++++++++++++++------------ 1 file changed, 34 insertions(+), 12 deletions(-) diff --git a/01/index.html b/01/index.html index 95130d98..38791c18 100644 --- a/01/index.html +++ b/01/index.html @@ -29,32 +29,54 @@

    Tytuł

    Treść

    -
    + + + + + + + + + + + + + + + + + + + + + +
    AnimalPaws
    Dog4
    Chicken2
    Snake0
    Spider8
    - - - +
    + + + +
    -
    +
    Autor Data

    Treść komentarza

    -
    -
    + +
    Autor Data

    Treść komentarza

    -
    -
    + +
    Autor Data

    Treść komentarza

    -
    +
    -
    Prawa autorskie Sandra Mstowska
    - +
    Prawa autorskie Sandra Mstowska
    \ No newline at end of file From a16285f7d277da1afcc527b7f97438e1cc510e9d Mon Sep 17 00:00:00 2001 From: Sandra Date: Wed, 30 Jul 2025 12:26:54 +0200 Subject: [PATCH 7/8] change font-weight from bold to normal --- 03/styles/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/03/styles/index.css b/03/styles/index.css index c4ee6f4a..0637660f 100644 --- a/03/styles/index.css +++ b/03/styles/index.css @@ -2,7 +2,7 @@ font-family: 'Source Sans PRO'; src: url(source-sans-pro/SourceSansPro-Bold.otf) format('opentype'); font-style: normal; - font-weight: bold; + font-weight: normal; } .parent { From 3b39813e30b3bac29f681e8a2ec202aa9af39feb Mon Sep 17 00:00:00 2001 From: Sandra Date: Wed, 30 Jul 2025 12:30:34 +0200 Subject: [PATCH 8/8] change menu selector from div to nav --- 05/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/05/index.html b/05/index.html index bfa6e009..d5e793bf 100644 --- a/05/index.html +++ b/05/index.html @@ -10,12 +10,12 @@
    -
    +
    +