Hotelo Website Report

Hotelo Website
Home_page.html
<html>
<head> <title> Home</title>
<style>
body{
background-image :url(bed.jpg);
padding : 0px 30px;
background-size:cover;
background-position:center;
ul{
float: right;
margin-top:30px;
ul li{
display: inline-block;
ul li a{
text-decoration : none;
padding : 5px 20px;
margin:10px;
border : 2px solid black;
transition : 0.6s ease;
font-size : 20px;
color : brown;
}
ul li a:hover
background-color : white;
color:black;
.main
max-width:1200px;
margin:auto;
#signup
height : 10%;
width : 20%;
opacity : 1;
#signup:hover
opacity: 0.5;
#h
margin-top:2px;
font-size:50px;
</style>
</head>
<body>
<div class="main">
<ul>
<li><a href="Home_Page.html"> Home</a> </li>
<li><a href="Image.html"> Portfolio</a> </li>
<li><a href="about.html"> About</a> </li>
<li><a href="contact.html"> Contact us</a> </li>
<li><a href="LOGIN.PHP">Log In</a> </li>
</ul>
</div>
<h1 id="h"> <font color="brown">Room Booking</font> </h1>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h1 align="center"> <a href="signup.php"> <img src="signup.jpg" width=300 id="signup"></a> </h1>
</body>
</html>
Portfolio.html
<html>
<head> <title> Shashank Pandey </title>
<link rel="stylesheet" type="text/css" href="gallery.css">
</head>
<body>
<h1> Photo Gallery </h1><hr><hr><br>
<h3>Rooms Available</h3> :
<img src="images/1.jpg" title="Single Bed Room"/>
<img src="images/2.jpg" title="Double Bed Room"/>
<img src="images/3.jpg" title="Triple Bed Room"/>

<img src="images/4.jpg" title="Quad Bed Room"/>
<img src="images/5.jpg" title="Queen Bed Room"/>
<img src="images/6.jpg" title="Double-Double Bed Room"/>
</body>
</html>
CSS for portfolio(gallery.css)

body
background-image: url(bed.jpg);
background-size : cover;
h1
color: brown;
font-size:40px;
h1:hover
color : black;
h3
text-align:center;
font-size:30px;
color:brown;
text-decoration : underline;
img
height : 30%;
width : 25%;
margin-left: 70px;
margin-top : 30px;
img:hover
border-bottom : 5px solid blue;
height : 32%;
width : 26%;
Contact us.html
<html>
<head><title>Shashank Pandey</title></head>
<body>
<style>
body
background-image:url(bed.jpg);
color:brown;
}
#cont
float:bottom;
text-align:center;
</style>
<h1>
<center>
Contact Us
</center>
</h1>
<hr><hr>
<h2 id="cont"><br><br><br><br><br>
Contact Details:<br>
Hotelo Pvt. Ltd.<br>
B-69,<br>
Third Floor,<br>
Sector 4,<br>
Noida,<br>
U.P - 201301<br>
<br>
: +91-88-1010-7070<br><br>
: +91-7777-060-060<br><br>
: info@roomsoom.com
</h2>
</body>
</html>
About.html
<html>
<head> <title> Shashank Pandey</title>
<style>
body
background-image:url(bed.jpg);
#para
font-size:20px;
text-align:center;
font-family:engravers mt;
color:yellow;
position:relative;
</style>
</head>
<body>
<h1><center>About</center></h1><hr>
<div>
<img src="about.jpg" width="100%" height="400">
<div id="para">
We built hotelo because booking a <br>hotel room should be fun, not complicated.<br>
It's simple: we partner with top-rated hotels, <br>they give us their unsold rooms, and we show you
each day's best deals.<br>
You check out those deals, book the one you like and boom! <br>You're on your way to a great
stay.<br>
And we're not just for tonight – you can book our <br>sweet deals for tonight, tomorrow and
beyond.<br>
Plan ahead or play it by ear... and turn an <br>average night into a ‘tonight’ you’ll always
remember.<br>
</div>
</div>
</body>
</html>
Log In.html
<html>
<head>
<script type ="text/javascript" src="js/jquery-1.8.3.js"></script>
<style type="text/css">
#sub,#reset
font-size:16px;
font-weight:bold;
#sub:hover,#reset:hover
color:red;
background-color:#b0c4de;
}
.circle
width:150px;
height:150px;
background-color:#87cefa;
border-radius:80%;
border:17px solid red;
box-shadow:4px 9px 9px white;
#mycircle
animation:slide 2s ease-in-out 0s infinite;
@keyframes slide{
0%{
transform:scale(0);
50%{
transform:scale(1);
opacity:.1;
100%{
transform:translate3d(0px,0px,0px);
animated-timing-function:ease-out;
</style>
<script type="text/javascript">
$(function(){
$('#one').focus(function(){
$(this).css('background-color','black').css('color','black');
}).blur(function(){
$(this).css('background-color','white).css('color','black');
});
$('#password').focus(function(){
$(this).css('background-color','#dda0dd').css('color','black');
}).blur(function(){
$(this).css('background-color','white').css('color','black');
});
});
</script>
</head>
<body background="room.jpg">
<hr color=red size=3>
<table width=100%>
<tr>
<td BGCOLOR=grey><B><center><FONT SIZE=6

>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspWelcome to our login
page.</FONT></center></B></TD>
</TABLE>
<br><br>
&nbsp &nbsp <center>
<div id="mycircle" class="circle">
<br><br><br>&nbsp&nbsp <font color=red size=6><b>LOGIN</b></font>

</div>
<script src="http//www.kirupa.com/js/prefixfree.mim.js"></script>
</center>
<br><br><center>
<form action="logincheck.php" method="post">
<table width="80%">
<tr>
<td width=39%><b><font size=4><font color=white><b>USER ID</b></font></font></b></td>
<td width=2%><b><font color=white><b>:</b></font></td>
<td width=39%><input type="email" required=required placeholder="User Id" name="id" id="one"

autofocus></td>
</tr>
<tr>
<td width=39%>
<b><font size=4><font color=white><b>PASSWORD</font></b></font></b></td>
<td width=2%><b><font color=white><b>:</b></font></td>
<td width=39%><input type="password" required=required id="password" name="password"

placeholder="Password">&nbsp <span id="errmessage"></span></td>
</tr>
</table>
<br>
<br><br><br><br>
<input type="submit" name=submit id="sub" value="LOGIN">&nbsp&nbsp&nbsp&nbsp&nbsp <input

type="reset" id=reset value="RESET">
</table>
</form>
</center>
</BODY>
</html>
Log In.php
<?php
$server='localhost';
$user='root';
$password='';
$found=false;
$cnn=mysqli_connect($server,$user,$password);
mysqli_select_db($cnn,'pg_rooms');
if(isset($_REQUEST['id']) and isset($_REQUEST['password']))
$id=$_REQUEST['id'];
$pass=$_REQUEST['password'];
$sql = "select * from signup_table";
//echo $sql;}
$rs=mysqli_query($cnn,$sql);
// if($rs)
//{
while($row=mysqli_fetch_array($rs))
if($row['mail'] ==$id && $row['password']==$pass )
// header("Location:results1.php");
$found=true;
// echo $row['course'];
}}
/*else
{?>
<center><font color=red size=6><?php echo"RECORD DOES NOT EXIST..PLEASE CHECK THE DATA YOU
HAVE ENTERED.";?></font></center>
<?php
/*if($found==true)
header("Location:results1.php");
}*/
if($found==true)
{ header("Location:login2.php?&id=".$id."&password=".$pass);
//echo"record found";
else
{?>
<br><font color=yellow size=7><b><center>Oops!!!!</center></b></font>
<br><br><br><body bgcolor=#696969><center><font color=#7fff00 size=6><b>
<?php echo"RECORD DOES NOT EXIST..PLEASE CHECK THE DATA YOU HAVE
ENTERED.";?></b></font></center></body>
<?php }
mysqli_close($cnn);
?>
Sign In.php
<?php
$user='root';
$password='';
if(isset($_REQUEST['id'])and isset($_REQUEST['password']))
$id = $_REQUEST['id'];
$pwd= $_REQUEST['password'];
$sql = "select * from signup_table where mail='$id' and password='$pwd'";
$rs= mysqli_query($cnn,$sql);
if($rs)
{?>
<font color=blue size=6><?php echo" You have logged in."?></font>
<?php
else
{?>
<font color=blue size=6><?php echo"Invalid user id and password."?></font>
<?php
?>
<?php
mysqli_close($cnn);
?>
Sign Up.html
<html>
<head>
<script type ="text/javascript" src="js/jquery-1.8.3.js"></script>
<style type="text/css">
#show,#reset
font-size:16px;
font-weight:bold;
#show:hover,#reset:hover
color:black;
background-color:#adff2f;
</style>
<script type="text/javascript">
$(function(){
$('#pwd').focus(function(){
$(this).css('background-color','#adff2f').css('color','black');
}).blur(function(){
});
$('#type').focus(function(){
$(this).css('background-color','#aaff2f').css('color','black');
}).blur(function(){
});
$('input[type="text"]').focus(function(){
}).blur(function(){
});
$('input[type="email"]').focus(function(){
}).blur(function(){
});
});
</script>
</head>
<body background="home4.jpg">
<table width="100%">
<tr>
<td BGCOLOR=#5FCAB><B><center><FONT SIZE=6 > to our sign up page.</FONT></center></B></TD>
</TABLE>
<br><br>
<center>
<img src="images\signup5.jpg" height=100 width=200/>
</center>
<br><br>
<center>
<form action="signup3.php" method="post">

<TABLE width=92% >
<tr>
<td width=45% align=center><b>FIRST NAME</b></td>
<td width=2% align=center><b>:</b></td>
<td width=45%><input type="text" placeholder="First name" name=first

required=required autofocus/></td>
</tr>
<TR>
<td width=45%></td>
<td width=2%></td>
<td width=45%></td>
</tr>
<tr>
<td width=45% align=center>
<b>LAST NAME</b></td>
<td width=45% ><input type="text" placeholder="Last name" name=last required=required></td>
</tr>
<TR>
<td width=45%></td>
<td width=2%></td>
<td width=45%></td>
</tr>
<tr>
<td width=45% align=center><b>DATE OF BIRTH</b></td>
<td width=45% ><input type="date" placeholder="Date of birth" name=dob

required=required></td>
</tr>
<TR>
<td width=45%></td>
<td width=2%></td>
<td width=45%></td>
</tr>
<tr>
<td width=45% align=center><b>MOBILE NO</b></td>
<td width=45% ><input type="number" placeholder="mobile no" name=no required=required></td>
</tr>
<TR>
<td width=45%></td>
<td width=2%></td>
<td width=45%></td>
</tr>
<tr>
<td width=45% align=center><b>EMAIL</b></td>
<td width=45%><input type="email" placeholder="Email" name=mail required=required></td>
</tr>
<tr>
<td width=45%></td>
<td width=2%></td>
<td width=45%></td>
</tr>
<tr>
<td width=45% align=center><b>PASSWORD</b></td>
<td width=45%><input type="password" name=password id=pwd required=required

placeholder=Password>&nbsp <span id=errmessage></span></td>
</tr>
<TR>
<td width=45%></td>
<td width=2%></td>
<td width=45%></td>
</tr>
</TABLE>
<br>
<br><br>
<center>
<input type="submit" name="submit" id=show value="SUBMIT"/>&nbsp&nbsp&nbsp&nbsp
<input type="reset" id=reset value="RESET"/>
</center>
</form>
</center>
</body>
</html>
Sign Up.php
<?php
$user='root';
$password='';
if(isset($_REQUEST['first']) and isset($_REQUEST['last']) and isset($_REQUEST['dob'])and

isset($_REQUEST['no'])and isset($_REQUEST['mail']) and isset($_REQUEST['password']))
$firstn = $_REQUEST['first'];
$lastn = $_REQUEST['last'];
$dob = $_REQUEST['dob'];
$no = $_REQUEST['no'];
$email = $_REQUEST['mail'];
$pwd = $_REQUEST['password'];
$sql = "insert into signup_table(first,last,dob,no,mail,password)

values('".$firstn."','".$lastn."','".$dob."','".$no."','".$email."','".$pwd."')";
$rs = mysqli_query($cnn,$sql);
if($rs)
{?>
<font color=blue size=6><?php echo" Row inserted"?></font>
<?php
else
{?>
<font color=blue size=6><?php echo"Row not inserted"?></font>
<?php
mysqli_close($cnn);
?>
OUTPUTS:
Home Page-
Portfolio-
About Us-
Contact us-
Login-
Sign Up-

Hotelo Website Report

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Hotelo Website Report

Caricato da

Copyright:

Formati disponibili

Hotelo Website

<head> <title> Home</title>

padding : 0px 30px;

padding : 5px 20px;

border : 2px solid black;

transition : 0.6s ease;

<li><a href="Home_Page.html"> Home</a> </li>

<li><a href="Image.html"> Portfolio</a> </li>

<li><a href="about.html"> About</a> </li>

<li><a href="contact.html"> Contact us</a> </li>

<li><a href="LOGIN.PHP">Log In</a> </li>

<h1 id="h"> <font color="brown">Room Booking</font> </h1>

<h1 align="center"> <a href="signup.php"> <img src="signup.jpg" width=300 id="signup"></a> </h1>

<head> <title> Shashank Pandey </title>

<link rel="stylesheet" type="text/css" href="gallery.css">

<h1> Photo Gallery </h1><hr><hr><br>

<img src="images/1.jpg" title="Single Bed Room"/>

<img src="images/2.jpg" title="Double Bed Room"/>

<img src="images/3.jpg" title="Triple Bed Room"/>

<img src="images/5.jpg" title="Queen Bed Room"/>

<img src="images/6.jpg" title="Double-Double Bed Room"/>

CSS for portfolio(gallery.css)

border-bottom : 5px solid blue;

Hotelo Pvt. Ltd.<br>

<head> <title> Shashank Pandey</title>

<img src="about.jpg" width="100%" height="400">

<script type ="text/javascript" src="js/jquery-1.8.3.js"></script>

border:17px solid red;

box-shadow:4px 9px 9px white;

animation:slide 2s ease-in-out 0s infinite;

<hr color=red size=3>

<td BGCOLOR=grey><B><center><FONT SIZE=6

<hr color=red size=3>

&nbsp &nbsp <center>

<div id="mycircle" class="circle">

<br><br><br>&nbsp&nbsp <font color=red size=6><b>LOGIN</b></font>

<form action="logincheck.php" method="post">

<td width=39%><b><font size=4><font color=white><b>USER ID</b></font></font></b></td>

<td width=2%><b><font color=white><b>:</b></font></td>

<td width=39%><input type="email" required=required placeholder="User Id" name="id" id="one"

<b><font size=4><font color=white><b>PASSWORD</font></b></font></b></td>

<td width=2%><b><font color=white><b>:</b></font></td>

<td width=39%><input type="password" required=required id="password" name="password"

<input type="submit" name=submit id="sub" value="LOGIN">&nbsp&nbsp&nbsp&nbsp&nbsp <input

if(isset($_REQUEST['id']) and isset($_REQUEST['password']))

$sql = "select * from signup_table";

if($row['mail'] ==$id && $row['password']==$pass )

<br><font color=yellow size=7><b><center>Oops!!!!</center></b></font>

<br><br><br><body bgcolor=#696969><center><font color=#7fff00 size=6><b>

$sql = "select * from signup_table where mail='$id' and password='$pwd'";

<font color=blue size=6><?php echo" You have logged in."?></font>

<font color=blue size=6><?php echo"Invalid user id and password."?></font>

<script type ="text/javascript" src="js/jquery-1.8.3.js"></script>

<td BGCOLOR=#5FCAB><B><center><FONT SIZE=6 > to our sign up page.</FONT></center></B></TD>

<hr color=red size=3>

<img src="images\signup5.jpg" height=100 width=200/>

<form action="signup3.php" method="post">

<td width=45% align=center><b>FIRST NAME</b></td>

<td width=2% align=center><b>:</b></td>

<td width=45%><input type="text" placeholder="First name" name=first

<td width=45% align=center>

<td width=2% align=center><b>:</b></td>

<td width=45% ><input type="text" placeholder="Last name" name=last required=required></td>

<td width=45% align=center><b>DATE OF BIRTH</b></td>