-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (83 loc) · 4.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="https://kit.fontawesome.com/337a3c0cef.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./st.css">
<title>TRAVEL | WELCOME</title>
</head>
<body>
<header class="header">
<nav class="nav">
<div class="container">
<h1 class="logo lg-heading text-light">WT</h1>
<ul class="nav-items">
<li class="nav-item"><a href="./index.html">HOME</a></li>
<li class="nav-item"><a href="./about.html">ABOUT</a></li>
<li class="nav-item"><a href="./contact.html">CONTACT</a></li>
</ul>
</div>
</nav>
<div class="header-content">
<h1 class="lg-heading text-light main-heading">travel the world</h1>
<p class="text-light">travel the world, experience the greateness , it's the best gift given by nature</p>
<a href="#explore-places" class="btn btn-pri text-red md-heading">explore places</a>
</div>
</header>
<section class="showcase" id="explore-places">
<div class="container">
<div class="row row1">
<div class="img-box">
<img src="./image/showcase-photo3.jpg" alt="image description">
</div>
<div class="text-box">
<h2 class="lg-heading text-black">JAIPUR , INDIA</h2>
<p class="text-gray">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus officia voluptas dolorum, placeat adipisci sit vel autem voluptatum odit quos a. Ipsum tenetur nisi iste obcaecati ex consectetur beatae delectus?</p>
<a href="./about.html" class="btn btn-sec">More</a>
</div>
</div>
<div class="row row2">
<div class="img-box">
<img src="./image/showcase-photo1.jpg" alt="">
</div>
<div class="text-box">
<h3 class="lg-heading text-black">KOLKATA , INDIA</h3>
<P class="text-gray">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias nostrum enim illo dicta, molestias iste dolorum odit facere recusandae eum unde odio natus dolor non maxime suscipit repellat eos, corporis exercitationem et sunt. Impedit dignissimos repellendus veniam sed consequatur sit.</P>
<a href="./about.html" class="btn btn-sec">More</a>
</div>
</div>
</div>
</section>
<section class="features">
<div class="container">
<div class="box-wrapper">
<div class="box box1">
<i class="fas fa-route fa-2x text-red"></i>
<h2 class="md-heading">ADVENTURE</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores totam ut veritatis! Quaerat, sapiente distinctio ipsam fugiat, suscipit, harum aliquam eum libero laborum cum ducimus? Necessitatibus magni iste tenetur est!</p>
</div>
<div class="box box2">
<i class="fas fa-strikethrough fa-2x text-box2"></i>
<h2 class="md-heading">LESS PRICE</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores totam ut veritatis! Quaerat, sapiente distinctio ipsam fugiat, suscipit, harum aliquam eum libero laborum cum ducimus? Necessitatibus magni iste tenetur est!</p>
</div>
<div class="box box3">
<i class="fas fa-user-check fa-2x text-red"></i>
<h2 class="md-heading">EXPERINACE</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores totam ut veritatis! Quaerat, sapiente distinctio ipsam fugiat, suscipit, harum aliquam eum libero laborum cum ducimus? Necessitatibus magni iste tenetur est!</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="links">
<i class="fab fa-facebook fa-4x"></i>
<i class="fab fa-instagram fa-4x"></i>
<i class="fab fa-twitter fa-4x"></i>
</div>
<p>World travel © 2020 All rights reserve</p>
</footer>
</body>
</html>