Footer Components is complete

Author: sakibdeveloper999

src/App.jsx

@@ -7,6 +7,7 @@ import About from './components/About/About'
 import Campus from './components/Campus/Campus'
 import Testimonials from './components/Testimonials/Testimonials'
 import Contact from './components/Contact/Contact'
+import Footer from './components/Footer/Footer'
 
 const App = () => {
   return (
@@ -23,6 +24,7 @@ const App = () => {
          <Testimonials/>
          <Title subTitle='Contact Us' title='Get in Touch'/>
          <Contact/>
+         <Footer/>
       </div>
     </div>
   )

src/components/Footer/Footer.css

@@ -0,0 +1,13 @@
+.footer{
+    margin: 10px auto;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-top: 1px solid #797979;
+    padding: 15px 0;
+}
+.footer ul li{
+    list-style: none;
+    display:inline-block;
+    margin: 20px;
+}

src/components/Footer/Footer.jsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import './Footer.css'
+
+const Footer = () => {
+  return (
+    <div className='footer'>  
+      <p>© 2026 Edustiy. All rights reserved.</p>
+      <ul>
+        <li>Terms of Services</li>
+        <li>Privacy Policy</li>
+      </ul>
+    </div>
+  )
+}
+
+export default Footer