-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtour.html
165 lines (159 loc) · 9.52 KB
/
tour.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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Tour</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha256-NuCn4IvuZXdBaFKJOAcsU2Q3ZpwbdFisd5dux4jkQ5w=" crossorigin="anonymous" />
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
</head>
<body>
<!--Navbar-->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Tour Travel</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home </a>
</li>
<li class="nav-item ">
<a class="nav-link" href="about.html">About Us </a>
</li>
<li class="nav-item ">
<a class="nav-link" href="tour.html">Tour</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="attraction.html">Attraction </a>
</li>
<li class="nav-item ">
<a class="nav-link" href="booking.html">Booking</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- //End Navbar -->
<main>
<section class="jumbotron text-center bg-tour">
<div class="container">
<h1 class="jumbotron-heading text-white" data-aos="fade-up">PAKET TOUR </h1>
<p class="lead text-white" data-aos="fade-up">If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
<p>
<a href="booking.html" class="btn btn-success my-2" data-aos="fade-up"> <i class="fa fa-whatsapp"></i> Booking Now</a>
</p>
</div>
</section>
<div class="py-5 bg-light">
<div class="container">
<div class="row">
<!--Tour one -->
<div class="col-md-12 list-tour box-shadow mb-3 " data-aos="fade-right">
<div class="row">
<div class="col-md-4">
<img class="img-thumbnail w-100 mt-2 mb-2" src="https://cdn.pixabay.com/photo/2018/12/13/12/50/grassroots-cottages-and-tours-3872769_960_720.jpg" alt="">
</div>
<div class="col-md-8 ">
<h3 class="text-center pt-2">2 Day 1 Night</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
<a href="#" class="btn btn-wa"> <i class="fa fa-whatsapp"></i> WhatsApp</a>
</div>
</div>
</div>
<!--// End Tour one-->
<!--Tour two -->
<div class="col-md-12 list-tour box-shadow mb-3 " data-aos="fade-left">
<div class="row">
<div class="col-md-4">
<img class="img-thumbnail w-100 mt-2 mb-2" src="https://live.staticflickr.com/2352/2346561651_f222909be8_b.jpg" alt="">
</div>
<div class="col-md-8 ">
<h3 class="text-center pt-2">3 Day 2 Night</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
<a href="#" class="btn btn-wa"> <i class="fa fa-whatsapp"></i> WhatsApp</a>
</div>
</div>
</div>
<!--// End Tour two-->
<!--Tour three -->
<div class="col-md-12 list-tour box-shadow mb-3 " data-aos="fade-right">
<div class="row">
<div class="col-md-4">
<img class="img-thumbnail w-100 mt-2 mb-2" src="https://asset-a.grid.id//crop/0x0:0x0/700x465/photo/bobofoto/original/5458_gereja-ayam-yang-kini-menjadi-tempat-wisata-foto-masgregorius.JPG" alt="">
</div>
<div class="col-md-8 ">
<h3 class="text-center pt-2">4 Day 3 Night</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
<a href="#" class="btn btn-wa"> <i class="fa fa-whatsapp"></i> WhatsApp</a>
</div>
</div>
</div>
<!--// End Tour three-->
<!--Tour four -->
<div class="col-md-12 list-tour box-shadow mb-3" data-aos="fade-left">
<div class="row">
<div class="col-md-4">
<img class="img-thumbnail w-100 mt-2 mb-2" src="https://s29081.pcdn.co/wp-content/uploads/2018/03/atuh-beach-nusa-penida-03947.jpg.optimal.jpg" alt="">
</div>
<div class="col-md-8 ">
<h3 class="text-center pt-2">5 Day 4 Night</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
<a href="#" class="btn btn-wa"> <i class="fa fa-whatsapp"></i> WhatsApp</a>
</div>
</div>
</div>
<!--// End Tour four-->
</div>
</div>
</div>
</main>
<footer class="text-white bg-footer py-4 ">
<div class="container">
<div class="row">
<div class="col-md-4">
<h4>Address</h4>
<hr>
<p><i class="fa fa-map-signs"></i> Go Work 2th fl, DKI Jakarta 12730</p>
<p><i class="fa fa-phone"></i> 0878-0010-8080</p>
<p><i class="fa fa-envelope"></i> customer@tourbyte.com</p>
<div id="google_translate_element" ></div>
</div>
<div class="col-md-4">
<h4>Maps</h4>
<hr>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3965.9976884259913!2d106.81591524993!3d-6.264032763045697!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f17f3a4d6d8b%3A0x1392b5623d84313b!2sImpact%20Byte%20Jakarta!5e0!3m2!1sen!2sid!4v1578623337946!5m2!1sen!2sid" width="100%" height="200" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</div>
<div class="col-md-4">
<h4>Subscribe</h4>
<hr>
<input type="text" placeholder="Your Email....." class="form-control">
<input type="submit" class="btn btn-danger mt-2" value="Subscribe">
</div>
</div>
</div>
</footer>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init({duration:1000});
</script>
</body>
</html>