export default function Header() { return (
Log in
Get started
- `block py-2 pr-4 pl-3 duration-200 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 hover:text-orange-700 lg:p-0` } > Home
</ul>
</div>
</div>
</nav>
</header>
);
}
export default function Footer() { return (
© 2023
hiteshchoudhary
. All Rights Reserved.
Facebook page
Discord community
Twitter page
GitHub account
Dribbble account
export default function Home() { return (
<Link
className="inline-flex text-white items-center px-6 py-3 font-medium bg-orange-700 rounded-lg hover:opacity-75"
to="/"
>
<svg
fill="white"
width="24"
height="24"
xmlns="http://www.w3.org/2000/svg"
fillRule="evenodd"
clipRule="evenodd"
>
<path d="M1.571 23.664l10.531-10.501 3.712 3.701-12.519 6.941c-.476.264-1.059.26-1.532-.011l-.192-.13zm9.469-11.56l-10.04 10.011v-20.022l10.04 10.011zm6.274-4.137l4.905 2.719c.482.268.781.77.781 1.314s-.299 1.046-.781 1.314l-5.039 2.793-4.015-4.003 4.149-4.137zm-15.854-7.534c.09-.087.191-.163.303-.227.473-.271 1.056-.275 1.532-.011l12.653 7.015-3.846 3.835-10.642-10.612z" />
</svg>
Download now
</Link>
</div>
</div>
<div className="absolute inset-0 w-full sm:my-20 sm:pt-1 pt-12 h-full ">
<img className="w-96" src="https://i.ibb.co/5BCcDYB/Remote2.png" alt="image1" />
</div>
</aside>
<div className="grid place-items-center sm:mt-20">
<img className="sm:w-96 w-48" src="https://i.ibb.co/2M7rtLk/Remote1.png" alt="image2" />
</div>
<h1 className="text-center text-2xl sm:text-5xl py-10 font-medium">Lorem Ipsum Yojo</h1>
</div>
);
}
export default function About() { return (
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum omnis voluptatem accusantium nemo perspiciatis delectus atque autem! Voluptatum tenetur beatae unde aperiam, repellat expedita consequatur! Officiis id consequatur atque doloremque!
Nobis minus voluptatibus pariatur dignissimos libero quaerat iure expedita at? Asperiores nemo possimus nesciunt dicta veniam aspernatur quam mollitia.
export default function Contact() { return (
Fill in the form to start a conversation
<div className="flex items-center mt-8 text-gray-600">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
viewBox="0 0 24 24"
className="w-8 h-8 text-gray-500"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
/>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
/>
</svg>
<div className="ml-4 text-md tracking-wide font-semibold w-40">
Acme Inc, Street, State, Postal Code
</div>
</div>
<div className="flex items-center mt-4 text-gray-600">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
viewBox="0 0 24 24"
className="w-8 h-8 text-gray-500"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"
/>
</svg>
<div className="ml-4 text-md tracking-wide font-semibold w-40">
+44 1234567890
</div>
</div>
<div className="flex items-center mt-2 text-gray-600">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
viewBox="0 0 24 24"
className="w-8 h-8 text-gray-500"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
/>
</svg>
<div className="ml-4 text-md tracking-wide font-semibold w-40">
info@acme.org
</div>
</div>
</div>
<form className="p-6 flex flex-col justify-center">
<div className="flex flex-col">
<label for="name" className="hidden">
Full Name
</label>
<input
type="name"
name="name"
id="name"
placeholder="Full Name"
className="w-100 mt-2 py-3 px-3 rounded-lg bg-white border border-gray-400 text-gray-800 font-semibold focus:border-orange-500 focus:outline-none"
/>
</div>
<div className="flex flex-col mt-2">
<label for="email" className="hidden">
Email
</label>
<input
type="email"
name="email"
id="email"
placeholder="Email"
className="w-100 mt-2 py-3 px-3 rounded-lg bg-white border border-gray-400 text-gray-800 font-semibold focus:border-orange-500 focus:outline-none"
/>
</div>
<div className="flex flex-col mt-2">
<label for="tel" className="hidden">
Number
</label>
<input
type="tel"
name="tel"
id="tel"
placeholder="Telephone Number"
className="w-100 mt-2 py-3 px-3 rounded-lg bg-white border border-gray-400 text-gray-800 font-semibold focus:border-orange-500 focus:outline-none"
/>
</div>
<button
type="submit"
className="md:w-32 bg-orange-700 hover:bg-blue-dark text-white font-bold py-3 px-6 rounded-lg mt-3 hover:bg-orange-600 transition ease-in-out duration-300"
>
Submit
</button>
</form>
</div>
</div>
</div>
</div>
);
}