-
Notifications
You must be signed in to change notification settings - Fork 0
/
Basicdetail.html
36 lines (36 loc) · 2.24 KB
/
Basicdetail.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basic detail</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="w-full h-[60px] bg-blue-600 border-2 border-blue-600 flex flex-row justify-between">
<img src="deal_acres_logo.jpg" class="w-12 h-12 mt-2"/>
<a href="index.html" class="mt-2 text-xl text-white font-bold">Home</a>
<a href="Basicdetail.html" class="mt-2 text-xl text-white font-bold">Basic Details</a>
<a href="Location.html"class="mt-2 text-xl text-white font-bold" >Location Details</a>
<a href="Property.html"class="mt-2 text-xl text-white font-bold">Property Profile</a>
<a href="Photo.html"class="mt-2 text-xl text-white font-bold">Photos</a></div>
<div class="flex flex-row justify-evenly mt-20">
<div class="h-[500px] w-[300px] border-2 bg-blue-200 rounded-md text-center">
<p class="mt-32">An Accurate Location is the most essential as it helps you to connect the perfect buyer on tenant.</p>
<img src="locationmark.png" class="w-1/5 h-1/5 ml-28 mt-4"/>
<p class="text-xl text-black font-bold mt-4">Need Help</p>
<p>You Can Email Us</p>
<p class="text-blue-500">Contact@dealacres.com</p>
</div>
<div class="w-[300px] h-[400px] border-4 border-blue-300 rounded-lg mt-24">
<p class="font-extrabold text-xl mt-4 ml-4">Your Property Location?</p>
<input placeholder="State" class="ml-4 mt-4 w-4/5 h-[30px] border-2 border-blue-300 rounded-lg text-gray-900"/>
<input placeholder="City" class="ml-4 mt-4 w-4/5 h-[30px] border-2 border-blue-300 rounded-lg text-gray-900"/>
<input placeholder="Name of Project/Property" class="ml-4 mt-4 w-4/5 h-[30px] border-2 border-blue-300 rounded-lg text-gray-900"/>
<input placeholder="Area/Sector"class="ml-4 mt-4 w-4/5 h-[30px] border-2 border-blue-300 rounded-lg text-gray-900"/>
<input placeholder="House No. (Optional)"class="ml-4 mt-4 w-4/5 h-[30px] border-2 border-blue-300 rounded-lg text-gray-900"/>
<button class="ml-4 mt-4 w-4/5 h-[30px] bg-blue-700 text-white rounded-lg">Continue</button>
</div>
</div>
</body>
</html>