From cfe9b0021006b9df9f3b1cd960a2450775ee0f85 Mon Sep 17 00:00:00 2001 From: muhammadharoun Date: Mon, 1 Nov 2021 16:45:01 +0200 Subject: [PATCH 1/3] footer --- client/package.json | 2 + client/src/App.js | 6 ++- client/src/assets/facebook.png | Bin 0 -> 575 bytes client/src/assets/homeIcon.png | Bin 0 -> 9099 bytes client/src/components/Footer/Footer.js | 54 ++++++++++++++++++++++++ client/src/components/Footer/footer.css | 23 ++++++++++ client/src/index.js | 3 +- 7 files changed, 85 insertions(+), 3 deletions(-) create mode 100644 client/src/assets/facebook.png create mode 100644 client/src/assets/homeIcon.png create mode 100644 client/src/components/Footer/Footer.js create mode 100644 client/src/components/Footer/footer.css diff --git a/client/package.json b/client/package.json index b900884..09c5c78 100644 --- a/client/package.json +++ b/client/package.json @@ -7,6 +7,7 @@ "@emotion/react": "^11.5.0", "@emotion/styled": "^11.3.0", "@mui/material": "^5.0.4", + "@mui/styles": "^5.0.2", "@testing-library/jest-dom": "^5.14.1", "@testing-library/react": "^11.2.7", "@testing-library/user-event": "^12.8.3", @@ -14,6 +15,7 @@ "eslint-config-react-app": "^6.0.0", "react": "^17.0.2", "react-dom": "^17.0.2", + "react-icons": "^4.3.1", "react-router-dom": "^5.3.0", "react-scripts": "4.0.3", "web-vitals": "^1.1.2" diff --git a/client/src/App.js b/client/src/App.js index 2a4bc88..b2ac0cc 100644 --- a/client/src/App.js +++ b/client/src/App.js @@ -1,6 +1,10 @@ +import Footer from './components/Footer/Footer'; + function App() { return ( -
+
+
+
); } diff --git a/client/src/assets/facebook.png b/client/src/assets/facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..2a772da13440e75583ab171d9f3d6850b8c7598d GIT binary patch literal 575 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 literal 0 HcmV?d00001 diff --git a/client/src/components/Footer/Footer.js b/client/src/components/Footer/Footer.js new file mode 100644 index 0000000..d1960c6 --- /dev/null +++ b/client/src/components/Footer/Footer.js @@ -0,0 +1,54 @@ +import { + AppBar, Container, Link, +} from '@mui/material'; +import { + AiFillFacebook, AiFillTwitterCircle, AiFillInstagram, AiOutlineWhatsApp, +} from 'react-icons/ai'; +import HomeIcon from '../../assets/homeIcon.png'; + +import './footer.css'; + +export default function Footer() { + return ( + + + +
+ home icon + +
+
+
+ + home + about + privcy + contact us + +
+
+ + + + + + +
+
+
All right reserved @ to this website
+
+ +
+ + + + ); +} diff --git a/client/src/components/Footer/footer.css b/client/src/components/Footer/footer.css new file mode 100644 index 0000000..b05eb4f --- /dev/null +++ b/client/src/components/Footer/footer.css @@ -0,0 +1,23 @@ +.section2{ + display: flex; + flex-direction: column; + width: 50%; + align-items: center; + justify-content: space-evenly +} + +.pages { + display: flex; + width: 72%; + justify-content: space-around; +} +.social{ + display: flex; + justify-content: space-evenly; + width: 36%; +} + + +.copyright{ +text-align: center; +} \ No newline at end of file diff --git a/client/src/index.js b/client/src/index.js index 62adcf3..f452ad2 100644 --- a/client/src/index.js +++ b/client/src/index.js @@ -7,6 +7,5 @@ ReactDOM.render( , - document.getElementById('root') + document.getElementById('root'), ); - From db4fd5504ead4340bd2bd4dda92ad61f53403038 Mon Sep 17 00:00:00 2001 From: muhammadharoun Date: Mon, 1 Nov 2021 21:33:24 +0200 Subject: [PATCH 2/3] edit footer --- client/src/components/Footer/Footer.js | 80 ++++++++++++++++++++----- client/src/components/Footer/footer.css | 42 +++++++++---- 2 files changed, 96 insertions(+), 26 deletions(-) diff --git a/client/src/components/Footer/Footer.js b/client/src/components/Footer/Footer.js index d1960c6..a115a45 100644 --- a/client/src/components/Footer/Footer.js +++ b/client/src/components/Footer/Footer.js @@ -11,43 +11,93 @@ import './footer.css'; export default function Footer() { return ( - +
home icon
-
+
+

+ About Us +

+ Story + Clients + Testimonials - home - about - privcy - contact us +
+
+

+ Services +

+ Marketing + Consulting + Development + Design
-
- - - - +
+

+ Contact Us +

+ United States + United Kingdom + Australia + Support
-
-
All right reserved @ to this website
+ +
+

+ Social +

+ + + Facebook + + + + Twitter + + + + Instagram + + + + WhatsApp + +
+
+
All right reserved @ to this website
+
); diff --git a/client/src/components/Footer/footer.css b/client/src/components/Footer/footer.css index b05eb4f..1b22df8 100644 --- a/client/src/components/Footer/footer.css +++ b/client/src/components/Footer/footer.css @@ -1,23 +1,43 @@ .section2{ display: flex; - flex-direction: column; width: 50%; + height: 100%; + align-content: center; + justify-content: space-around; align-items: center; - justify-content: space-evenly } + + + -.pages { +.about-us,.services,.contact-us,.social{ display: flex; - width: 72%; - justify-content: space-around; + flex-direction: column; + height: 50%; + } -.social{ - display: flex; - justify-content: space-evenly; - width: 36%; + +.about-us > a,.services > a,.contact-us > a,.social > a{ + font-size: 24px; + margin-bottom: 20px; + font-size: 18px; + text-align: left; + +} +.about-us > a > svg,.services > a > svg,.contact-us > a > svg,.social > a > svg{ + margin-right: 5px; } +.about-us > p,.services > p,.contact-us > p,.social > p{ + font-size: 26px; + color: #fff; + margin-bottom: 40px; + font-weight: bold; + text-align: left; +} -.copyright{ -text-align: center; +.social *{ + display: flex; + align-items: center; + margin-left: 10px; } \ No newline at end of file From 281641ef84dc03a69c7d460eec64082abfe4e14a Mon Sep 17 00:00:00 2001 From: muhammadharoun Date: Tue, 2 Nov 2021 16:46:50 +0200 Subject: [PATCH 3/3] use prettier to css code --- client/src/components/Footer/footer.css | 75 ++++++++++++++----------- 1 file changed, 41 insertions(+), 34 deletions(-) diff --git a/client/src/components/Footer/footer.css b/client/src/components/Footer/footer.css index 1b22df8..9465b74 100644 --- a/client/src/components/Footer/footer.css +++ b/client/src/components/Footer/footer.css @@ -1,43 +1,50 @@ -.section2{ - display: flex; - width: 50%; - height: 100%; - align-content: center; - justify-content: space-around; - align-items: center; +.section2 { + display: flex; + width: 50%; + height: 100%; + align-content: center; + justify-content: space-around; + align-items: center; } - - - - -.about-us,.services,.contact-us,.social{ - display: flex; - flex-direction: column; - height: 50%; +.about-us, +.services, +.contact-us, +.social { + display: flex; + flex-direction: column; + height: 50%; } -.about-us > a,.services > a,.contact-us > a,.social > a{ - font-size: 24px; - margin-bottom: 20px; - font-size: 18px; - text-align: left; - +.about-us > a, +.services > a, +.contact-us > a, +.social > a { + font-size: 24px; + margin-bottom: 20px; + font-size: 18px; + text-align: left; } -.about-us > a > svg,.services > a > svg,.contact-us > a > svg,.social > a > svg{ - margin-right: 5px; +.about-us > a > svg, +.services > a > svg, +.contact-us > a > svg, +.social > a > svg { + margin-right: 5px; } -.about-us > p,.services > p,.contact-us > p,.social > p{ - font-size: 26px; - color: #fff; - margin-bottom: 40px; - font-weight: bold; - text-align: left; +.about-us > p, +.services > p, +.contact-us > p, +.social > p { + font-size: 26px; + color: #fff; + margin-bottom: 40px; + font-weight: bold; + text-align: left; } -.social *{ - display: flex; - align-items: center; - margin-left: 10px; -} \ No newline at end of file +.social * { + display: flex; + align-items: center; + margin-left: 10px; +}