forked from marcelosomers/bootstrap-sass-project-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·150 lines (131 loc) · 5.47 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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
<div class="header">
<div class="container">
<div class="row">
<div class="span12">
<h1 class="logo">Site Title</h1>
<ul>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="hero">
<div class="container">
<div class="row">
<div class="span7 center-outer">
<div class="center-inner">
<h2 class="hero-title">Venenatis Purus Tellus Commodo Tristique?</h2>
<p class="hero-tagline">Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
</div>
</div>
</div>
</div>
</div>
<div class="benefits vertical-spacer container">
<div class="row">
<div class="span4">
<div class="white-box">
<h3>Thing #1</h3>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.</p>
<p><a href="#">Learn More »</a></p>
</div>
</div>
<div class="span4">
<div class="white-box">
<h3>Thing #2</h3>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.</p>
<p><a href="#">Learn More »</a></p>
</div>
</div>
<div class="span4">
<div class="white-box">
<h3>Thing #3</h3>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.</p>
<p><a href="#">Learn More »</a></p>
</div>
</div>
</div>
</div>
<div class="about vertical-spacer container">
<div class="row">
<div class="span2">
<img src="http://placehold.it/150x150">
</div>
<div class="span6">
<h3 class="john-name">Heading</h3>
<p class="john-bio">Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit. Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
</div>
<div class="span4">
<div class="header-box">
<h3 class="header-box-title">Recent Posts</h3>
</div>
<div class="recent-post">
<h4 class="recent-post-title">Nullam id dolor id nibh ultricies vehicula ut.</h4>
<p class="recent-post-summary">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac...</p>
</div>
<div class="recent-post">
<h4 class="recent-post-title">Nullam id dolor id nibh ultricies vehicula ut.</h4>
<p class="recent-post-summary">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac...</p>
</div>
</div>
</div>
</div>
<footer class="vertical-spacer">
<div class="container">
<div class="row">
<div class="span4">
<h5>Location</h5>
<img src="http://placehold.it/350x120">
<p class="address">123 Random St.<br />
Flower Mound, TX 75028<br />
<a href="#">Map</a></p>
</div>
<div class="span4">
<h5>Office Hours</h5>
<p>Monday - Friday: 8am - 5pm<br />
Saturday: 8am - 12pm<br />
Sunday: Closed</p>
</div>
<div class="span4">
<h5>How to Reach Us</h5>
<p>Phone: (555) 123-4567<br />
Email: <a href="#">contact@example.com</a></p>
</div>
</div>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>