Skip to content

Commit

Permalink
gfds
Browse files Browse the repository at this point in the history
  • Loading branch information
neerajrekwar authored Apr 7, 2024
1 parent 2adbf26 commit c59fd70
Showing 1 changed file with 4 additions and 34 deletions.
38 changes: 4 additions & 34 deletions form7.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,41 +19,11 @@

<body>
<main>
<div class="h-screen bg-gray-100 flex">
<div class="p-2 m-auto border-2 border-gray-700 rounded-md max-h-svh w-[97vw] sm:w-[70vw] ">
<h1 class="text-3xl mb-5 font-bold text-gray-8900">Get in touch <span class="text-rose-500">.</span></h1>

<form action="" method="get" class="">
<fieldset class="flex w-[100%] gap-4">
<label for="" class="w-[100%]">Name
<input class="h-10 rounded-sm bg-gray-00 w-full border-b-[1px] p-2 mb-2 border-b-gray-800 outline-none"
type="text" name="" id="">
</label>
<label for="" class="w-[100%]">Phone
<input class="h-10 rounded-sm bg-gray-00 w-full border-b-[1px] p-2 mb-2 border-b-gray-800 outline-none"
type="tel" name="" id="">
</label>
</fieldset>
<fieldset class="f">
<label for="">Email
<input class="h-10 rounded-sm bg-gray-00 w-full border-b-[1px] p-2 mb-2 border-b-gray-800 outline-none"
type="text" name="" id="">
</label>
<label for="">Phone
<input class="h-10 rounded-sm bg-gray-00 w-full border-b-[1px] p-2 mb-2 border-b-gray-800 outline-none"
type="tel" name="" id="">
</label>
</fieldset>
<fieldset>
<label for="">Message
<textarea
class="rounded-sm bg-gray-00 w-full border-b-[1px] p-2 mb-2 border-b-gray-800 outline-none h-[10vh]"
name="" id=""></textarea>
</label>
</fieldset>
</form>
<div class="m-auto h-screen flex border-red-500 ">
<div class="sm:w-[95vw] w-screen sm:h-[90vh] border h-screen m-auto sm:flex">
<div id="hello" class="m-auto p-3 h-[50vh] border border-black sm:w-[50vw]">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam facere provident quod, saepe perspiciatis laudantium harum, autem et cum nisi laboriosam a incidunt nulla culpa tempora libero perferendis. Inventore, illo!</div>
<div class="m-auto p-3 h-[50vh] border border-black sm:w-[50vw]">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vel, ullam at quod error dolorum deleniti sequi! Distinctio amet corrupti error praesentium deleniti! Est, amet reiciendis similique omnis soluta provident quibusdam.</div>
</div>

</div>
</main>
</body>
Expand Down

0 comments on commit c59fd70

Please sign in to comment.