From 32d8e92c614e0efb0f888d3ed4e1cea9598ac21f Mon Sep 17 00:00:00 2001
From: msosic97 <msosic97@gmail.com>
Date: Mon, 14 Mar 2022 16:00:58 +0100
Subject: [PATCH] Add congrats page

---
 kivi-cars/src/containers/App.js           |  7 +--
 kivi-cars/src/containers/CongratsPage.css | 57 +++++++++++++++++++++++
 kivi-cars/src/containers/CongratsPage.js  | 30 ++++++++++++
 3 files changed, 89 insertions(+), 5 deletions(-)
 create mode 100644 kivi-cars/src/containers/CongratsPage.css
 create mode 100644 kivi-cars/src/containers/CongratsPage.js

diff --git a/kivi-cars/src/containers/App.js b/kivi-cars/src/containers/App.js
index f6b932d..bdc2136 100644
--- a/kivi-cars/src/containers/App.js
+++ b/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>
   );
 }
diff --git a/kivi-cars/src/containers/CongratsPage.css b/kivi-cars/src/containers/CongratsPage.css
new file mode 100644
index 0000000..7f41dc1
--- /dev/null
+++ b/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;}
+  }
diff --git a/kivi-cars/src/containers/CongratsPage.js b/kivi-cars/src/containers/CongratsPage.js
new file mode 100644
index 0000000..661da67
--- /dev/null
+++ b/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;
\ No newline at end of file