From ff5bb18c481dbf03a9a448a76aebf61ca2ac3926 Mon Sep 17 00:00:00 2001
From: BettinaHallinger <bettina.hallinger@htl-saalfelden.at>
Date: Wed, 4 May 2022 10:39:57 +0200
Subject: [PATCH] Endpage

---
 src/Components/card.jsx    |  2 +-
 src/Components/endpage.jsx | 17 +++++++++++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/Components/card.jsx b/src/Components/card.jsx
index 0711f52..018aa63 100644
--- a/src/Components/card.jsx
+++ b/src/Components/card.jsx
@@ -5,7 +5,7 @@ import Ueberschrift2 from "./ueberschrift2";
 
 function Card(props) {
   return (
-    <div class="w-full rounded-xl overflow-hidden shadow-lg bg-gray1 ">
+    <div class="w-full rounded-xl overflow-hidden shadow-lg bg-gray1">
       <div class="h-60">
         <img class="w-full h-full object-cover" src={props.bild || bild} alt="Papa Roy"></img>
       </div>
diff --git a/src/Components/endpage.jsx b/src/Components/endpage.jsx
index cd2dfee..f0773c8 100644
--- a/src/Components/endpage.jsx
+++ b/src/Components/endpage.jsx
@@ -1,12 +1,21 @@
 import React from "react";
+import ButtonSecondary from "./buttonSecondary";
 import HeaderBig from "./header_big";
+import Ueberschrift2 from "./ueberschrift2";
 
 function EndPage() {
   return (
-    <div>
-      <HeaderBig name=" " />
-      <div class="flex h-fll justify-center items-center">
-        <div class="bg-primary h-40 w-40 rounded-xl"></div>
+    <div class="h-screen overflow-hidden">
+      <div>
+        <HeaderBig name=" " />
+      </div>
+      <div class="flex justify-center content-center items-center h-full w-full">
+        <div class="bg-primary h-1/2 w-1/2 p-10 lg:w-1/3 rounded-3xl flex justify-center items-center flex-col">
+          <Ueberschrift2 name="Vielen Dank!" />
+          <Ueberschrift2 name="Deine Bestellung wurde erfolgreich aufgegeben." />
+          <div class="p-5"></div>
+          <ButtonSecondary name="Zur Startseite" />
+        </div>
       </div>
     </div>
   );