add landing page and merged old file

This commit is contained in:
ahmedsosic
2022-03-14 16:21:17 +01:00
3 changed files with 88 additions and 3 deletions

View File

@@ -4,12 +4,10 @@ import LandingPage from './LandingPage';
function App() {
const naslov = 'Dobrodosli na stranicu kivi!'
return (
<div className="App">
<LandingPage/>
</div>
);
}

View File

@@ -0,0 +1,57 @@
.first-paragh {
padding-top: 20px;
margin-top: 50px;
}
.second-paragh{
margin-bottom: 60px;
padding: 20px;
}
.third-paragh{
padding: 20px;
margin-bottom: 10px;
}
.h1 {
text-align: center;
}
.h2 {
text-align: center;
}
@media screen and (max-width: 800px) {
.h2 {
font-size: 20px;}
}
@media screen and (max-width: 600px) {
.h2 {
font-size: 17px;}
}
@media screen and (max-width: 300px) {
.h2 {
font-size: 15px;}
}
@media screen and (max-width: 800px) {
.h1 {
font-size: 27px;}
}
@media screen and (max-width: 600px) {
.h1 {
font-size: 22px;}
}
@media screen and (max-width: 300px) {
.h1 {
font-size: 18px;}
}

View File

@@ -0,0 +1,30 @@
import Header from '../components/Header/Header';
import StandardBtn from '../components/Button/StandardBtn';
import './CongratsPage.css'
function CongratsPage() {
const naslov = 'ČESTITAMO!'
const btnTitle = 'NOVA PRETRAGA'
return (
<div className="congrats-page">
<Header header={naslov}/>
<div>
<div className='first-paragh'>
<h2 className='h2'>ČESTITAMO! Potvrđeni email je poslat na vašu email adresu.</h2>
</div>
<div className='second-paragh'>
<h2 className='h2'>Svi rezultati će u najkraćem roku biti poslani na vašu adresu.</h2>
</div>
<div className='third-paragh'>
<h1 className='h1'>Ako želite novu pretragu idete na</h1>
</div>
<StandardBtn title={btnTitle}/>
</div>
</div>
);
}
export default CongratsPage;