Strona główna
This commit is contained in:
parent
48d6f7d267
commit
53377fb5fa
@ -5,6 +5,6 @@
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
background-color: rgb(24, 22, 22);
|
background-color: black;
|
||||||
padding: 1rem 0;
|
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{
|
.bottom-section{
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-height: 60%;
|
min-height: 60%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 36px;
|
padding: 50px;
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
padding-bottom: 64px;
|
padding-bottom: 64px;
|
||||||
color: white;
|
color: white;
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
text-justify: inter-word;
|
text-justify: inter-word;
|
||||||
background-color: rgb(24, 22, 22);
|
background-color: black;
|
||||||
max-width: 90%;
|
max-width: 50%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
line-height: 200%;
|
line-height: 200%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h2{
|
.home-logo
|
||||||
text-align: center;
|
{
|
||||||
color: rgb(206, 168, 86);
|
max-width: 100%;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.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) {
|
@media screen and (max-width: 800px) {
|
||||||
|
|
||||||
h2{
|
|
||||||
background-size: auto 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-section{
|
.bottom-section{
|
||||||
display: block;
|
display: block;
|
||||||
padding-bottom: 20px;
|
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>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="bottom-section">
|
<div class="bottom-section">
|
||||||
<div class="students-paragraph">
|
<img class="home-logo" src=".\.\assets\logo-punktonerzy.PNG" alt="logo">
|
||||||
<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>
|
||||||
<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%;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
background-color: #181616;
|
background-color: black;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
/*border-bottom: 5px solid white;*/
|
/*border-bottom: 5px solid white;*/
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -97,5 +97,12 @@ a:hover{
|
|||||||
}
|
}
|
||||||
a{
|
a{
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.menu{
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -1,22 +1,19 @@
|
|||||||
<div class="wrapper" id="header">
|
<div class="wrapper" id="header">
|
||||||
<div class="logo-and-name" routerLink="/home">
|
<div class="logo-and-name" routerLink="/home">
|
||||||
<img class="logo" src="./assets/logo.png" alt="error">
|
<img class="logo" src="./assets/logo-punktonerzy.PNG" alt="error" style="width: 100px; height: 70px;">
|
||||||
<div class="study-cave">
|
|
||||||
<span class="study">Study</span><span class="cave">Cave</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="menu">
|
<div class="menu">
|
||||||
<a routerLink="/materials/list"><i class="fas fa-book-open"></i> Zasoby</a>
|
<a class="button" 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 class="button" 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="/my-groups"><i class="fas fa-users"></i> Grupy</a>
|
||||||
<div class="log-reg-container" *ngIf="!isLogin">
|
<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="/login" class="button" style="margin-bottom: 10px;"><i class="fas fa-sign-in-alt"></i> Logowanie</a>
|
||||||
<a routerLink="/sign-up"><i class="fas fa-user-plus"></i> Rejestracja</a>
|
<a class="button" routerLink="/sign-up"><i class="fas fa-user-plus"></i> Rejestracja</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="log-reg-container" *ngIf="isLogin">
|
<div class="log-reg-container" *ngIf="isLogin">
|
||||||
<a (click)="navToProfile()"><i class="fas fa-user-circle"></i> Profil</a>
|
<a (click)="navToProfile()" class="button" style="margin-bottom: 10px;"><i class="fas fa-user-circle"></i> Profil</a>
|
||||||
<a (click)="logout()"><i class="fas fa-sign-out-alt"></i> Wyloguj</a>
|
<a (click)="logout()" class="button"><i class="fas fa-sign-out-alt"></i> Wyloguj</a>
|
||||||
</div>
|
</div>
|
||||||
<!--<a *ngIf="isLogin">Witaj, {{currentUser?.username}}!</a>-->
|
<!--<a *ngIf="isLogin">Witaj, {{currentUser?.username}}!</a>-->
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
@ -10,10 +10,11 @@ body{
|
|||||||
font-family: 'Roboto', Arial, Helvetica, sans-serif;
|
font-family: 'Roboto', Arial, Helvetica, sans-serif;
|
||||||
color: white;
|
color: white;
|
||||||
background-size: auto 100%;
|
background-size: auto 100%;
|
||||||
background-image: url("./assets/cave2.jpg");
|
background-image: url("./assets/tlo.png");
|
||||||
background-position: center top;
|
background-position: center ;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
|
background-color: #000080;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn{
|
.btn{
|
||||||
@ -144,3 +145,16 @@ a:hover{
|
|||||||
.mat-simple-snackbar {
|
.mat-simple-snackbar {
|
||||||
justify-content: center !important;
|
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
Block a user