yusufipek/natours-react
1
0
Fork 0
mirror of https://github.com/yusufipk/natours-react.git synced 2026-09-11 19:16:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

finished building footer section

Browse Source
This commit is contained in:
Yusuf Ipek
2021-05-04 11:53:00 +03:00
parent b396a9b6e9
commit 1da98261e5
4 changed files with 116 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/commons/footer-section/footer.jsx
+52 -1
View File
@@ -1,5 +1,56 @@
import logoLarge from "../images/logo-green-2x.png";
function Footer() {
return <section className="section-footer"></section>;
return (
<footer className="footer">
<div className="footer__logo-box">
<img src={logoLarge} alt="Large logo" className="footer__logo" />
</div>
<div className="row">
<div className="col-1-of-2">
<div className="footer__navigation">
<ul className="footer__list">
<li className="footer__item">
<a href="#" className="footer__link">
Company
</a>
</li>
<li className="footer__item">
<a href="#" className="footer__link">
Contact us
</a>
</li>
<li className="footer__item">
<a href="#" className="footer__link">
Careers
</a>
</li>
<li className="footer__item">
<a href="#" className="footer__link">
Privacy Policy
</a>
</li>
<li className="footer__item">
<a href="#" className="footer__link">
Terms
</a>
</li>
</ul>
</div>
</div>
<div className="col-1-of-2">
<p className="footer__copyright">
Design by Jonas Schmedtmann. Coded by{" "}
<a href="#" className="footer__link">
Yusuf İpek
</a>
. You are allowed to use this webpage for personal and commercial
use.
</p>
</div>
</div>
</footer>
);
}
export default Footer;