-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
136 lines (106 loc) · 5.17 KB
/
index.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Hotel Booking</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.well
{
background: rgba(0,0,0,0.7);
border: none;
}
.wellfix
{
background: rgba(0,0,0,0.7);
border: none;
height: 150px;
}
body
{
background-image: url('images/home_bg.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
p
{
font-size: 13px;
}
.pro_pic
{
border-radius: 50%;
height: 50px;
width: 50px;
margin-bottom: 15px;
margin-right: 15px;
}
</style>
</head>
<body>
<div class="container">
<img class="img-responsive" src="images/home_banner.jpg" style="width:100%; height:180px;">
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li class="active"><a href="index.php">Home</a></li>
<li><a href="room.php">Room & Facilities</a></li>
<li><a href="reservation.php">Online Reservation</a></li>
<li><a href="admin.php">Admin</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="http://www.facebook.com"><img src="images/facebook.png"></a></li>
<li><a href="http://www.twitter.com"><img src="images/twitter.png"></a></li>
</ul>
</div>
</nav>
<div class="jumbotron">
<div class="w3-content w3-section">
<img class="mySlides w3-animate-fading" src="images/home_gallary/1.jpg" style="width:100%; height:450px;">
<img class="mySlides w3-animate-fading" src="images/home_gallary/2.jpg" style="width:100%; height:450px;">
<img class="mySlides w3-animate-fading" src="images/home_gallary/3.jpg" style="width:100%; height:450px;">
<img class="mySlides w3-animate-fading" src="images/home_gallary/4.jpg" style="width:100%; height:450px;">
<img class="mySlides w3-animate-fading" src="images/home_gallary/5.jpg" style="width:100%; height:450px;">
<img class="mySlides w3-animate-fading" src="images/home_gallary/6.jpg" style="width:100%; height:450px;">
</div>
</div>
<hr>
<div class="row" style="color: #ed9e21">
<div class="col-md-12 well" >
<h4><strong style="color: #ffbb2b">About</strong></h4><br>
<p>Online hotel reservations are a popular method for booking hotel rooms. Travelers can book rooms on a computer by using online security to protect their privacy and financial information and by using several online travel agents to compare prices and facilities at different hotels</p>
<br>
<p>Prior to the Internet, travelers could write, telephone the hotel directly, or use a travel agent to make a reservation. Nowadays, online travel agents have pictures of hotels and rooms, information on prices and deals, and even information on local resorts. Many also allow reviews of the traveler to be recorded with the online travel agent.</p>
<br>
<p>Online hotel reservations are also helpful for making last minute travel arrangements. Hotels may drop the price of a room if some rooms are still available. There are several websites that specialize in searches for deals on rooms.</p>
</div>
</div>
<div class="row" style="color: #ffbb2b">
<div class="col-md-4 wellfix">
<h4><strong>Contact Us</strong></h4><hr>
Address : Justice<br>
Mail : [email protected] <br>
</div>
<div class="col-md-4"></div>
<div class="col-md-4 wellfix">
<h4><strong>Developed By</strong></h4><hr>
<a href="https://tutorialscamp.com">Justice Ankomah</a>
</div>
</div>
</div>
<script src="my_js/slide.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>