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 @@ -
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. -
-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. -
-