-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (89 loc) · 4.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<!--[if ie]><meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1"><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">
</head>
<body>
<div id="wrap">
<div class="container-fluid">
<header>
<h1>Ramblings of @jsundquist</h1>
<h3></h3>
<div class="navbar">
<nav class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Resume</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
</div>
</header>
<div class="row-fluid">
<div class="span9">
<!-- Start Blog Post -->
<div class="row-fluid">
<div class="span12">
<h2>Some blog Title</h2>
<p>12/30/2012 10:59:59 PM</p>
<p>Lorem ipsum dolor sit amet, putant molestie ea duo. Cibo idque quaerendum nam no, aeque iudico sententiae at sed. Ad magna ullum eruditi his. Nobis ocurreret vel an. An pro mazim assueverit reprehendunt, ullum ocurreret mel et.</p>
<p>Te animal vivendo pri, ei usu alia dicant admodum. Mei ei homero lobortis, salutatus inciderint ea nec, id eam labore rationibus. Qui recteque adolescens ne. Duo an ornatus dolores, usu in intellegat neglegentur, eu mea indoctum constituto.</p>
<a href="" class="btn btn-mini btn-primary">Read More</a>
</div>
</div>
<!-- End Blog Post -->
</div>
<div class="well span3">
<div class="blogRoll">
<h4>Blog Roll</h4>
<div style="padding-left: 15px;">
<ul class="unstyled">
<li><a href="">Title 1</a></li>
<li><a href="">Title 1</a></li>
<li><a href="">Title 1</a></li>
<li><a href="">Title 1</a></li>
</ul>
</div>
</div>
<div class="latestTweets">
<h4>Latest Tweets</h4>
<!-- Being follow me link -->
<a href="https://twitter.com/jsundquist" class="twitter-follow-button" data-show-count="false">Follow @jsundquist</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- End follow me button -->
</div>
</div>
</div>
<div id="push"></div>
</div>
</div>
<div id="footer">
<div class="container-fluid">
<div class="row-fluid">
<div class="span6"><p>Copyright © 2012</p></div>
<div class="span6">
<div class="pull-right"></div>
</div>
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</body>
</html>