-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
110 lines (107 loc) · 9.35 KB
/
about.html
File metadata and controls
110 lines (107 loc) · 9.35 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>About Mega Travel</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="styles/nav.css">
<link rel="stylesheet" type="text/css" media="screen" href="styles/main.css">
<link rel="stylesheet" type="text/css" media="screen" href="styles/footer.css">
<link rel="shortcut icon" href="img/logo.PNG" type="image/png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<!-- Navbar -->
<nav id="main-nav" class="navbar-nav navbar-default navbar-fixed-top">
<div id="navbar" class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a id="brand" class="navbar-brand" href="index.html">Mega Travel</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="hover-active"><a href="index.html" style="color: black">Home</a></li>
<li id="light-active"><a href="about.html" style="color: black">About Us</a></li>
<li class="hover-active"><a href="reservations.html" style="color: black">Reservations</a></li>
<li class="hover-active"><a href="admin.php" style="color: black">Administration</a></li>
</ul>
</div>
</div>
</nav>
<div class="col-sm-2"></div>
<div class="col-sm-8" style="background-color:white;">
<!-- Main Body -->
<div class="row">
<!-- Sidebar with employees -->
<div class="col-sm-3 team-column">
<h3 class="team-header">Meet the Team</h3>
<div class="row team-slot">
<figure>
<img class="team-photo" src="img/avatar.jpg">
<figcaption class="team-caption">Adam Jameson<br>President</figcaption>
</figure>
<p class="team-desc">
Adam joined the team in 1973 as an agent representative, and worked his way
up to become the leader of the company.
</p>
</div>
<div class="row team-slot">
<figure>
<img class="team-photo" src="img/avatar.jpg">
<figcaption class="team-caption">James Adamas<br>Agent</figcaption>
<p class="team-desc">
James joined the team in 2017, and has been working his hardest to allow you to get the savings you deserve.
You can find him at any of our local offices.
</p>
</figure>
</div>
</div>
<div class="col-sm-1"></div>
<!-- Mainn section -->
<div class="col-sm-8 main-column">
<h1 class="history-header">Our Company's History</h1>
<p class="history-text">
Lorem ipsum dolor sit amet, vim feugiat consectetuer te. Nec solum exerci signiferumque et, sint option duo at. Eam fabulas accumsan theophrastus id, quo ubique consectetuer ne. Qui essent prompta et, nonumes adolescens complectitur cu pro.
</p>
<p class="history-text">
Idque primis ex cum, quo ea cetero oporteat sententiae, rebum persequeris philosophia quo ad. Ut cum cibo nostro, ne vix audire debitis dignissim. Ex nec autem consetetur persequeris, voluptua scriptorem cum et. Ad euismod salutatus persequeris has.
</p>
<p class="history-text">
Ius nihil definitiones an. Cu unum suavitate democritum eum. Sea ex nibh ubique voluptaria, an nam everti verear, sed duis nominati gubergren et. Ei vel consequat vulputate adipiscing. Ut tota solet vitae vel. Quo ut quaeque scaevola. Cetero dolorum vulputate qui an.
</p>
<p class="history-text">
A scelerisque purus semper eget duis at tellus at urna. Nibh venenatis cras sed felis. Arcu non odio euismod lacinia. Egestas tellus rutrum tellus pellentesque eu. Erat pellentesque adipiscing commodo elit at imperdiet. Suspendisse in est ante in. Ut placerat orci nulla pellentesque dignissim enim. Tincidunt vitae semper quis lectus nulla at volutpat diam. Tristique nulla aliquet enim tortor at auctor urna nunc id. Ultrices eros in cursus turpis massa tincidunt dui. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl. Neque laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt.
</p>
<p class="history-text">
Risus pretium quam vulputate dignissim suspendisse in. At quis risus sed vulputate odio ut enim blandit volutpat. Ut eu sem integer vitae justo. Enim nec dui nunc mattis. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus a. Massa placerat duis ultricies lacus. Nunc aliquet bibendum enim facilisis gravida. Odio facilisis mauris sit amet massa vitae tortor condimentum. Ac tincidunt vitae semper quis lectus. Neque egestas congue quisque egestas diam in arcu. Faucibus et molestie ac feugiat sed lectus vestibulum mattis. Non consectetur a erat nam. Eget est lorem ipsum dolor. Non arcu risus quis varius quam quisque id diam vel. Varius quam quisque id diam vel quam elementum pulvinar. Velit egestas dui id ornare arcu odio ut sem nulla. A erat nam at lectus urna duis convallis convallis. Tellus cras adipiscing enim eu turpis egestas.
</p>
<p class="history-text">
Enim lobortis scelerisque fermentum dui. Ut morbi tincidunt augue interdum velit euismod in pellentesque. Maecenas ultricies mi eget mauris pharetra et ultrices neque. Ultrices neque ornare aenean euismod elementum nisi quis eleifend. Ultricies lacus sed turpis tincidunt id aliquet. Feugiat in fermentum posuere urna nec tincidunt praesent. Id porta nibh venenatis cras. Tellus at urna condimentum mattis. Dictum at tempor commodo ullamcorper a lacus vestibulum. Sit amet cursus sit amet dictum sit amet justo. Aliquet lectus proin nibh nisl condimentum id. Id eu nisl nunc mi ipsum faucibus vitae aliquet. Tellus in metus vulputate eu scelerisque felis. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Ac tortor dignissim convallis aenean et tortor. Lorem ipsum dolor sit amet consectetur adipiscing elit ut aliquam. Egestas egestas fringilla phasellus faucibus scelerisque. Venenatis a condimentum vitae sapien pellentesque habitant.
</p>
<p class="history-text">
Cursus mattis molestie a iaculis at. Orci sagittis eu volutpat odio facilisis mauris. Orci a scelerisque purus semper eget duis at tellus. Semper auctor neque vitae tempus quam pellentesque nec nam. Bibendum est ultricies integer quis auctor elit. Justo eget magna fermentum iaculis eu non. Morbi tempus iaculis urna id volutpat. Nec sagittis aliquam malesuada bibendum arcu vitae. Sit amet consectetur adipiscing elit pellentesque habitant. Tortor condimentum lacinia quis vel eros. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Mauris ultrices eros in cursus turpis massa tincidunt. Posuere urna nec tincidunt praesent semper feugiat. Tincidunt id aliquet risus feugiat in ante metus. In pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Facilisi nullam vehicula ipsum a arcu cursus vitae congue mauris. Tristique sollicitudin nibh sit amet commodo nulla. Convallis convallis tellus id interdum velit laoreet.
</p>
<p class="history-text">
Pulvinar neque laoreet suspendisse interdum consectetur. Cras ornare arcu dui vivamus arcu felis bibendum. Id semper risus in hendrerit gravida rutrum quisque non. Posuere morbi leo urna molestie. Et ultrices neque ornare aenean. Ac felis donec et odio. Ultrices sagittis orci a scelerisque purus semper eget duis at. Magnis dis parturient montes nascetur. Amet aliquam id diam maecenas ultricies mi eget. Adipiscing at in tellus integer. Nulla pellentesque dignissim enim sit amet venenatis urna. Neque sodales ut etiam sit amet nisl purus in. Malesuada fames ac turpis egestas sed tempus urna et. Sapien et ligula ullamcorper malesuada proin libero. Aliquet nec ullamcorper sit amet risus nullam eget felis eget. Eros in cursus turpis massa tincidunt dui ut. Rhoncus est pellentesque elit ullamcorper dignissim cras. Blandit massa enim nec dui nunc mattis.
</p>
<p class="history-text">
Ut morbi tincidunt augue interdum velit. Turpis nunc eget lorem dolor sed viverra ipsum nunc aliquet. At elementum eu facilisis sed odio morbi quis. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Convallis aenean et tortor at risus viverra adipiscing at. Etiam erat velit scelerisque in dictum non consectetur a. Leo vel orci porta non pulvinar neque laoreet suspendisse. Malesuada proin libero nunc consequat interdum varius sit amet mattis. Rhoncus est pellentesque elit ullamcorper dignissim cras. Quis enim lobortis scelerisque fermentum dui faucibus.
</p>
</div>
</div>
<div class="footer text-center">
<footer>
<p class="footer-text">Site Powered by <a id="cg-link" href="https://github.com/colingillette" target="_blank">Colin Gillette</a>.</p>
</footer>
</div>
</div>
<div class="col-sm-2"></div>
</body>
</html>