added friends section template

src/components/Nav-bar.astro

@@ -1,8 +1,7 @@
 ---
 import Button from "../components/navbutton.svelte"
-const pageTitle= Astro.props
 ---
-<a active=
+
 <div class="nav-links">
     <Button class="navbutton">
     <a href="/">Home</a>

src/components/friends.astro

@@ -0,0 +1,13 @@
+---
+---
+<section id="Friends">
+    <h2>Friends Sites!</h2>
+    <div>
+        <form action="https://google.com">
+        <button class="fbutton">
+                <img class="buttonimg" title="test" src="/public/vee.png">
+        </button>
+</form>
+</a>
+    </div>
+</section>

src/components/navbutton.svelte

@@ -6,6 +6,7 @@
 </script>
 	<button on:click
 			on:mouseover
+			on:focus
 			on:mouseenter
 			on:mouseleave
 		{...buttonProps}>
@@ -16,4 +17,5 @@
  .navbutton {
 	
  }
+ .fri
 </style>