Merge branch 'congratspage' into 'main'

Add congrats page

See merge request saburly/marketalarm/kivi-za-auta-react!12

kivi-cars/src/containers/App.js

@@ -1,15 +1,12 @@
 import './App.css';
 import React from 'react';
-import Category from './Category';
+import CongratsPage from './CongratsPage';
 
 function App() {
 
-  const naslov = 'Dobrodosli na stranicu kivi!'
-
-
   return (
     <div className="App">
-      <Category/>
+      <CongratsPage/>
     </div>
   );
 }

kivi-cars/src/containers/CongratsPage.css

@@ -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;}
+  }

kivi-cars/src/containers/CongratsPage.js

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