forked from bloominstituteoftechnology/DOM-II
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (78 loc) · 3.79 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
<!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="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">
<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>
</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>
</div><!-- container -->
<footer class="footer">
<p>Copyright Fun Bus 2018</p>
</footer>
</body>
</html>