-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (102 loc) · 6.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href=".\css\style.css">
<script src="https://kit.fontawesome.com/8867491789.js" crossorigin="anonymous"></script>
<title>TRAVEL WEBSITE | WELCOME</title>
</head>
<body>
<header class="header">
<nav class="navbar">
<div class="container">
<h1 class="logo lg-heading text-light border">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">Travel the world</h1>
<p class="text-light">Travel brings power and love back into <span>your life</span> </p>
<a href="#explore-places" class="btn btn-primary 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="./img/Taj-Mahal.jpg" alt="img-tajmahal">
</div>
<div class="text-box">
<h2 class="lg-heading text-black">Tajmahal (agra)</h2>
<p class="text-gray">TAJ MAHAL is a historical. 'Crown of the Palace', is an ivory-white marble mausoleum on the southern bank of the river Yamuna in the Indian city of Agra. It was commissioned in 1632 by the Mughal emperor Shah Jahan (reigned from 1628 to 1658) to house the tomb of his favourite wife, Mumtaz Mahal; it also houses the tomb of Shah </p>
<a href="./about.html" class="btn btn-secondry md-heading">visit</a>
</div>
</div>
<div class="row row2">
<div class="img-box">
<img src="./img/PURI-JAGANATH.jpg" alt="">
</div>
<div class="text-box">
<h2 class="lg-heading text-black">Jagannath temple</h2>
<p class="text-gray">The Shree Jagannath Temple is an important Hindu temple dedicated to Jagannath, a form of Vishnu, in Puri in the state of Odisha on the eastern coast of India.<br>The Puri temple is famous for its annual Ratha yatra, or chariot festival.</p>
<a href="./about.html" class="btn btn-secondry md-heading ">visit</a>
</div>
</div>
<div class="row row1">
<div class="img-box">
<img src="./img/piramid.jpg" alt="img-tajmahal">
</div>
<div class="text-box">
<h2 class="lg-heading text-black">Pyramids of Giza, Egypt</h2>
<p class="text-gray">There’s so much to see in Egypt from the temples at Luxor to the city of Alexandria. It’s not all ancient Egyptian times that’s interesting to history buffs though – see the Sinai canal too and also St Catherine’s Monastery on Mount Sinai .</p>
<a href="./about.html" class="btn btn-secondry md-heading">visit</a>
</div>
</div>
<div class="row row2">
<div class="img-box">
<img src="./img/Konark-Sun-Temple.jpg" alt="image-mohit">
</div>
<div class="text-box">
<h2 class="lg-heading text-black">Konark Sun Temple</h2>
<p class="text-gray">Konark Sun Temple or Konark Surya Mandir, also known as Surya Devalaya is a Sun temple located on the banks of the blue water-rich Chandrabhaga River, about 23 miles from the city of Puri in the state of Odisha.</p>
<a href="./about.html" class="btn btn-secondry md-heading ">visit</a>
</div>
</div>
</div>
</section>
<section class="feature">
<div class="container">
<div class="box-wrapper">
<div class="box box-1">
<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. Vitae voluptatem consequuntur alias blanditiis sint assumenda, aspernatur nobis atque id aperiam ab reprehenderit veritatis autem amet soluta, obcaecati eaque porro tempora!</p>
</div>
<div class="box box-2">
<i class="fas fa-strikethrough fa-2x "></i>
<h2 class="md-heading">Less prise</h2>
<p>Lorem ipsum dolor, sit amet consectetur fhfhjf hfdgf adipisicing elit. Reiciendis dolore eveniet mollitia suscipit sapiente nam? Reiciendis nisi, nemo, similique, cumque magnam harum cum sequi iste quod explicabo voluptates temporibus ducimus!</p>
</div>
<div class="box box-3">
<i class="fas fa-user-check fa-2x text-red"></i>
<h2 class="md-heading">Experience</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing grdgdg df gdf elit. Reiciendis dolore eveniet mollitia suscipit sapiente nam? Reiciendis nisi, nemo, similique, cumque magnam harum cum sequi iste quod explicabo voluptates temporibus ducimus!</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="social-media-links">
<a href="https://www.facebook.com/" target="blank" title="open your facebook account" class="text-light"><i class="fab fa-facebook fa-4x "></i></a>
<a href="https://twitter.com/login?lang=en" target="blank" title="open your twitter account" class="text-light" ><i class="fab fa-twitter fa-4x"></i></a>
<a href="https://www.instagram.com/accounts/login/" target="blank" title="open your instagram account" class="text-light" ><i class="fab fa-instagram fa-4x"></i></a>
</div>
<p>world travel © 2020, all rights riserved</p>
</footer>
</body>
</html>