Footer Fixed

temp
Pedram Keshavarzi 3 years ago
parent 57586469b6
commit 3cf7713f29
  1. 12
      src/components/Footer/index.js

@ -21,10 +21,10 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
<div className="flex items-center ml-8 "> <div className="flex items-center ml-8 ">
<img src={callIcon} className="p-2" /> <img src={callIcon} className="p-2" />
<div> <div>
<h1 className="text-3xl text-bold mb-2 font-black"> <h1 className="text-2xl text-bold mb-2 font-black">
<span className=" text-blueC0">7</span> روز هفته <span className="font-black text-blueC0">24</span> ساعته <span className=" text-blueC0">7</span> روز هفته <span className="font-black text-blueC0">24</span> ساعته
</h1> </h1>
<p className="text-xl font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p> <p className="text-lg font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p>
</div> </div>
</div> </div>
@ -36,19 +36,19 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
</div> </div>
: null} : null}
<footer <footer
className={`flex flex-col bg-gray-200 py-10 md:flex-row justify-around items-start md:items-start relative shadow-md ${bg}`} className={`flex flex-col bg-gray-200 py-16 md:flex-row justify-around items-start md:items-start relative shadow-md ${bg}`}
> >
<div className="w-11/12 flex justify-between"> <div className="w-11/12 flex justify-between">
<div className="flex items-start"> <div className="flex items-start">
<> <>
{ {
links.map((section, index) => <ul className={index != 0 ? 'mr-20' : ''} key={index}> links.map((section, index) => <ul className={index != 0 ? 'mr-16' : ''} key={index}>
{ {
section.map((link, index) => <li section.map((link, index) => <li
className={`font-light text-xs leading-7 hover:font-bold ${color}`} className={`font-light text-md leading-7 hover:font-bold ${color}`}
key={index} key={index}
> >
<a href="" className={`${index == 0 ? ' text-sm font-bold' : ''}`}>{link}</a> <a href="" className={`${index == 0 ? ' text-lg font-bold' : ''}`}>{link}</a>
</li>) </li>)
} }
</ul>) </ul>)

Loading…
Cancel
Save