-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (88 loc) · 7.49 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>TRAVELER</title>
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="base.css">
</head>
<body>
<header>
<div class="header-container">
<a href="#" >
<img class="logo" src="https://live.americanebox.com/portals/0/air%20cargo%20worldwide.jpg?ver=2016-01-07-200414-553" >
</a>
<nav class="main-menu">
<a class="menu-button" href="#">Home</a>
<div class="dropdown-wrapper menu-button">
<a class="menu-button" href="#">About</a>
<div class="drop-menu fade-in effect">
<a class="menu-button" href="#">One Side</a>
<a class="menu-button" href="#">Round Tour</a>
<a class="menu-button" href="#">Small Trip</a>
</div>
</div>
<div class="dropdown-wrapper menu-button">
<a class="menu-button" href="#" >Plans</a>
<div class="drop-menu scissor effect">
<a class="menu-button" href="#">This</a>
<a class="menu-button" href="#">Is</a>
<a class="menu-button" href="#">A</a>
<a class="menu-button" href="#">DropDown</a>
<a class="menu-button" href="#">Menu</a>
<a class="menu-button" href="#">!</a>
</div>
</div>
<div class="dropdown-wrapper menu-button">
<a class="menu-button" href="#" >Contact</a>
<div class="drop-menu">
<a class="menu-button" href="#">Complaints</a>
<a class="menu-button" href="#">Compliment</a>
<a class="menu-button" href="#">Feedback</a>
</div>
</div>
</nav>
</div>
</header>
<div class="hero-section">
<div class="hero-section-text">
<h1>The Introvert Traveller</h1>
<h4>Don't be a Tourist be a Traveller</h4>
<hr>
<button class="btn btn-default btn-lg"><i class="fa fa-paw" aria-hidden="true"></i>Travel Now!</button>
</div>
</div>
<div class="wrap">
<main>
<aside>
<h1>Aside</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi explicabo autem cupiditate, facere quas recusandae itaque voluptates sint accusantium amet illo veniam totam placeat odio magni, quaerat eligendi. Distinctio et cupiditate nemo fugit, praesentium, ea obcaecati dolores non amet autem sequi laboriosam labore vero fugiat dolorem qui voluptatibus omnis eos architecto, recusandae corporis rerum quod. Ea minus et odio voluptate quaerat facere incidunt, impedit repellat eos nihil quis modi vel molestiae, eum vitae nam nemo quasi sit aperiam unde ex fugiat. Magnam dolores, enim consectetur veniam illum error eaque ea necessitatibus nam ipsam maxime dolore temporibus animi odio eum molestiae iure. Ut quos cupiditate ad perferendis dolorum nemo deserunt exercitationem magni ipsa iste ea fugit expedita sapiente numquam reprehenderit dolore, quo minus excepturi asperiores sit voluptatibus accusamus necessitatibus, ipsam. Delectus iste cupiditate asperiores vero repellendus atque aliquid temporibus perspiciatis reiciendis quibusdam similique, nesciunt accusantium tempora voluptatem optio qui odit ullam amet eveniet illum incidunt quis quia repudiandae animi. Recusandae, consequuntur laboriosam praesentium fugit possimus nemo ut porro reiciendis quo aperiam et aliquam fuga consectetur fugiat veritatis necessitatibus officiis, officia repellendus, rem. Voluptatem itaque, dolores autem at, culpa cum quam ratione laborum quo totam, nemo sed dolor, hic nisi nobis illo.
</p>
</aside>
<article>
<h1>Main Content</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi ipsa vero, nesciunt sunt dolorum distinctio corporis quis totam, dicta, rem maiores possimus impedit deleniti odio a. Quidem similique temporibus, odit vero illo cupiditate excepturi earum tenetur porro ea. Enim ea pariatur animi eius quo earum corporis adipisci, nesciunt at eum neque alias quibusdam dolor vel expedita. Expedita dolorem cumque minima, quas, maiores officiis beatae pariatur quis suscipit! Consequatur iusto porro odio laborum minima, reiciendis quam quos dolores ipsam dignissimos laboriosam ex quasi possimus impedit provident eveniet cumque blanditiis doloremque a voluptatum assumenda optio! Dolorem, quas consectetur quidem! Itaque magni officia magnam impedit qui nam unde sint veniam, quis animi earum officiis perferendis repellendus porro reiciendis quaerat cumque numquam tempora corporis rerum tenetur autem necessitatibus ab minus consectetur. Magni eligendi ducimus, porro cumque a odit omnis neque rerum unde. Dolores sequi aliquid voluptatibus odit odio facilis quis et temporibus nobis ipsa sit laudantium libero, corporis consequatur. Nisi saepe provident id veniam tempore aliquam libero hic error sint, tenetur alias earum, quam est nobis eaque, eius odio eum. Nam dolor deleniti eos tempore sunt sapiente accusantium non hic, quod eligendi sequi dolore quos molestiae voluptas labore eius temporibus enim similique odio, quis quisquam! Impedit, iure aspernatur id praesentium minima, culpa alias veniam. Sapiente maiores architecto placeat, et harum eligendi doloribus vel reiciendis eveniet est beatae sit necessitatibus hic eius, corporis deleniti praesentium velit similique, quaerat unde odit. Repellat magni, nihil, quibusdam doloremque maiores tenetur obcaecati tempora, veniam officia, doloribus ratione reprehenderit. Porro eum iste minima corrupti fuga expedita quo dolore explicabo ea eius vero, magnam illum dolorem ullam hic enim sapiente, odio eaque! Similique tempore laboriosam explicabo fuga eum ipsum, doloribus animi, repudiandae laudantium. Dignissimos, accusamus quasi sit atque nam quidem autem at maxime, soluta, eveniet excepturi quisquam ratione perspiciatis ipsum consectetur facilis odio ad possimus officiis odit molestiae. Exercitationem facere magnam mollitia assumenda odio est doloribus accusamus animi dignissimos veritatis ut excepturi, quia maiores, ipsum sint ex sed a minus quidem temporibus. Ipsum, quod quidem nam quisquam, quaerat accusantium in iusto inventore, fugiat sint mollitia magnam totam distinctio, vel deleniti sit voluptas quibusdam sequi! Officiis quo, facere atque similique a blanditiis, nostrum recusandae aut. Nemo voluptas, nesciunt totam fugit omnis. Laborum qui laudantium quos, inventore minima ipsum ut velit quam nobis eligendi, expedita quo necessitatibus, ea nemo odit sapiente commodi atque! Expedita facere quae modi iste sed, placeat sint eligendi, sapiente.
</p>
</article>
</main>
</div>
<footer class="padding-top-40 padding-bottom-40 special">
<div class="container ">
<div class="row">
<div class="col-md-4">
<p>Come Travel With Us!</p>
</div>
<div class="col-md-4" >
<h4>Follow Us On Social Media</h4>
<a href="#" target="_blank"><img src="http://www.traversymedia.com/wp-content/themes/traversymedia/img/social/twitter_dark.png"></a>
<a href="#" target="_blank"><img src="http://www.traversymedia.com/wp-content/themes/traversymedia/img/social/facebook_dark.png"></a>
<a href="#" target="_blank"><img src="http://www.traversymedia.com/wp-content/themes/traversymedia/img/social/google_dark.png"></a>
</div>
</div>
</div><!-- /.container -->
</footer>
</body>
</html>