-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (99 loc) · 4.77 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fun Bus Travel Agency - Solution</title>
<!-- <link href="https://fonts.googleapis.com/css?family=Indie+Flower|Roboto" rel="stylesheet"> -->
<link href="css/index.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>
<script src="js/index.js" async></script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<header class="main-navigation">
<div class="container nav-container">
<h1 class="logo-heading">Fun Bus</h1>
<nav class="nav">
<a class="nav-link" href="#">Home</a>
<a class="nav-link" href="#">About Us</a>
<a class="nav-link" href="#">Blog</a>
<a class="nav-link" href="#">Contact</a>
</nav>
</div>
</header>
<div class="container home">
<div id="arrowTop" hidden></div>
<header class="intro">
<img src="img/fun-bus.jpg" alt="bus in the sand">
<h2>Welcome To Fun Bus!</h2>
<p>Traveling expedition modern, clean webdesign blogger clean website theme website modern. Design pretty design, travelblogger adventure WordPress wanderlust theme blogger website expedition theme travelblogger. Adventure fun traveler pretty design website expedition.</p>
</header>
<section class="content-section">
<div class="text-content">
<h2>Let's Go!</h2>
<p>Adventure webdesign pretty design design, excursion cute WordPress blogger design webdesign adventure. Pretty
simple traveling fun WordPress wanderlust darn simple organized.</p>
<p>Expedition colorful design simple excursion blogger blogger design WordPress design, design organized website
theme.</p>
<textarea cols="30" id="selector" name="selector" rows="10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias asperiores, aut, corporis cum deleniti doloribus esse et excepturi, facilis hic id impedit minus perspiciatis placeat provident quam quis quod ratione.</textarea>
<small id="output"></small>
</div>
<div class="img-content">
<img src="img/adventure.jpg" alt="Let's go on an adventure!">
</div>
</section>
<section class="content-section inverse-content">
<div class="img-content">
<img src="img/fun.jpg" class="img-fluid rounded" alt="Lets have fun!">
</div>
<div class="text-content">
<h2>Adventure Awaits</h2>
<p>Adventure webdesign pretty design design, excursion cute WordPress blogger design webdesign adventure. Pretty simple traveling fun WordPress wanderlust darn simple organized.</p>
<p>Expedition colorful design simple excursion blogger blogger design WordPress design, design organized website theme.</p>
</div>
</section>
<section class="content-destination">
<h2>Pick Your Destination</h2>
<p>Expedition excursion design darn excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.</p>
<img src="img/destination.jpg" alt="Second slide">
</section>
<section class="content-pick">
<div class="destination">
<h4>Fun In The Sun</h4>
<p>Expedition excursion design excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.</p>
<div class="btn">Sign Me Up!</div>
</div>
<div class="destination">
<h4>Mountain Excursion</h4>
<p>Expedition excursion design excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.</p>
<div class="btn">Sign Me Up!</div>
</div>
<div class="destination">
<h4>Island Getaway</h4>
<p>Expedition excursion design excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.</p>
<div class="btn">Sign Me Up!</div>
</div>
</section>
<section class="contact">
<form action="" class="contact-form">
<div class="form-name">
<label for="name">Enter your name: </label>
<input type="text" name="name" id="name" required>
</div>
<div class="form-email">
<label for="email">Enter your email: </label>
<input type="email" name="email" id="email" required>
</div>
<div class="form-submit">
<input type="submit" value="Subscribe!">
</div>
</form>
</section>
</div><!-- container -->
<footer class="footer">
<p>Copyright Fun Bus 2018</p>
</footer>
</body>
</html>