<p> </p>
<div class="container pad-container">
<div class="row">
<div class="col-sm-6">
<h3 class="module-title ">One half <span class="text-primary">1/2</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur.</p>
</div>
<div class="col-sm-6">
<h3 class="module-title ">One half <span class="text-primary">1/2</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur.</p>
</div>
</div>
<hr />
<div class="row">
<div class="col-sm-4">
<h3 class="module-title ">One third <span class="text-primary">1/3</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula.</p>
</div>
<div class="col-sm-4">
<h3 class="module-title ">One third <span class="text-primary">1/3</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula.</p>
</div>
<div class="col-sm-4">
<h3 class="module-title ">One third <span class="text-primary">1/3</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula.</p>
</div>
</div>
<hr />
<div class="row">
<div class="col-sm-4">
<h3 class="module-title ">One third <span class="text-primary">1/3</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula.</p>
</div>
<div class="col-sm-8">
<h3 class="module-title ">One third <span class="text-primary">2/3</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Aenean id felis sed ligula volutpat consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula.</p>
</div>
</div>
<hr />
<div class="row">
<div class="col-sm-3">
<h3 class="module-title ">One Fourth <span class="text-primary">1/4</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor.</p>
</div>
<div class="col-sm-3">
<h3 class="module-title ">One Fourth <span class="text-primary">1/4</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor.</p>
</div>
<div class="col-sm-3">
<h3 class="module-title ">One Fourth <span class="text-primary">1/4</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor.</p>
</div>
<div class="col-sm-3">
<h3 class="module-title ">One Fourth <span class="text-primary">1/4</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor.</p>
</div>
</div>
<hr />
<div class="row">
<div class="col-sm-3">
<h3 class="module-title ">One Fourth <span class="text-primary">1/4</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor.</p>
</div>
<div class="col-sm-9">
<h3 class="module-title ">Three Fourth <span class="text-primary">3/4</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor.</p>
</div>
</div>
<hr />
<div class="row">
<div class="col-sm-2">
<h3 class="module-title ">One Sixth <span class="text-primary">1/6</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula.</p>
</div>
<div class="col-sm-2">
<h3 class="module-title ">One Sixth <span class="text-primary">1/6</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula.</p>
</div>
<div class="col-sm-2">
<h3 class="module-title ">One Sixth <span class="text-primary">1/6</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula.</p>
</div>
<div class="col-sm-2">
<h3 class="module-title ">One Sixth <span class="text-primary">1/6</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula.</p>
</div>
<div class="col-sm-2">
<h3 class="module-title ">One Sixth <span class="text-primary">1/6</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula.</p>
</div>
<div class="col-sm-2">
<h3 class="module-title ">One Sixth <span class="text-primary">1/6</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula.</p>
</div>
</div>
<hr />
<div class="row">
<div class="col-sm-2">
<h3 class="module-title ">One Sixth <span class="text-primary">1/6</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor.</p>
</div>
<div class="col-sm-10">
<h3 class="module-title ">five Sixth <span class="text-primary">5/6</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor.</p>
</div>
</div>
<hr />
<div class="row">
<div class="col-sm-12">
<h3 class="module-title">Full Width<span class="text-primary">1/1</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor.</p>
</div>
</div>
</div>
<p> </p>