-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
7c4fb91
commit 0500f2c
Showing
14 changed files
with
371 additions
and
260 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -7,7 +7,7 @@ | |
| /coverage | ||
|
|
||
| # production | ||
| /build | ||
| /dist | ||
|
|
||
| # misc | ||
| .DS_Store | ||
|
|
||
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -6,94 +6,161 @@ import "../../styles/_footer.scss"; | |
| function Footer() { | ||
| return ( | ||
| <footer className="footer"> | ||
| <div className="footer__box footer__sell"> | ||
| <p className="footer__title">Sell With Ninjas</p> | ||
| <ul className="footer__link__container"> | ||
| <li> | ||
| <a href="#" className="footer__link"> | ||
| 1. Join us | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| <div className="footer__container"> | ||
| <div className="footer__content"> | ||
| <nav className="footer__nav"> | ||
| <p className="footer__title">Get support</p> | ||
| <ul className="footer__list"> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| Help center | ||
| </a> | ||
| </li> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| Live chat | ||
| </a> | ||
| </li> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| Report abuse | ||
| </a> | ||
| </li> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| Frequently Asked Questions | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| <nav className="footer__nav"> | ||
| <p className="footer__title">Trade assurance</p> | ||
| <ul className="footer__list"> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| Safety and easy payment | ||
| </a> | ||
| </li> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| On-time shipping | ||
| </a> | ||
| </li> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| After-sales protection | ||
| </a> | ||
| </li> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| Money-back policy | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| <nav className="footer__nav"> | ||
| <p className="footer__title">Shopping guides</p> | ||
| <ul className="footer__list"> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| How to register | ||
| </a> | ||
| </li> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| How to place an order | ||
| </a> | ||
| </li> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| How to pay | ||
| </a> | ||
| </li> | ||
| <li className="footer__item"> | ||
| <a href="#" className="footer__link"> | ||
| Frequently Asked Questions | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| <nav className="footer__nav"> | ||
| <p className="footer__title">Get to know us</p> | ||
| <ul className="footer__list"> | ||
| <li className="footer__special__item"> | ||
| <span className="footer__text">Address:</span> | ||
| <address className="footer__address"> | ||
| Kigali, Rwanda, | ||
| <br /> | ||
| Norsken Building, | ||
| <br /> | ||
| Room 14 Second floor | ||
| </address> | ||
| <span className="footer__text">Phone:</span> | ||
| <a href="tel:+250783456766" className="footer__link"> | ||
| +250783456766 | ||
| </a> | ||
| <span className="footer__text">Email:</span> | ||
| <a | ||
| href="mailto:[email protected]" | ||
| className="footer__link" | ||
| > | ||
| [email protected] | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| <div className="footer__socials"> | ||
| <img | ||
| src="instagram.webp" | ||
| alt="Instagram logo" | ||
| className="footer__social" | ||
| /> | ||
| <img | ||
| src="facebook.png" | ||
| alt="Facebook logo" | ||
| className="footer__social" | ||
| /> | ||
| <img | ||
| src="twitter.png" | ||
| alt="Twitter logo" | ||
| className="footer__social" | ||
| /> | ||
| <img | ||
| src="linkedin.png" | ||
| alt="Linkedin logo" | ||
| className="footer__social" | ||
| /> | ||
| </div> | ||
| </div> | ||
| <div className="footer__box footer__guides"> | ||
| <p className="footer__title">Shopping guides</p> | ||
| <ul className="footer__link__container"> | ||
| <li> | ||
| <a href="#" className="footer__link"> | ||
| 1. How to register | ||
| <div className="footer__additional"> | ||
| <ul className="footer__additional__list"> | ||
| <li className="footer__additional__item"> | ||
| <a href="#" className="footer__additional__link"> | ||
| Terms of use | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#" className="footer__link"> | ||
| 2. How to place an order | ||
| <li className="footer__additional__item"> | ||
| <a href="#" className="footer__additional__link"> | ||
| Legal notice | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#" className="footer__link"> | ||
| 3. How to pay | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div className="footer__box footer__help"> | ||
| <p className="footer__title">Help center</p> | ||
| <ul className="footer__link__container"> | ||
| <li> | ||
| <a href="#" className="footer__link"> | ||
| 1. Frequently asked questions | ||
| <li className="footer__additional__item"> | ||
| <a href="#" className="footer__additional__link"> | ||
| Product Listing Policy | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#" className="footer__link"> | ||
| 2. Live chat | ||
| <li className="footer__additional__item"> | ||
| <a href="#" className="footer__additional__link"> | ||
| Privacy Policy | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div className="footer__box footer__contact"> | ||
| <p className="footer__title">Contact us</p> | ||
| <p className="footer__text"> | ||
| Address: Kigali, Rwanda, Norsken building Room 14 Second Floor | ||
| <p className="footer__copyright"> | ||
| © E-commerce Ninjas {new Date().getFullYear()}. All rights | ||
| reserved | ||
| </p> | ||
| <p className="footer__text">Phone: +250782345678</p> | ||
| <p className="footer__text">Email: [email protected]</p> | ||
| </div> | ||
| <div className="footer__box footer__connect"> | ||
| <p className="footer__title">Stay connected</p> | ||
| <ul className="footer__link__container footer__link__container-row"> | ||
| <li> | ||
| <a | ||
| href="https://instagram.com" | ||
| target="_blank" | ||
| className="footer__link" | ||
| > | ||
| <img | ||
| src="instagram.webp" | ||
| alt="Instagram logo" | ||
| className="footer__img" | ||
| /> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a | ||
| href="https://facebook.com" | ||
| target="_blank" | ||
| className="footer__link" | ||
| > | ||
| <img | ||
| src="facebook.png" | ||
| alt="Facebook logo" | ||
| className="footer__img" | ||
| /> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <p className="footer__copyright"> | ||
| © E-commerce Ninjas {new Date().getFullYear()}. All rights | ||
| reserved. | ||
| </p> | ||
| </footer> | ||
| ); | ||
| } | ||
|
|
||
Oops, something went wrong.