parsa/parsaaghayi-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

contact get responsive

Browse Source
This commit is contained in:
parsa aghaei 2024-09-24 15:07:20 +03:30
parent 1349b9b28e
commit 56857c00cc
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/_components/contact/page.tsx
View File

@ -2,25 +2,28 @@ import React from "react";
export default function Contact() {
return (
<div className="mt-10 flex max-w-[930px] flex-col gap-[30px]" id="contact">
<h2 className="text-center text-[65px] font-[600] text-[#000]">
<div
className="mt-10 flex w-full max-w-[80%] flex-col gap-[30px]"
id="contact"
>
<h2 className="text-center text-[35px] font-[800] text-[#000]">
Lets Design Together
</h2>
<p className="text-center text-[21px] font-[600] text-[#000]">
<p className="text-center text-[18px] font-[600] text-[#000]">
Lorem ipsum dolor sit amet consectetur. Tristique amet sed massa nibh
lectus netus in. Aliquet donec morbi convallis pretium
</p>
<div className="flex items-center justify-center gap-[25px]">
<div className="flex w-full flex-wrap items-center justify-center gap-[25px]">
<input
type="text"
className="min-w-[400px] rounded-lg border border-[#AFAFAF] bg-[#F8F8F8] p-[22px] text-[21px] font-[400] text-[#797979]"
className="min-w-[400px] rounded-lg border border-[#AFAFAF] bg-[#F8F8F8] p-[22px] text-[18px] font-[400] text-[#797979]"
placeholder="Enter your Email address here..."
name="email"
id="email"
/>
<button
type="button"
className="rounded-lg bg-[#FD6F00] px-[35px] py-[20px] text-[24px] font-[600] text-[#fff]"
className="whitespace-nowrap rounded-lg bg-[#FD6F00] px-[35px] py-[20px] text-[20px] font-[600] text-[#fff]"
>
Contact Me
</button>