-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
107 lines (99 loc) · 5.24 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
<!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.0">
<!-- My CSS -->
<link rel="stylesheet" href="style.css">
<title>TRAVEL WEBSITE | WELCOME</title>
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/898034d606.js" crossorigin="anonymous"></script>
</head>
<body>
<header class="header">
<nav id="navi">
<div class="container">
<h1 id="logo"><i class="fa-solid fa-bus fa-beat-fade"></i></h1>
<ul id="u">
<li class="nav"><a href="contact.html">CONTACT US</a></li> 
<li class="nav"><a href="about.html">ABOUT</a></li>  
<li class="nav" id="i"><a class="active" href="index.html">HOME</a></li>
</ul>
</div>
</nav>
<div class="header-content">
<h1 class="heading text-light">TRAVEL TROUGHTOUT THE WORLD</h1>
<P class="text-light " id="para">travel the world, experience the greatness, it's the best experience</P>
<br>
<a href="#Explore-places" class="text-red" id="button">EXPLORE PLACES </a>
</div>
</header>
<section class="showcase" id="Explore-places">
<div class="container">
<div class="row rew1">
<div class="img-box"> </div>
<div class="text-box">
<h2>THAILAND</h2><br>
<p class="gg">Thailand is a vibrant and colorful country that offers visitors a truly unique and
memorable experience. From the bustling streets of Bangkok to the peaceful islands and beaches of
the south, Thailand has something to offer every traveler. With its rich history, delicious cuisine,
and stunning natural beauty, it's no wonder that Thailand is one of the most popular tourist destinations
in Southeast Asia. Whether you're interested in exploring ancient temples, relaxing on a tropical beach, or
indulging in some of the world's best street food, Thailand is sure to delight and captivate you.
</p> <br><br><br>
<a href="" class="more text-red">MORE</a>
</div>
</div>
<div class="row row2">
<div class="img-box"></div>
<div class="text-box">
<h2>CALIFORNIA</h2><br>
<p class="fg">California offers a diverse and unforgettable experience for visitors. With sun-soaked beaches,
rugged mountains, and world-renowned cities like Los Angeles and San Francisco, California has something
for everyone. The state's many national parks provide endless opportunities for outdoor recreation, while
its arts scene, cultural influences, and cuisine make it a hub for creativity and innovation. Whether you're
looking for adventure, relaxation, or inspiration, California is a destination that never
disappoints.</p><br><br>
<a href="" class="more text-red">MORE</a>
</div>
</div>
</div>
</section>
<section class="showcase">
<div class="container">
<div class="box-wrapper">
<div class="box box1">
<i class="fa-solid fa-route fa-2x text-red"></i>
<h2 class="md-heading text-light ">ADVENTUROUS</h2>
<p>Adventure awaits! From the great outdoors to urban explorations, there's always
something new to discover and experience.</p>
</div>
<div class="box box2">
<i class="fa-solid fa-strikethrough fa-2x"></i>
<h2 class="md-heading text-light">LESS PRICE</h2>
<p>Travel smart and save big with our hand-picked selection of affordable options for
accommodations, dining, and activities.</p>
</div>
<div class="box box3">
<i class="fa-solid fa-user-check fa-2x text-red"></i>
<h2 class="md-heading text-light">BEST EXPERIENCE</h2>
<p>Discover the best with our hand-picked selection of must-try experiences, designed to
immerse you in the local culture and way of life.</p>
</div>
</div>
</div>
</section>
<section class="media-box">
<div class="container">
<div class="social-media">
<i id="facebook-redirect" class="fa-brands fa-facebook-square fa-4x"></i>
<i id="twitter-redirect" class="fa-brands fa-twitter-square fa-4x"></i>
<i id="instagram-redirect" class="fa-brands fa-instagram fa-4x"></i>
</div>
<p>World Travel © 2020.All rights reserved</p>
</div>
</section>
<script src="script.js"></script>
</body>
</html>