hotelsinadvance-html/about.html at master · PlusMore/hotelsinadvance-html · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hotels in Advance</title>


    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <header class="container-fluid">
    	<div class="row">
			<div class="col-md-4 col-md-4 col-sm-6">
				<a href="#" class="logo">HOTELS IN ADVANCE</a>
			</div>
			<div class="col-md-5 col-lg-6 col-sm-6">
				<input type="submit">
				<input type="text" placeholder="Find a hotel">
			</div>
			<div class="col-md-3 col-lg-2 col-sm-12">
				<div class="dropdown account-dropdown">
					<a class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
				    Account
				    <i class="sprite sprite-gray-droparrow"></i>
				  	</a>
				  <ul class="dropdown-menu col-sm-12" aria-labelledby="dropdownMenu1">
				    <li><a href="#">Option 1</a></li>
				    <li><a href="#">Option 2</a></li>
				    <li><a href="#">Option 3</a></li>
				    <li><a href="#">Option 4</a></li>
				  </ul>
				</div>
			</div>
		</div>
    </header>

    <nav class="container-fluid green-nav">
    	<ul>
    		<li><a href="#" class="active">About</a></li>
    		<li><a href="#">FAQ</a></li>
    	</ul>
    </nav>

    <section class="container-fluid main-content about-page">
    	<h2>About</h2>
    	<p>Hotels in Advance is an exceptional booking engine designed to give you the best prices. Our team has been in the hotel business for years, and we have in connections to hotels all over the globe.  Contact us to get request an invitation to get access!</p>
    </section>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>