mirror of
https://github.com/bubblecup-12/VogelSocialMedia.git
synced 2025-07-06 11:28:50 +00:00
Renamed footer and created folders
This commit is contained in:
parent
b5cf9a210a
commit
9da23eaa8f
4 changed files with 83 additions and 0 deletions
36
code/frontend/src/Footer.tsx
Normal file
36
code/frontend/src/Footer.tsx
Normal 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;
|
42
code/frontend/src/feed/Feed.tsx
Normal file
42
code/frontend/src/feed/Feed.tsx
Normal 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;
|
5
code/frontend/src/feed/feed.css
Normal file
5
code/frontend/src/feed/feed.css
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
.feedContainer {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
;
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue