-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
144 lines (131 loc) · 5.64 KB
/
home.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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html>
<head>
<title>Roam Udaipur</title>
<meta name = "viewport" content = "width=device-width, initial-scale = 1, maximum-scale=1 ,user-scalable = no" />
<link type="text/css" href="index_css.css" rel="stylesheet" >
<link href='https://fonts.googleapis.com/css?family=Josefin Sans' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Merienda' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=MedievalSharp' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Allan' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Amaranth' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Amita' rel='stylesheet'>
<script src="https://use.fontawesome.com/5b626b8830.js"></script>
</head>
<body>
<div class="header">
<div class="inner-header">
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<Button id="navb" onclick="openAbt()">About Us</Button>
<br/>
<br/>
<br/>
<Button id="navb" onclick="openCnt()">Contact Us</Button>
<a style="margin-top:65px; text-align:center; font-size:12px; color:black;" href="roamudaipur.php">©RoamUdaipur.com</a>
</div>
<span id="openel" style="font-size:25px;cursor:pointer; position:absolute; left:3%; top:2%" onclick="openNav()">☰</span>
<div class="logo"><a href="home.html">RoamUdaipur.com</a></div>
<!--<div class="header-link"><a href="logoutscript.php" id="login">Log Out</a></div>-->
<div class="header-link"><Button id="login" onclick="openCnt()">Contact Us</Button></div>
<div class="header-link"><Button id="login" onclick="openAbt()">About Us</Button></div>
<!--<div class="header-link"><Button id="login" onclick="openPro()">Profile</Button></div>-->
</div>
</div>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "200px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>
<div id="profile_show" class="profile">
<a href="javascript:void(0)" class="closebtn" onclick="closePro()">×</a>
<div id="pro_head"><h1>Profile</h1></div>
<br/><br/>
<div id="pro_element"><h2>Username: <?php echo $_SESSION['username'];?></h2></div>
<div id="pro_element1"><h2>E-Mail: <?php
$con=mysqli_connect('localhost','root','','users');
$query="SELECT * FROM users.users_data WHERE username='$name'";
$data=mysqli_query($con,$query);
$row=mysqli_fetch_array($data);
echo $row['email'];?></h2></div>
<a style="margin-top:395px; text-align:center; font-size:16px; color:black;" href="roamudaipur.php">©RoamUdaipur.com</a>
</div>
<div class="profile" id="about_show">
<a href="javascript:void(0)" class="closebtn" onclick="closeAbt()">×</a>
<div id="mission"><h2>**Our Mission**</h2>
<p>To Provide a platform which can help tourists as well as localites of Udaipur.</p>
<br/>
<br/>
<h2>**About**</h2>
<p>We are here to provide every possible detail related to Udaipur in the simplest manner. We provide
complete details of Hotels & Restaurants,Tourism,How To Reach and many more coming soon! We are working
hard to make sure that the content provided you will be best.</p>
<a style="margin-top:65px; text-align:center; font-size:16px; color:black;" href="roamudaipur.php">©RoamUdaipur.com</a>
</div>
</div>
<div id="cnt_show" class="profile1">
<a href="javascript:void(0)" class="closebtn" onclick="closeCnt()">×</a>
<div id="cnto"><h2>Contact Us</h2>
<br/>
<a href="www.fb.com/iamcrj" style="color: darkblue"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
<a href="www.twitter.com/JainUdr27" style="color:blue"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>
<a href="www.instagram.com/iamcrj" style="color:brown"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="[email protected]" style="color:red"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="www.linkedin.com/iamcrj" style="color:blueviolet"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a>
<br/>
<br/>
<img src="chirag.jpg" alt="chiragjain" id="imagetag">
<div id="developer">
<h4>Developed By - </h4>
<h3>Chirag Jain</h3>
</div>
</div>
</div>
<div class="content">
<div class="banner-image">
<div class="inner-banner-image">
<div class="banner-content">
<h2>Tourism</h2>
<p>See Tourist Places in Udaipur.</p>
<div class="elements"><a id="clicks" href="tourism.html">Click Here</a></div>
</div>
<div class="banner-content2">
<h2>Sell and Buy</h2>
<p>Sell and Buy Prooducts in Udaipur.</p>
<a id="clicks" href="#" onclick="alert('This section is under development');">Click Here</a>
</div>
</div>
</div>
<script type="text/javascript">
function openPro() {
document.getElementById("profile_show").style.width = "100%";
}
function closePro() {
document.getElementById("profile_show").style.width = "0";
}
function openAbt() {
document.getElementById("about_show").style.width = "100%";
}
function closeAbt() {
document.getElementById("about_show").style.width = "0";
}
function openCnt() {
document.getElementById("cnt_show").style.width = "100%";
}
function closeCnt() {
document.getElementById("cnt_show").style.width = "0";
}
</script>
</div>
<footer>
<div class="container" >
<p style="float: left;" id="copyv">©Roam Udaipur</p>
<a style="float:right; padding-top:14px; text-decoration: underline;" id="copyv" href="disclaimer.html">Disclaimer</a>
<p id="copyv" style="text-align: center;">Made with <i class="fa fa-heart" aria-hidden="true"></i></p>
</div>
</footer>
</body>
</html>