forked from Mugasho/movewithme
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
187 lines (179 loc) · 8.52 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<?php
/**
* Created by PhpStorm.
* User: Lincoln
* Date: 11/7/2017
* Time: 12:20 PM
*/
$page = "Home";
require_once 'includes/db-connect.php';
require_once 'includes/functions.php';
sec_session_start();
createTables($mysqli);
?>
<!DOCTYPE html>
<html lang="en">
<?php require_once 'components/header_index.php'; ?>
<body data-open="click" data-menu="vertical-overlay-menu" data-col="2-columns" class="vertical-layout vertical-overlay-menu 2-columns fixed-navbar">
<!-- navbar-fixed-top-->
<?php require_once 'components/nav_bar_home.php'?>
<?php require_once 'components/menu.php'?>
<!-- BEGIN Content-->
<div class="app-content content container-fluid">
<div class="content-wrapper">
<!-- project map based selling -->
<div class="row">
<div class="col-xs-12">
<div class="card box-shadow-0">
<div class="card-body collapse in">
<div class="row">
<div class="col-xl-8 col-lg-12">
<div id="map" class="height-450"></div>
<script>
function initMap() {
var uluru = {lat: 51.5363932, lng: -0.3511163};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 6,
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=AIzaSyDxKIKVOwNeUiBF9Dui_mjdt2m3ZxJgc3Y&callback=initMap">
</script>
</div>
<div class="col-xl-4 col-lg-6 col-md-12">
<div class="card card-inverse card-info text-xs-center">
<div class="card-body">
<div class="card-block">
<img src="uploads/logistics2.png" alt="element 05" height="170" class="mb-1">
<h4 class="card-title">Travel anywhere easily</h4>
<p class="card-text">Enter preference or destination</p>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="media">
<div class="p-2 bg-warning white media-body">
<input type="text" placeholder="Search" class="menu-search form-control round" oninput="location.href='search.php'"/>
</div>
<div class="p-2 text-xs-center bg-warning bg-darken-2 media-left media-middle">
<i class="icon-search font-large-1 white"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- project map based selling -->
<!--Activities-->
<div class="card">
<div class="card-block">
<h4 class="card-title">Most popular Activitie</h4>
</div>
</div>
<div class="row match-height">
<div class="col-xl-4 col-md-6 col-sm-12">
<div class="card" style="height: 500px;">
<div class="card-body">
<img class="card-img-top img-fluid" src="uploads/kayak.jpg" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Kayaking</h4>
<p class="card-text">
Feel the adrenaline rush as you battle the rapids </p>
<a href="#" class="btn btn-outline-pink">Go there</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 col-sm-12">
<div class="card" style="height: 500px;">
<div class="card-body">
<img class="card-img-top img-fluid" src="uploads/skydive.jpg" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Sky diving</h4>
<p class="card-text">
The breathtaking view of the world from above. </p>
<a href="#" class="btn btn-outline-pink">Go there</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 col-sm-12">
<div class="card" style="height: 500px;">
<div class="card-body">
<img class="card-img-top img-fluid" src="uploads/tiger.jpg" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Wildlife</h4>
<p class="card-text">
Enjoy the diversity that nature has to offer</p>
<a href="#" class="btn btn-outline-pink">Go there</a>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-block">
<h4 class="card-title">Most popular tourist destinations</h4>
</div>
</div>
<div class="row match-height">
<div class="col-xl-4 col-md-6 col-sm-12">
<div class="card" style="height: 500px;">
<div class="card-body">
<img class="card-img-top img-fluid" src="uploads/australia.jpg" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Australia</h4>
<p class="card-text">
Good for People who like Art and modern design </p>
<a href="#" class="btn btn-outline-pink">Go there</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 col-sm-12">
<div class="card" style="height: 500px;">
<div class="card-body">
<img class="card-img-top img-fluid" src="uploads/namibia.jpg" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Namibia</h4>
<p class="card-text">
Get scorched by the sun in the home of the Kalahari Desert.</p>
<a href="#" class="btn btn-outline-pink">Go there</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 col-sm-12">
<div class="card" style="height: 500px;">
<div class="card-body">
<img class="card-img-top img-fluid" src="uploads/uganda.jpg" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Uganda</h4>
<p class="card-text">
The Pearl of africa. So much to see including the source of the nile</p>
<a href="#" class="btn btn-outline-pink">Go there</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END Content-->
<!-- START FOOTER DARK-->
<?php require_once 'components/script_index.php'; ?>
</footer>
<!-- START FOOTER DARK-->
</body>
</html>