master
mahdi 3 years ago
parent ac2947cd50
commit 37399d392e
  1. 4
      src/App.js
  2. 3
      src/assets/images/enamad-pic.svg
  3. 3
      src/assets/images/samandehi-pic.svg
  4. 82
      src/components/footer/design1/FooterDesign1.js
  5. 6
      src/components/footer/design1/FooterDesign1.scss

@ -13,6 +13,7 @@ import BlogDesign6 from "./components/Blogs/design6/BlogDesign6";
import HeaderDesign1 from "./components/Header/desgin1/HeaderDesign1"; import HeaderDesign1 from "./components/Header/desgin1/HeaderDesign1";
import VodProductDesign from "./components/vodProductDesign/VodProductDesign"; import VodProductDesign from "./components/vodProductDesign/VodProductDesign";
import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection"; import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection";
import FooterDesign1 from "./components/footer/design1/FooterDesign1";
function App() { function App() {
return ( return (
@ -30,7 +31,8 @@ function App() {
{/* <BlogDesign5 /> */} {/* <BlogDesign5 /> */}
{/* <BlogDesign6 /> */} {/* <BlogDesign6 /> */}
{/* <HeaderDesign1 /> */} {/* <HeaderDesign1 /> */}
<ContactInfoSection /> {/* <ContactInfoSection /> */}
<FooterDesign1 />
</div> </div>
); );
} }

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.4 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 28 KiB

@ -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 (
<footer className="bg-white p-6 flex flex-col md:flex-row justify-around items-start md:items-start relative">
<div className="flex items-start">
<ul className="mr-10">
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> لینک های اصلی</a>
</li>
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> فروشگاه</a>
</li>
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> در باره ما</a>
</li>
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> پرسش های متداول</a>
</li>
</ul>
<ul className="mr-10">
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> لینک های اصلی</a>
</li>
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> فروشگاه</a>
</li>
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> در باره ما</a>
</li>
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> پرسش های متداول</a>
</li>
</ul>
<ul className="mr-10">
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> لینک های اصلی</a>
</li>
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> فروشگاه</a>
</li>
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> در باره ما</a>
</li>
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> پرسش های متداول</a>
</li>
</ul>
<ul className="mr-10">
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> لینک های اصلی</a>
</li>
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> فروشگاه</a>
</li>
<li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
<a href=""> در باره ما</a>
</li>
</ul>
</div>
<div className="flex items-center mt-10 md:mt-0">
<img src={enamad} alt="" className="w-28 ml-10" />
<img src={samandehi} alt="" className="w-28" />
</div>
{/* line */}
<img
src={lightBlueLine}
alt=""
className="hidden sm:block absolute bottom-5 left-20"
/>
</footer>
);
};
export default FooterDesign1;

@ -0,0 +1,6 @@
.footer-items {
transition: all 0.4s;
}
.footer-items:hover {
transform: translateY(-2px) !important;
}
Loading…
Cancel
Save