mirror of
https://github.com/bubblecup-12/VogelSocialMedia.git
synced 2025-07-06 15:18:48 +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