diff --git a/src/components/footer/Footer.js b/src/components/footer/Footer.js index 5d3a78a..c00b8b2 100644 --- a/src/components/footer/Footer.js +++ b/src/components/footer/Footer.js @@ -2,7 +2,11 @@ import React from 'react' import "./footer.css" import { useState } from 'react'; import Divider from '@material-ui/core/Divider'; + +import amnLogo from '../src/assets/amazon-logo.png'; + import logo from './amazon-logo.png'; + function Footer() { const d = new Date() @@ -128,6 +132,32 @@ function Footer() {
+ + logo +
+
+ +
  • Australia
  • +
  • Brazil
  • +
  • Canada
  • +
  • China
  • +
  • France
  • +
  • Germany
  • +
  • Italy
  • +
  • Japan
  • +
  • Mexico
  • +
  • NetherLands
  • +
  • Poland
  • +
  • Singapore
  • +
  • Spain
  • +
  • Turkey
  • +
  • United Arab Emirates
  • +
  • United Kingdoms
  • +
  • United States
  • + +
    +
    + +
    diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css index 99fa167..aa6b805 100644 --- a/src/components/footer/footer.css +++ b/src/components/footer/footer.css @@ -38,11 +38,42 @@ a { background-color: #222f3f; padding: 3% 10%; text-align: center; + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin-bottom: -3.5rem; + +} + +.footer-countries { + + font-size: 12px; + color: white; + padding: 2%; +} +.countries { + display: flex; + flex-direction: row; + flex-wrap:nowrap; + +} +.countries >li { + list-style: none; + margin: 7px; + font-weight: 400; +} + +.countries >li:hover { + text-decoration: underline; } + .rest-footer-2 img { width: 7rem; + height: 30px; } @@ -88,6 +119,7 @@ a { padding: 8px; font-size: 1rem; font-weight: 500; + } .footer-line { @@ -114,4 +146,5 @@ a { text-align: center; color: white; padding-bottom: 2%; -} \ No newline at end of file +} +