From fa8446e1e0866fceb8e2a6a8f873513717fcb895 Mon Sep 17 00:00:00 2001
From: apala7778 <thetrialbyexistence@gmail.com>
Date: Sat, 10 Dec 2022 15:10:54 +0530
Subject: [PATCH] modified

---
 src/Footer.js  | 26 +++++++++++++++++++++++++-
 src/footer.css | 31 ++++++++++++++++++++++++++++++-
 2 files changed, 55 insertions(+), 2 deletions(-)

diff --git a/src/Footer.js b/src/Footer.js
index 9a98a7a..3e6ef86 100644
--- a/src/Footer.js
+++ b/src/Footer.js
@@ -2,6 +2,7 @@ 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';
 function Footer() {
 
 
@@ -125,7 +126,30 @@ function Footer() {
       <div className='footer-line'>
       </div>
       <div className="rest-footer-2">
-        <img src={process.env.PUBLIC_URL + '/amazon-logo.png'} alt="logo"></img>
+        <img src={amnLogo} alt="logo"></img>
+        <div className='footer-countries'>
+          <div className='countries'>
+            
+            <li>Australia</li>
+            <li>Brazil</li>
+            <li>Canada</li>
+            <li>China</li>
+            <li>France</li>
+            <li>Germany</li>
+            <li>Italy</li>
+            <li>Japan</li>
+            <li>Mexico</li>
+            <li>NetherLands</li>
+            <li>Poland</li>
+            <li>Singapore</li>
+            <li>Spain</li>
+            <li>Turkey</li>
+            <li>United Arab Emirates</li>
+            <li>United Kingdoms</li>
+            <li>United States</li>
+           
+          </div>
+        </div>
       </div>
       <div className="base">
         <div className='upper-base'>
diff --git a/src/footer.css b/src/footer.css
index ecf2597..c52d552 100644
--- a/src/footer.css
+++ b/src/footer.css
@@ -38,10 +38,38 @@ a {
     background-color: #222f3f;
     padding: 3% 10%;
     text-align: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
 }
 
+.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;
+    
 }
 
 .footer-line {
@@ -68,4 +96,5 @@ a {
     text-align: center;
     color: white;
     padding-bottom: 2%;
-}
\ No newline at end of file
+}
+