Strona główna
This commit is contained in:
Ania
parent
48d6f7d267
commit
53377fb5fa
|
|
@ -5,6 +5,6 @@
|
|||
bottom: 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
background-color: rgb(24, 22, 22);
|
||||
background-color: black;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,58 +1,3 @@
|
|||
<div class="wrapper">
|
||||
<div class="top-section">
|
||||
<div>
|
||||
<h1 class="title">Platforma
|
||||
<span class="yellow-font">e-learningowa</span> dla uczniów i nauczycieli
|
||||
</h1>
|
||||
<br />
|
||||
<span class="text-content">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.</span>
|
||||
<div class="bottom-section">
|
||||
<img class="home-logo" src=".\.\assets\logo-punktonerzy.PNG" alt="logo">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bottom-section">
|
||||
<div class="students-paragraph">
|
||||
<h2>Dla uczniów</h2>
|
||||
<p>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.</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
<div class="teachers-paragraph">
|
||||
<h2>Dla nauczycieli</h2>
|
||||
<p> 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.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -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;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,22 +1,19 @@
|
|||
<div class="wrapper" id="header">
|
||||
<div class="logo-and-name" routerLink="/home">
|
||||
<img class="logo" src="./assets/logo.png" alt="error">
|
||||
<div class="study-cave">
|
||||
<span class="study">Study</span><span class="cave">Cave</span>
|
||||
</div>
|
||||
<img class="logo" src="./assets/logo-punktonerzy.PNG" alt="error" style="width: 100px; height: 70px;">
|
||||
</div>
|
||||
<div class="menu">
|
||||
<a routerLink="/materials/list"><i class="fas fa-book-open"></i> Zasoby</a>
|
||||
<a routerLink="/tests"><i class="fas fa-pencil-ruler"></i> Testy</a>
|
||||
<a routerLink="/my-groups"><i class="fas fa-users"></i> Grupy</a>
|
||||
<a class="button" routerLink="/materials/list"><i class="fas fa-book-open"></i> Zasoby</a>
|
||||
<a class="button" routerLink="/tests"><i class="fas fa-pencil-ruler"></i> Testy</a>
|
||||
<a class="button" routerLink="/my-groups"><i class="fas fa-users"></i> Grupy</a>
|
||||
<div class="log-reg-container" *ngIf="!isLogin">
|
||||
<a routerLink="/login" class="y-background"><i class="fas fa-sign-in-alt"></i> Logowanie</a>
|
||||
<a routerLink="/sign-up"><i class="fas fa-user-plus"></i> Rejestracja</a>
|
||||
<a routerLink="/login" class="button" style="margin-bottom: 10px;"><i class="fas fa-sign-in-alt"></i> Logowanie</a>
|
||||
<a class="button" routerLink="/sign-up"><i class="fas fa-user-plus"></i> Rejestracja</a>
|
||||
</div>
|
||||
<div class="log-reg-container" *ngIf="isLogin">
|
||||
<a (click)="navToProfile()"><i class="fas fa-user-circle"></i> Profil</a>
|
||||
<a (click)="logout()"><i class="fas fa-sign-out-alt"></i> Wyloguj</a>
|
||||
<a (click)="navToProfile()" class="button" style="margin-bottom: 10px;"><i class="fas fa-user-circle"></i> Profil</a>
|
||||
<a (click)="logout()" class="button"><i class="fas fa-sign-out-alt"></i> Wyloguj</a>
|
||||
</div>
|
||||
<!--<a *ngIf="isLogin">Witaj, {{currentUser?.username}}!</a>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue