diff --git a/src/App.js b/src/App.js index 7bef9f9..472f359 100644 --- a/src/App.js +++ b/src/App.js @@ -13,6 +13,7 @@ import BlogDesign6 from "./components/Blogs/design6/BlogDesign6"; import HeaderDesign1 from "./components/Header/desgin1/HeaderDesign1"; import VodProductDesign from "./components/vodProductDesign/VodProductDesign"; import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection"; +import FooterDesign1 from "./components/footer/design1/FooterDesign1"; function App() { return ( @@ -30,7 +31,8 @@ function App() { {/* */} {/* */} {/* */} - + {/* */} + ); } diff --git a/src/assets/images/enamad-pic.svg b/src/assets/images/enamad-pic.svg new file mode 100644 index 0000000..71a2999 --- /dev/null +++ b/src/assets/images/enamad-pic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/samandehi-pic.svg b/src/assets/images/samandehi-pic.svg new file mode 100644 index 0000000..fc47b54 --- /dev/null +++ b/src/assets/images/samandehi-pic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/footer/design1/FooterDesign1.js b/src/components/footer/design1/FooterDesign1.js new file mode 100644 index 0000000..3d2a490 --- /dev/null +++ b/src/components/footer/design1/FooterDesign1.js @@ -0,0 +1,82 @@ +import React from "react"; + +import "./FooterDesign1.scss"; + +import enamad from "../../../assets/images/enamad-pic.svg"; +import samandehi from "../../../assets/images/samandehi-pic.svg"; + +import lightBlueLine from "../../../assets/icons/light-blue-line.svg"; + +const FooterDesign1 = () => { + return ( + + ); +}; + +export default FooterDesign1; diff --git a/src/components/footer/design1/FooterDesign1.scss b/src/components/footer/design1/FooterDesign1.scss new file mode 100644 index 0000000..a9e3f7d --- /dev/null +++ b/src/components/footer/design1/FooterDesign1.scss @@ -0,0 +1,6 @@ +.footer-items { + transition: all 0.4s; +} +.footer-items:hover { + transform: translateY(-2px) !important; +}