-
Notifications
You must be signed in to change notification settings - Fork 4
/
plot1.html
87 lines (75 loc) · 2.98 KB
/
plot1.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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<title>Plot 1</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="styles.css" />
<link rel="icon" href="images/icon.png" />
<style>
#map {
height: 400px;
width: 100%;
padding-top:21%;
}
</style>
</head>
<body>
<div id="app">
<header>
<div style="display:flex;">
<a href="index.html"><h1 style="margin-left: 20px, color:#ffffff;">Cloud Farming</h1></a>
</div>
<ul class="navigation-list">
<li> <a href="index.html">Home</a> </li>
<li> <a href="login-customer.html">Login as customer</a> </li>
<li> <a href="login-seller.html">Login as seller</a> </li>
</ul>
</div>
</header>
</div>
<table border="0" align="center" style="background-color:azure; border-style: none; margin-top:50px;" width=90%>
<tr>
<td colspan="3" style="font-family:'Lobster'; font-style:italic; font-size:30px; padding: 20px 20px 20px 15px;">
481 Sq-ft Plot</td>
<td width=250px; style="font-size:30px">Rs. 1200<em style="font-size:15px;">/month</em></td>
<tr>
<tr height=100px;>
<td rowspan="3">
<img src="images/plot1.jpg" width="600px" style="padding: 15px;">
</td>
<td colspan="2" font-size=20px>Plot Area:<br><em>481 Sq-ft Plot</em></td>
<td font-size=20px align=left;>Owner:<br><em>Mr. A.K. Sharma</em></td>
<tr height=100px;>
<td width=250px; font-size=20px>Locality:<br><em style="font-size:18px;">Shah Ganj</em></td>
<td width=250px; font-size=20px>City:<br><em style="font-size:18px;">Agra</em></td>
<td width=250px; font-size=20px>State:<br><em style="font-size:18px;">Uttar Pradesh</em></td>
</tr>
<tr height=100px;>
<td font-size=20px>Water Facilities:<br><em>Working</em></td>
<td font-size=20px></td><br><br><br><br><b><br><br><br>
<td style="align-content:right;"> <button class="contact-button">Contact Owner</button> </td>
</tr>
</table>
<hr size="8" width="90%" color= #04AA6D>
<br><br><br><br><br>
<div id="map"></div>
<script>
function initMap() {
var uluru = {lat:27.173891 , lng: 78.042068};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
</script>
<script async defer
src=
"https://maps.googleapis.com/maps/api/js?key=
AIzaSyB2bXKNDezDf6YNVc-SauobynNHPo4RJb8&callback=initMap">
</script>
</body>
</html>