-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (167 loc) · 9.42 KB
/
index.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
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Summit Travel</title>
<link rel="stylesheet" href="styles/travel.css">
</head>
<body>
<header>
<nav class="last1">
<div class="nav-div">
<img class="nav-img" src="Images/Group 40071 (2).png" alt="">
<h1 class="nav-heading">Summit <span class="nav-span1">Travel</span></h1>
</div>
<ul class="last2">
<li><a class="nav-li" href="">Home</a></li>
<li><a href="">Packages</a></li>
<li><a href="">Testimonial</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Contact</a></li>
</ul>
<div class="none">
<img src="Images/Frame.svg" alt="">
</div>
</nav>
<div class="banner">
<div class="parent">
<div class="explore">
<div class="banner-content">
<h1>Explore Your Travel</h1>
<p>Where Dreams Take Flight, and Journeys Begin with Exceeding Expectations, Luxurious Retreats, and Unforgettable Experience.</p>
</div>
</div>
<div class="explore">
<div class="banner-input">
<input type="text" name="" id="" placeholder="Where go">
<select name="time" id="time">
<option value="When">When</option>
<option value="10 AM">10 AM</option>
<option value="11 AM">11 AM</option>
</select>
<select name="select-type" id="select-type">
<option value="Select Type">Select Type</option>
<option value="Long Trip">Long Trip</option>
<option value="Short Trip">Short Trip</option>
</select>
<button class="find-now">Find Now</button>
</div>
</div>
</div>
</div>
</header>
<main>
<section class="popular">
<div class="popular-text">
<h1 class="popular-title">Our Popular Tours</h1>
<div class="popular-description">
<p>Our plan tours are at the best places of the world where you will enjoy much. We ensure your full privacy and other comforts.</p>
<ul>
<li>Join us on a captivating adventure with Our Popular Tour, carefully crafted to take you to the world's most iconic destinations.</li>
<li>Our Popular Tour is designed for the ultimate convenience and enjoyment. Forget the hassles of planning and organizing – we've taken care of every detail.</li>
<li>Uncover exceptional value with Our Popular Tour, where every penny spent translates into an abundance of enriching experiences. We believe in providing our travelers with unparalleled value.</li>
</ul>
<p>This tour promises not only an incredible itinerary but also the creation of memories that will stay with you long after the journey concludes. Join us for an unforgettable expedition where each day unfolds as a new chapter in your travel story.</p>
<button class="btn-popular">Read More</button>
</div>
</div>
<div class="popular-img">
<img src="Images/Rectangle 4.png" alt="">
</div>
</section>
<section class="grid">
<div class="margin">
<h1>Choose Your Destination</h1>
<p>Choose Your Destination where Your Journey Begins with Endless Possibilities. Choose your destinations among these places. We ensure that these places are considered as the most beautiful places in the word.</p>
</div>
<div class="flex">
<div><img src="Images/Rectangle 5.png" alt=""></div>
<div><img src="Images/Rectangle 8.png" alt=""></div>
<div><img src="Images/Rectangle 6.png" alt=""></div>
<div><img src="Images/Rectangle 7.png" alt=""></div>
<div><img src="Images/Rectangle 9.png" alt=""></div>
<div><img src="Images/Rectangle 11.png" alt=""></div>
<div><img src="Images/Rectangle 10.png" alt=""></div>
</div>
</section>
<section class="grid">
<div class="margin">
<h1>Why Choose Us</h1>
<p>Choose us for a travel experience marked by exceptional service and a customer-centric approach. Your satisfaction is our priority, and our dedicated team is committed to going above and beyond to meet your expectations.</p>
</div>
</section>
<div class="new-border">
<div class="border1">
<div class="new-border1">
<img src="Images/hotel 1.svg" alt="">
<h1 class="border-head">Handpicked Hotels</h1>
<p class="border-text">Immerse yourself in the heart of your destination with our handpicked hotels, thoughtfully selected to elevate your travel experience. We believe on your comfort.</p>
</div>
<div class="new-border2">
<img src="Images/map 1.svg" alt="">
<h1 class="border-head">World Class Service</h1>
<p class="border-text">Experience world-class service with us. From the moment you start planning your journey until the day you return, our dedicated team is committed to providing exceptional hospitality.</p>
</div>
</div>
<div class="border2">
<img src="Images/price-tag 1.svg" alt="">
<h1 class="border-head">Best Price Guarantee</h1>
<p class="border-text">Our Best Price Guarantee reflects our commitment to transparent pricing and unbeatable value. We strive to offer you the most competitive rates for your chosen accommodations.</p>
</div>
</div>
<section class="popular">
<div class="popular-text">
<h1 class="popular-title">A Simple Perfect Place To Get Lost</h1>
<div class="popular-description">
<p>We don't just plan trips; we craft experiences that linger in your heart, inviting you to explore, dream, and discover the magic that awaits beyond the horizon. Your journey begins with us, where every destination is a new chapter in the book of your life's adventures. Here are our service promises:</p>
<ul>
<li><b>Our partnerships with top-tier accommodations, transportation providers, and destination experts enable us to offer you unparalleled access to the world's most captivating destinations. Whether you seek cultural immersion, adrenaline-pumping escapades, or serene retreats</b></li>
<li><b>At Summit Travel, we redefine the art of travel by offering personalized experiences that transcend the ordinary. Our expert team collaborates with you to understand your unique preferences, curating bespoke journeys that align with your dreams and desires. </b></li>
</ul>
<button class="btn-popular">See More</button>
</div>
</div>
<div class="popular-img">
<img src="Images/Group 40089.png" alt="">
</div>
</section>
<div class="border-x">
<div class="last-border1">
<div class="border-top">
<h1 class="border-head">Newsletter</h1>
<p class="border-text">Get your daily dose of travel news & tips. Sign up today!</p>
<div class="block">
<div class="first-div">
<input type="text" name="" id="" placeholder="Enter your name">
</div>
<div class="second-div">
<input type="email" name="" id="" placeholder="Enter your mail">
</div>
<div class="third-div">
<button type="button">Subscribe</button>
</div>
</div>
</div>
</div>
<div class="last-border2">
<img src="Images/Rectangle 8 (1).png" alt="">
</div>
</div>
</main>
<footer class="footer-container">
<div class="footer1">
<img src="Images/Group 40071 (2).png" alt=""><h1>Summit<span style="color: #ff5400;"> Travel</span></h1>
</div>
<div class="footer2">
<p>Embracing the spirit of responsible travel, we are dedicated to preserving the beauty and integrity of the destinations we explore. Join us on a voyage where time slows down, and every moment becomes a chapter in your personal travel narrative.</p>
</div>
<div class="footer3">
<a href=""><img src="Images/Social.svg" alt=""></a>
</div>
<div class="footer4">
<p>2017, All Rights Reserved.</p>
</div>
</footer>
</body>
</html>