-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (91 loc) · 3.31 KB
/
index.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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="StyleSheet\Style.css">
<title>Tourism</title>
</head>
<body>
<div class="Top_Nav_Bar">
<img src="stylesheet/logo_A.png" class="Logo_Nav">
<h1>Tourism</h1>
<div class="Buttons">
<a href="index.html"><button class="btn">Home</button></a>
<a href="cityguide.html"><button class="btn">City Guide</button></a>
<a href="azna\about.html"><button class="btn">About Us</button></a>
<a href="azna\contact.html"><button class="btn">Contact Us</button></a>
</div>
</div>
<div class="Top_Locations">
<a href="lahore.html"><div class="Location">
<div class="Lahore">
</div>
<div class="Hidden">
<h3><u>Lahore:</u><br><q>The City of Heart is well famous for it's culture</q></h3>
<br>
</div>
</div></a>
<a href="Islamabad.html"><div class="Location">
<div class="Islamabad">
</div>
<div class="Hidden2">
<h3><u>Islamabad:</u><br><q>The City of Peace is Famous for it's Natural views full of life</q></h3>
</div>
</div></a>
<a href="karachi.html"><div class="Location">
<div class="karachi">
</div>
<div class="Hidden3">
<h3><u>Karachi:</u><br><q>The City of lights Occupy most of the industrial business in pakistan</q></h3>
</div>
</div></a>
</div>
<div class="mapstuff">
<div class="map">
<h3>Choose any Location from the Map on the right, You can select any highlited area on the map to visit the webpage about the specific area. <br><br> You can select from: <br>
1. Karachi<br>
2. Islamabad<br>
3. Lahore<br>
</h3>
</div>
<center><img src="StyleSheet\map.jpg" alt="map" class="pakimap" usemap="#goto"></center>
<map name="goto">
<area target="_blank" alt="Karachi" title="Karachi" href="karachi.html" coords="381,671,31" shape="circle">
<area target="_blank" alt="Lahore" title="Lahore" href="lahore.html" coords="708,318,30" shape="circle">
<area target="_blank" alt="Islamabad" title="Islamabad" href="Islamabad.html" coords="683,193,55" shape="circle">
</map>
</div>
<div class="Contact_US">
<center><h1>Feel Free To Contact Us</h1></center>
<center><a href="azna\contact.html"><button class="btn">Contact Us</button></a></center>
</div>
<footer>
<div class="info">
<h3>Feel Free to contact us at:</h3>
<img src="footer\phone.png" class="ImgSocial1">
030xxxxxxxx<br>
<img src="footer\mail.png" class="ImgSocial1" >
<img src="footer\mail.png" class="ImgSocial1">
</div>
<div class="links">
<h2>Keep in touch</h2>
<a href="#"><img src="footer\social1.png" class="ImgSocial"></a>
<a href="#"><img src="footer\social2.png" class="ImgSocial"></a>
<a href="#"><img src="footer\social3.png" class="ImgSocial"></a>
<a href="#"><img src="footer\social4.png" class="ImgSocial" ></a>
</div>
<div class="newsletter">
<center><h1>NewsLetter</h1></center>
<center><form>
Email<br><input type="mail" name="email" placeholder="Enter Your Email"><br><br>
Password<br><input type="password" name="email" placeholder="Enter Your Password">
<br>
<input type="button" name="Subscribe" value="Subscribe">
</form>
</center>
</div>
</footer>
</body>
</html>