Renamed footer and created folders

This commit is contained in:
MisbehavedNinjaRadiator 2025-06-11 15:17:01 +02:00
parent b5cf9a210a
commit fe29ac852b
4 changed files with 83 additions and 0 deletions

View file

@ -0,0 +1,36 @@
import React from "react";
import "./footer.css";
function Footer() {
return (
<footer className="footer">
<div className="footer-left">
<a href="" className="footer-link feather">
<img src="/assets/icons/feather_black.svg" alt="Feather icon" />
<span>Feather Feed</span>
</a>
<a href="https://github.com/bubblecup-12/VogelSocialMedia" target="_blank " className="footer-link github">
<img src="/assets/icons/github-mark.svg" alt="GitHub mark" />
<img src="/assets/icons/GitHub_Logo.png" alt="GitHub logo" />
</a>
</div>
<div className="footer-right">
<a className="footer-link" href="#">Home</a>
<a className="footer-link" href="#">About</a>
<a className="footer-link" href="#">Login</a>
<a className="footer-link" href="#">Sign up</a>
<a className="footer-link" href="#">Create Post</a>
<a className="footer-link" href="#">Feed</a>
</div>
</footer>
);
}
export default Footer;

View file

@ -0,0 +1,42 @@
import React from "react";
import Header from "../header";
import Footer from "../Footer";
function Feed() {
return (
//<Header/>
<div className="feedContainer">
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Header/>
<Footer/>
</div>
// <Footer/>
);
}
export default Feed;

View file

@ -0,0 +1,5 @@
.feedContainer {
display: flex;
flex-direction: column;
;
}