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 ">
<img src={callIcon} className="p-2" />
<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> ساعته
</h1>
<p className="text-xl font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p>
<p className="text-lg font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p>
</div>
</div>
@ -36,19 +36,19 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
</div>
: null}
<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="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
className={`font-light text-xs leading-7 hover:font-bold ${color}`}
className={`font-light text-md leading-7 hover:font-bold ${color}`}
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>)
}
</ul>)

Loading…
Cancel
Save