Merge pull request #69 from fdnd-agency/60-component-footer

60 component footer

.gitignore

@@ -21,4 +21,4 @@ vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
 
 # Node
-.node_modules
+node_modules

src/lib/footer.svelte

@@ -0,0 +1,23 @@
+<script>
+ import '../styles/global.css'
+</script>
+
+<footer>
+ <p>
+ &#169; 2024 Deloitte <a href="/">See Terms of Use </a>for more information.
+ </p>
+</footer>
+
+<style>
+ p {
+ background-color: var(--D-t-support);
+ color: white;
+ padding: 1.25em;
+ font-size: 0.75em;
+ }
+
+ a {
+ color: white;
+ text-decoration: underline;
+ }
+</style>

src/routes/overview/+page.svelte

@@ -3,26 +3,21 @@
  import '../../styles/overview.css'
  import MobilityOptions from '$lib/mobility-options.svelte';
  import GeneralInfo from '$lib/general-info.svelte';
+ import Footer from '$lib/footer.svelte';
 
  export let num = 0;
 </script>
 
 <main>
  <header>
  <h1>Mobility options</h1>
- <span>
- <a href="/profile">profile</a>
- <!-- <a href="/Inlog">Log in</a> -->
- </span>
  </header>
 
  <MobilityOptions
  {num}/>
 
-
-
-
-
  <GeneralInfo 
  {num}/>
+
+ <Footer />
 </main>