-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
135 lines (119 loc) · 6.52 KB
/
blog.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
128
129
130
131
132
133
134
135
<!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>Blasting Off With Bootstrap</title>
<link href="css/bootstrap.min.css" media="all" rel="stylesheet" />
<link href="css/main.css" media="all" rel="stylesheet" />
<!-- HTML5 Shim and Respond.js 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="navbar navbar-static-top">
<nav class="container" role="navigation">
<div class="navbar-header">
<a href="index.html" class="navbar-brand">Blasting Off With Bootstrap</a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<ul class="nav navbar-nav navbar-right collapse navbar-collapse">
<li><a href="#">Tickets</a></li>
<li><a href="#">Stations</a></li>
<li class="dropdown">
<a href="/about" data-target="#" class="dropdown-toggle" data-toggle="dropdown">About <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Our Story</a></li>
<li><a href="#">Contact Us</a></li>
<li class="divider"></li>
<li><a href="blog.html">Blog</a></li>
<li class="divider"></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<section>
<div class="container">
<div class="col-md-8">
<h2><a href="#"> Chamber hearing inhabit joy</a></h2>
<ul class="list-inline meta">
<li>By Adam Foster on December 31, 207</li>
<li><a href="#">2 Comments</a></li>
<li><a href="#">JavaScript</a><a href="#">Robots</a></li>
</ul>
<div>
<p>Robot ipsum datus scan amet, constructor ad ut splicing elit, sed do errus mod tempor in conduit ut laboratory et deplore electromagna aliqua. Ut enim ad minimum veniam, quis no indestruct exoform ullamco laboris nisi ut alius equip ex ea commando evaluant. Duis ex machina aute ire dolorus in scan detectus an voluptate volt esse cesium dolore eu futile nulla parameter. Execute primus sint occaecat cupidatat non proident, sunt in culpa qui technia deserunt mondus anim id est proceus.Robot ipsum datus scan amet, constructor ad ut splicing elit, sed do errus mod tempor in conduit ut laboratory et deplore electromagna aliqua. Ut enim ad minimum veniam, quis no indestruct exoform ullamco laboris nisi ut alius equip ex ea commando evaluant. Duis ex machina aute ire dolorus in scan detectus an voluptate volt esse cesium dolore eu futile nulla parameter. Execute primus sint occaecat cupidatat non proident, sunt in culpa qui technia deserunt mondus anim id est proceus.</p>
<p>It real sent your at. Amounted all shy set why followed declared. Repeated of endeavor mr position kindness offering ignorant so up. Simplicity are melancholy preference considered saw companions. Disposal on outweigh do speedily in on. Him ham although thoughts entirely drawings. Acceptance unreserved old admiration projection nay yet him. Lasted am so before on esteem vanity oh. </p>
<p>Travelling alteration impression six all uncommonly. Chamber hearing inhabit joy highest private ask him our believe. Up nature valley do warmly. Entered of cordial do on no hearted. Yet agreed whence and unable limits. Use off him gay abilities concluded immediate allowance. </p>
<p>Out believe has request not how comfort evident. Up delight cousins we feeling minutes. Genius has looked end piqued spring. Down has rose feel find man. Learning day desirous informed expenses material returned six the. She enabled invited exposed him another. Reasonably conviction solicitude me mr at discretion reasonable. Age out full gate bed day lose. </p>
</div></div>
<div class="col-md-offset-1 col-md-3"><h3>About</h3>
<p>make your way to space in our rocket</p>
<p><button class="btn btn-sm">Take the Tour</button></p>
<h3>Archives</h3>
<ul class="list-unstyled">
<li><a href="#">January 2214</a> </li>
<li><a href="#">December 2213</a> </li>
<li><a href="#">November 2213</a> </li>
<li><a href="#">October 2213</a> </li>
<li><a href="#">September 213</a> </li>
<li><a href="#">August 2213</a> </li>
<li><a href="#">July 2213</a> </li>
</ul>
</div>
</div> </section>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-sm-4 col-md-3 col-xs-6">
<h4>Who We Are</h4>
<p><i>Blasting Off With Bootstrap</i> is the fastest way to space. <a href="#">Book your ticket today</a>!</p>
<p><a href="#">More About Us <i class="glyphicon glyphicon-arrow-right"></i></a></p>
</div>
<div class="col-sm-2 col-xs-6 col-md-offset-1">
<h4>Links</h4>
<ul class="list-unstyled">
<li><a href="#">Home</a></li>
<li><a href="#">Tickets</a></li>
<li><a href="#">Stations</a></li>
</ul>
</div>
<div class="clearfix visible-xs"></div>
<div class="col-sm-2 col-xs-6">
<h4>Stay in Touch</h4>
<ul class="list-unstyled">
<li><a href="#">About</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 col-md-offset-1 col-xs-6">
<h4>Contact Us</h4>
<ul class="list-unstyled">
<li><i class="glyphicon glyphicon-globe"></i> Orlando, FL</li>
<li><i class="glyphicon glyphicon-phone"></i> 1-555-blast-off</li>
<li><i class="glyphicon glyphicon-envelope"></i> <a href="mailto:#">[email protected]</a></li>
</ul>
<p>Blasting Off With Bootstrap ©2214.</p>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js?body=1"></script>
</body>
</html>