Merge pull request #8 from appKom/7-new-footer-for-the-website

7 new footer for the website

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

src/components/PokemonFooter.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import '../css/PokemonFooter.css';
+
+export function PokemonFooter(){
+    return(
+        <nav>
+            <div>
+                <h1>Finner du ikke din pokemon? Kontakt Aksel</h1>
+            </div>
+        </nav>
+    )
+}
+

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