index.html

---
layout: openstackbootstrap
title: OpenStack Style Guide
javascript:
  - url: /js/style-guide.js
---
<div class="container">
    <div class="row">
		<h1>OpenStack Style Guide</h1>
    	<div class="col-lg-3 col-md-3 col-sm-3">
    		{% include sidebar.html %}
    	</div>
        <div class="col-lg-9 col-md-9 col-sm-9">
			<div class="row">
				<h3>Section Title One</h3>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sapien mauris, hendrerit et felis id, porttitor dapibus purus. Pellentesque vitae nisi non ipsum pulvinar viverra quis sed tellus. Mauris fermentum quam eget nulla dapibus commodo. Suspendisse mollis enim eros, vel tristique felis bibendum vitae. Ut lobortis, lacus ut pretium mattis, sem risus tincidunt ipsum, vel accumsan est leo nec lectus. Aliquam tincidunt magna et lacus feugiat convallis. Praesent id nibh sit amet ex tincidunt bibendum.
				</p>
				<hr>
				<h3>Typography</h3>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sapien mauris, hendrerit et felis id, porttitor dapibus purus. Pellentesque vitae nisi non ipsum pulvinar viverra quis sed tellus. Mauris fermentum quam eget nulla dapibus commodo.
				</p>
				<h1>H1 Heading</h1>
				<h2>H2 Heading</h2>
				<h3>H3 Heading</h3>
				<h4>H4 Heading</h4>
				<h5>H5 Heading</h5>
				<h5 class="section-title">H5.section-title</h5>
				<p>
					This is paragrah text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sapien mauris, hendrerit et felis id, porttitor dapibus purus. Pellentesque vitae nisi non ipsum pulvinar viverra quis sed tellus. Mauris fermentum quam eget nulla dapibus commodo.
				</p>
				<p>
					<ul>
						<li>Font size: 14px</li>
						<li>Line height: 1.4</li>
					</ul>
				</p>
			</div>
        </div>
    </div>
</div>