diff --git a/FrontEnd/src/app/footer/footer.component.css b/FrontEnd/src/app/footer/footer.component.css index dbbc5a3..f2c69ea 100644 --- a/FrontEnd/src/app/footer/footer.component.css +++ b/FrontEnd/src/app/footer/footer.component.css @@ -5,6 +5,6 @@ bottom: 0; width: 100%; max-width: 100%; - background-color: rgb(24, 22, 22); + background-color: black; padding: 1rem 0; } diff --git a/FrontEnd/src/app/home-page/home-page.component.css b/FrontEnd/src/app/home-page/home-page.component.css index 78c2f8b..7906d00 100644 --- a/FrontEnd/src/app/home-page/home-page.component.css +++ b/FrontEnd/src/app/home-page/home-page.component.css @@ -1,96 +1,37 @@ -.wrapper{ - height: 100%; -} -.top-section{ - min-height: 40%; - width: 100%; - color: white; - text-align: center; - padding-top: 100px; - padding-left: 10px; - padding-right: 10px; -} - -.title{ - font-size: 48px; -} - -.text-content{ - font-size: 24px; -} - -.yellow-font{ - color: rgb(206, 168, 86); -} .bottom-section{ font-size: 20px; box-sizing: border-box; min-height: 60%; width: 100%; - padding: 36px; + padding: 50px; padding-top: 20px; padding-bottom: 64px; color: white; text-align: justify; text-justify: inter-word; - background-color: rgb(24, 22, 22); - max-width: 90%; + background-color: black; + max-width: 50%; margin: 0 auto; line-height: 200%; + } -h2{ - text-align: center; - color: rgb(206, 168, 86); - font-weight: bold; - padding: 25px 0; -} -.students-paragraph{ - background-image:url("./../../assets/study1.png"); - background-position: center right; - background-repeat: no-repeat; - background-size: auto 100%; - text-shadow: 2px 2px #000000; +.home-logo +{ + max-width: 100%; } -.teachers-paragraph{ - background-image:url("./../../assets/study2.png"); - background-position: center left; - background-repeat: no-repeat; - background-size: auto 100%; - text-shadow: 2px 2px #000000; -} @media screen and (max-width: 800px) { - h2{ - background-size: auto 100%; - } .bottom-section{ display: block; padding-bottom: 20px; + max-width: 90%; } - .top-section{ - width: 100%; - padding: 70px 0; - } - -} - -@media screen and (max-width: 440px) { - .title { - font-size: 36px; - } - - .students-paragraph{ - background-size: 100% auto; - } - - .teachers-paragraph{ - background-size: 100% auto; - } + } diff --git a/FrontEnd/src/app/home-page/home-page.component.html b/FrontEnd/src/app/home-page/home-page.component.html index 325e9c1..c7823f0 100644 --- a/FrontEnd/src/app/home-page/home-page.component.html +++ b/FrontEnd/src/app/home-page/home-page.component.html @@ -1,58 +1,3 @@ -
-
-
-

Platforma - e-learningowa dla uczniów i nauczycieli -

-
- Witamy w naszej platformie e-learningowej stworzonej z myślą o uczniach i - nauczycielach. Tutaj znajdziesz materiały oraz testy do nauki z wielu przedmiotów, jak również minigry oparte - na materiałach. +
+
- -
-
-
-

Dla uczniów

-

Nauka jest dla Ciebie raczej przykrym obowiązkiem niż ciekawym zajęciem? Masz trudności z - zapamiętywaniem lub - nie znalazłeś jeszcze swojej metody na przyswajanie wiedzy? Oferujemy Ci ogromny wybór metod i materiałów, - zaczynając - od tworzenia i przeglądania fiszek, aż do testów prawda-fałsz i tych wielokrotnego wyboru. Dbamy o - różnorodność - oferowanych Ci metod, więc ponadto możesz wybierać też spośród gry memory, uzupełniania luk w tekście, - rozsypanki - wyrazowej i łączenia w pary.

-

- Naszym celem jest wspomaganie Twojej nauki i pokazanie Ci, że nie taki diabeł straszny - oderwij się na - chwilę - od czytania w kółko jednego rozdziału i usiłowania zapamiętać wszystkiego, co tam napisano. Gwarantujemy - świetną - zabawę i miłe urozmaicenie. Dlaczego warto skorzystać akurat z naszej platformy? Według zasady: uczniowie - uczniom. - Rozumiemy was i wiemy najlepiej, że na naukę nie zawsze jest czas i chęć. A może te chęci pojawią się gdy - spróbujecie - nieco innej metody? Czy nie warto dać sobie szansy na poprawę swoich wyników i wzbogacenie wiedzy? - Niezależnie - od tego, czy masz lat -naście czy -dziesiąt, uczysz się przez całe życie. -

-
-
-

Dla nauczycieli

-

Szukają Państwo miejsca gdzie można przygotować interaktywne testy lub materiały dla - uczniów? Te miejsce jest - do tego idealne. Oferujemy dużą różnorodność zadań, które mogą być dostosowane do wielu przedmiotów. Nasze - zasoby - pozwolą uczniom łątwiej przyswoić wiedzę i przygotować się do sprawdzianów. Nasza strona jest przystosowana - również - do urządzeń mobilnych, więc w łatwy sposób można korzystać z niej w każdym miejscu. - Mają Państwo możliwość stworzyć własne testy i materiały, jak również skorzystania z publicznych dóbr - stworzonych przez innych użytkowników. - Zaawansowane narzędzia szukania pozwolą w łatwy sposób znaleźć to czego Państwo potrzebują. Mamy nadzieję, że - nasza platforma ułatwi proces przygotowywania testów i materiałów oraz nada im ciekawą formę. - Nam też zależy, żeby nauka była dla uczniów czymś przyjemnym i żeby Państwa praca przynosiła jak najlepsze - efekty. -

-
-
-
\ No newline at end of file diff --git a/FrontEnd/src/app/main-navigation/main-navigation.component.css b/FrontEnd/src/app/main-navigation/main-navigation.component.css index 0b11cd1..74fd3d9 100644 --- a/FrontEnd/src/app/main-navigation/main-navigation.component.css +++ b/FrontEnd/src/app/main-navigation/main-navigation.component.css @@ -5,7 +5,7 @@ width: 100%; max-width: 100%; margin: 0 auto; - background-color: #181616; + background-color: black; height: 100px; /*border-bottom: 5px solid white;*/ display: flex; @@ -97,5 +97,12 @@ a:hover{ } a{ font-size: 14px; + margin-bottom: 10px; + } + .menu{ + flex-direction: column; + } } + + diff --git a/FrontEnd/src/app/main-navigation/main-navigation.component.html b/FrontEnd/src/app/main-navigation/main-navigation.component.html index 87fefab..e6fa1b7 100644 --- a/FrontEnd/src/app/main-navigation/main-navigation.component.html +++ b/FrontEnd/src/app/main-navigation/main-navigation.component.html @@ -1,22 +1,19 @@ \ No newline at end of file + +
diff --git a/FrontEnd/src/styles.css b/FrontEnd/src/styles.css index bd7bfa2..ad48d10 100644 --- a/FrontEnd/src/styles.css +++ b/FrontEnd/src/styles.css @@ -10,10 +10,11 @@ body{ font-family: 'Roboto', Arial, Helvetica, sans-serif; color: white; background-size: auto 100%; - background-image: url("./assets/cave2.jpg"); - background-position: center top; + background-image: url("./assets/tlo.png"); + background-position: center ; background-repeat: no-repeat; background-attachment: fixed; + background-color: #000080; } .btn{ @@ -144,3 +145,16 @@ a:hover{ .mat-simple-snackbar { justify-content: center !important; } + +.button +{ + clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%); + background-color: #000080; + width: 180px; + text-align: center; +} + +.button:hover +{ + background-color: orange; +}