From 5bad32efd71fccabb2becca6b4f9c1ccd85e70fd Mon Sep 17 00:00:00 2001
From: Sylvia Suet Wai Yung <sylvia.yung@ntnu.no>
Date: Sun, 8 Sep 2024 16:22:24 +0200
Subject: [PATCH 1/2] feat: :art: Folder for css and components, made
 pokemonfooter

---
 src/App.js                       |  3 ++-
 src/components/PokemonFooter.jsx | 12 ++++++++++++
 src/css/PokemonFooter.css        |  0
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 src/components/PokemonFooter.jsx
 create mode 100644 src/css/PokemonFooter.css

diff --git a/src/App.js b/src/App.js
index f005457..9c4d583 100644
--- a/src/App.js
+++ b/src/App.js
@@ -4,6 +4,7 @@ import Knapp from './Knapp';
 import { useEffect } from 'react';
 import Kult from './Kult';
 import { useState } from 'react';
+import { PokemonFooter } from './components/PokemonFooter';
 
 
 function App() {
@@ -24,7 +25,7 @@ function App() {
       {
         pokemon && pokemon.map(p => <Knapp tittel={p.name} url={p.url} paragraf={"eofekoffekokofe"}/>)
       }
-     
+      <PokemonFooter/>
     </div>
     
   );
diff --git a/src/components/PokemonFooter.jsx b/src/components/PokemonFooter.jsx
new file mode 100644
index 0000000..2be8130
--- /dev/null
+++ b/src/components/PokemonFooter.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+
+export function PokemonFooter(){
+    return(
+        <nav>
+            <div>
+                <h1>Finner du ikke din pokemon? Kontakt Aksel</h1>
+            </div>
+        </nav>
+    )
+}
+
diff --git a/src/css/PokemonFooter.css b/src/css/PokemonFooter.css
new file mode 100644
index 0000000..e69de29

From cefc705d0962e0117dc1474d0fdfd1bacbd5d1fb Mon Sep 17 00:00:00 2001
From: Sylvia Suet Wai Yung <sylvia.yung@ntnu.no>
Date: Sun, 8 Sep 2024 16:37:00 +0200
Subject: [PATCH 2/2] style: :art: New design for footer

---
 src/components/PokemonFooter.jsx |  1 +
 src/css/PokemonFooter.css        | 14 ++++++++++++++
 2 files changed, 15 insertions(+)

diff --git a/src/components/PokemonFooter.jsx b/src/components/PokemonFooter.jsx
index 2be8130..8406efc 100644
--- a/src/components/PokemonFooter.jsx
+++ b/src/components/PokemonFooter.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import '../css/PokemonFooter.css';
 
 export function PokemonFooter(){
     return(
diff --git a/src/css/PokemonFooter.css b/src/css/PokemonFooter.css
index e69de29..fa192e7 100644
--- a/src/css/PokemonFooter.css
+++ b/src/css/PokemonFooter.css
@@ -0,0 +1,14 @@
+div {
+    border-top-color: palevioletred;
+    border-top-style: solid;
+    width: 100%;
+}
+
+nav{
+    width: 100%;
+    background-color: pink;
+}
+
+h1{
+    text-align: center;
+}
\ No newline at end of file