Skip to content
Snippets Groups Projects
Commit a07260fc authored by Mubarak S's avatar Mubarak S
Browse files

Delete footer.jsx

parent 486bd6f2
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 0 additions and 252 deletions
footer.jsx deleted 100644 → 0
+ 0
− 252
View file @ 486bd6f2
import React from "react";
import "./Footer.css"; // Import the CSS file
import call from "./call.png";
import Whatsapp from "./whatsapp.png";
import insta from "./instagram.png";
import world from "./world1.png";
//className="m-h-screen bg-[#28409C] md:bg-[url('world.png')] md:object-right-top md:bg-cover "
{
/*md:m-h-screen bg-cover" style={{backgroundImage:`url(${fat})`}}*/
}
function Footer() {
return (
<>
<div className="bg-[#28409C]">
<div className=" bg-[#28409C] md:bg-[url('footer3.png')] md:bg-contain bg-no-repeat">
<h2 className="text-white text-2xl md:text-5xl font-semibold px-3 md:px-4 py-6 md:py-6 md:font-extrabold">
OMPOI
</h2>
<div className="grid grid-cols-1 md:grid-cols-2 ">
<div className="hidden md:block object-right-bottom relative mt-[300px]">
<img src={world} alt="world" className=" size-[800px] " />
</div>
<div className=" ml-10 md:ml-10 mt-6 md:mt-130 mb-6 grid grid-cols-2 gap-5 md:grid-cols-4 lg:grid-cols-3">
<div className="text-white ">
<h4 className="text-2xl md:text-3xl font-semibold md:font-extrabold py-3">
About Us
</h4>
<ul className="font-light text-gray-300">
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
Pricing
</a>
</li>
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
Contact
</a>
</li>
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
FAQ
</a>
</li>
</ul>
</div>
<div className="text-white">
<h4 className="text-2xl md:text-3xl font-semibold md:font-extrabold py-3">
Support
</h4>
<ul className="font-light text-gray-300">
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
Help Center
</a>
</li>
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
Terms
</a>
</li>
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
Privacy
</a>
</li>
</ul>
</div>
<div className="text-white">
<h4 className="text-2xl md:text-3xl font-semibold md:font-extrabold py-3">
Policies
</h4>
<ul className="font-light text-gray-300">
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
Return
</a>
</li>
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
Refund
</a>
</li>
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
Cancellation
</a>
</li>
</ul>
</div>
<div className="text-white">
<h4 className="text-2xl md:text-3xl font-semibold md:font-extrabold py-3">
Help
</h4>
<ul className="font-light text-gray-300">
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
Your Account
</a>
</li>
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
App Download
</a>
</li>
</ul>
</div>
<div className="text-white">
<h4 className="text-[13.88px] md:text-[20.88px] font-semibold md:font-extrabold py-3">
Make Money With Us
</h4>
<ul className="font-light text-gray-300">
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
Sell on OMPOI
</a>
</li>
<li>
<a
href="#"
className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
>
Register as Merchant
</a>
</li>
</ul>
</div>
</div>
</div>
<div className="bg-[#28409C]">
<div className="bg-[#E9FAFF] flex items-center right-68 ml-[560px] rounded-tl-[30px] p-2">
<div className="font-semibold mr-8 text-sm relative">
<h1>&copy;2025 OMPOI</h1>
</div>
<div className="relative mr-4 font-semibold text-sm">
<h1>Terms</h1>
</div>
<div className="relative ml-2 mr-17 font-semibold text-sm">
<h1>Privacy</h1>
</div>
<div className="relative font-extrabold text-sm ml-8 mr-3">
<h1>Made With &#128153; by MIIT</h1>
</div>
<div className="relative font-semibold text-sm ml-18 mr-2">
<h1>Conact Us</h1>
</div>
<div className="relative flex gap-3">
<a href="#">
<img src={insta} alt="instagram" className="w-5 h-5" />
</a>
<a href="#">
<img src={Whatsapp} alt="Whatsapp" className="w-5 h-5" />
</a>
<a href="#">
<img src={call} alt="call" className="w-5 h-5" />
</a>
</div>
</div>
</div>
</div>
</div>
</>
);
}
export default Footer;
{
/* <div className="w-[1348px] z-50 ">
<div className="grid grid-cols-5 gap-1 bg-[#E9FAFF] p-1">
<div className=" text-[12px] text-black font-semibold flex items-center">
<h5 className="mt-3 mb-2">&copy;2025 OMPOI</h5>
</div>
<div className="flex gap-3 mt-3 items-center">
<span>Terms</span>
<span>Privacy</span>
</div>
<div className=" flex items-center justify-center">
<h5 className="font-extrabold mt-3 mb-2">
Made With &#128153; by MIIT
</h5>
</div>
<div className=" flex items-center justify-center">
<h5 className="font-semibold mt-3 mb-2">Contact us</h5>
<div className=" flex gap-3 mt-3 items-center justify-end">
<img src={insta} alt="instagram" className="w-5 h-5" />
<img src={Whatsapp} alt="Whatsapp" className="w-5 h-5" />
<img src={call} alt="call" className="w-5 h-5" />
</div>
</div>
</div>
</div> */
}
{
/* <div className="hidden md:grid grid-cols-5 gap-10 bg-[#E9FAFF] p-1 w-full">
<div className="text-[12px] text-black font-semibold inline-flex ">
<h5 className="mt-3 mb-2">&copy;2025 OMPOI</h5>
<div className="flex gap-5 mt-3 ">
<span className="ml-4">Terms</span> <span>Privacy</span>
</div>
<div>
<h5 className="font-extrabold ml-40 mt-3 mb-2">
Made With &#128153; by MIIT{" "}
</h5>
</div>
<div className="inline-flex">
<h5 className="font-semibold ml-30 mt-3 mb-2"> Conact us</h5>
</div>
<div className="flex gap-3 ml-2 mt-3">
<img src={insta} alt="instgram" className="w-5 h-5" />
<img src={Whatsapp} alt="Whatsapp" className="w-5 h-5" />
<img src={call} alt="call" className="w-5 h-5" />
</div>
</div>
</div> */
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment