Logos

Horizontal Color Logo

Colors

Body Background Color
#f3f3f3
Text Color
#4c4c4c
Link Color
#b68050
Link Hover Color
#835b37
Primary
#a1aeae
Secondary
#838280
Tertiary
#b68050
Quaternary
#b6b671
Quinary
#4c4c4c
Gray Base
#4c4c4c
Gray Darker
#6e6e6e
Gray Dark
#7f7f7f
Gray
#a1a1a1
Gray Light
#c3c3c3
Gray Lighter
#ffffff

Font Stacks

Primary Font:
Nimbus Sans Condensed, sans-serif
Primary Font Italic:
Nimbus Sans Condensed, sans-serif
Primary Font Bold:
Nimbus Sans Condensed, sans-serif
Secondary Font:
Nimbus Sans, sans-serif
Secondary Font Italic:
Nimbus Sans, sans-serif
Secondary Font Bold:
Nimbus Sans, sans-serif

base

blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id tincidunt eros. Vivamus at efficitur eros. Ut viverra a risus ac feugiat. In quis mauris a eros imperdiet vehicula eget tincidunt nisl. Vivamus aliquam sapien aliquet, vestibulum lectus sit amet, volutpat eros. Praesent blandit fermentum scelerisque. Mauris in est dictum magna vulputate aliquam. Ut sit amet semper sapien, quis posuere diam. Mauris a efficitur ligula.

Nulla sed quam enim. Praesent at laoreet diam. Aenean tincidunt est vitae finibus accumsan. Suspendisse accumsan, nibh eget dictum venenatis, turpis orci tincidunt nisi, ac elementum diam mi sed nisi. Suspendisse et venenatis diam, sed ullamcorper mauris. Aenean elementum, urna venenatis pretium auctor, felis ligula faucibus nulla, sed congue purus nunc a purus. Nam non nulla tortor. Nunc enim est, lacinia sed aliquam vel, vulputate in arcu. Nunc dignissim tempus lectus nec egestas. Vestibulum sit amet pretium risus. Mauris pretium nibh sapien, ut aliquam enim sagittis eget.
Back to Top
<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id tincidunt eros. Vivamus at efficitur eros. Ut viverra a risus ac feugiat. In quis mauris a eros imperdiet vehicula eget tincidunt nisl. Vivamus aliquam sapien aliquet, vestibulum lectus sit amet, volutpat eros. Praesent blandit fermentum scelerisque. Mauris in est dictum magna vulputate aliquam. Ut sit amet semper sapien, quis posuere diam. Mauris a efficitur ligula.</p>
</blockquote>

<blockquote>Nulla sed quam enim. Praesent at laoreet diam. Aenean tincidunt est vitae finibus accumsan. Suspendisse accumsan, nibh eget dictum venenatis, turpis orci tincidunt nisi, ac elementum diam mi sed nisi. Suspendisse et venenatis diam, sed ullamcorper mauris. Aenean elementum, urna venenatis pretium auctor, felis ligula faucibus nulla, sed congue purus nunc a purus. Nam non nulla tortor. Nunc enim est, lacinia sed aliquam vel, vulputate in arcu. Nunc dignissim tempus lectus nec egestas. Vestibulum sit amet pretium risus. Mauris pretium nibh sapien, ut aliquam enim sagittis eget.</blockquote>

body copy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id tincidunt eros. Vivamus at efficitur eros. Ut viverra a risus ac feugiat. In quis mauris a eros imperdiet vehicula eget tincidunt nisl. Vivamus aliquam sapien aliquet, vestibulum lectus sit amet, volutpat eros. Praesent blandit fermentum scelerisque. Mauris in est dictum magna vulputate aliquam. Ut sit amet semper sapien, quis posuere diam. Mauris a efficitur ligula.

Nulla sed quam enim. Praesent at laoreet diam. Aenean tincidunt est vitae finibus accumsan. Suspendisse accumsan, nibh eget dictum venenatis, turpis orci tincidunt nisi, ac elementum diam mi sed nisi. Suspendisse et venenatis diam, sed ullamcorper mauris. Aenean elementum, urna venenatis pretium auctor, felis ligula faucibus nulla, sed congue purus nunc a purus. Nam non nulla tortor. Nunc enim est, lacinia sed aliquam vel, vulputate in arcu. Nunc dignissim tempus lectus nec egestas. Vestibulum sit amet pretium risus. Mauris pretium nibh sapien, ut aliquam enim sagittis eget.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum nec aliquet libero. Fusce ac laoreet ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac habitasse platea dictumst. Donec quis urna pulvinar, aliquet nibh et, consequat purus. Nam in ipsum fringilla, sollicitudin metus at, sagittis enim. Proin metus eros, sagittis in viverra et, rhoncus nec felis.

Back to Top
<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id tincidunt eros. Vivamus at efficitur eros. Ut viverra a risus ac feugiat. In quis mauris a eros imperdiet vehicula eget tincidunt nisl. Vivamus aliquam sapien aliquet, vestibulum lectus sit amet, volutpat eros. Praesent blandit fermentum scelerisque. Mauris in est dictum magna vulputate aliquam. Ut sit amet semper sapien, quis posuere diam. Mauris a efficitur ligula.
</p>
<p>
	Nulla sed quam enim. Praesent at laoreet diam. Aenean tincidunt est vitae finibus accumsan. Suspendisse accumsan, nibh eget dictum venenatis, turpis orci tincidunt nisi, ac elementum diam mi sed nisi. Suspendisse et venenatis diam, sed ullamcorper mauris. Aenean elementum, urna venenatis pretium auctor, felis ligula faucibus nulla, sed congue purus nunc a purus. Nam non nulla tortor. Nunc enim est, lacinia sed aliquam vel, vulputate in arcu. Nunc dignissim tempus lectus nec egestas. Vestibulum sit amet pretium risus. Mauris pretium nibh sapien, ut aliquam enim sagittis eget.
</p>
<p>
	Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum nec aliquet libero. Fusce ac laoreet ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac habitasse platea dictumst. Donec quis urna pulvinar, aliquet nibh et, consequat purus. Nam in ipsum fringilla, sollicitudin metus at, sagittis enim. Proin metus eros, sagittis in viverra et, rhoncus nec felis.
</p>

figure

Image alt text 1
Figcaption content
Image alt text 2
Figure Title
Figcaption content
Back to Top
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
	<figure>
	  <img src="http://placehold.it/600x600" alt="Image alt text 1">
	  <figcaption>Figcaption content</figcaption>
	</figure>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
	<figure>
	  <img src="http://placehold.it/600x600" alt="Image alt text 2">
	  <figcaption>
	    <h6>Figure Title</h6>
	    Figcaption content
	  </figcaption>
	</figure>
</div>

form buttons



Back to Top
<button type="button" class="btn btn-default">Default</button>

<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button type="button" class="btn btn-primary">Primary</button>

<!-- Indicates a successful or positive action -->
<button type="button" class="btn btn-success">Success</button>

<!-- Contextual button for informational alert messages -->
<button type="button" class="btn btn-info">Info</button>

<!-- Indicates caution should be taken with this action -->
<button type="button" class="btn btn-warning">Warning</button>

<!-- Indicates a dangerous or potentially negative action -->
<button type="button" class="btn btn-danger">Danger</button>

<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
<button type="button" class="btn btn-link">Link</button>
<br>
<br>
<button type="button" class="brand-button brand-button-primary">Primary</button>
<button type="button" class="brand-button brand-button-secondary">Secondary</button>
<button type="button" class="brand-button brand-button-tertiary">Tertiary</button>

forms

Example block-level help text here.

Back to Top
<form>
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group">
    <label for="exampleInputFile">File input</label>
    <input type="file" id="exampleInputFile">
    <p class="help-block">Example block-level help text here.</p>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

headers

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Back to Top
<h1>The quick brown fox jumps over the lazy dog.</h1>
<h2>The quick brown fox jumps over the lazy dog.</h2>
<h3>The quick brown fox jumps over the lazy dog.</h3>
<h4>The quick brown fox jumps over the lazy dog</h4>
<h5>The quick brown fox jumps over the lazy dog.</h5>
<h6>The quick brown fox jumps over the lazy dog.</h6>

list ordered

  1. list item 1
  2. list item 1
    1. list item 2
    2. list item 2
      1. list item 3
      2. list item 3
    3. list item 2
    4. list item 2
  3. list item 1
  4. list item 1
Back to Top
<ol>
  <li>list item 1</li>
  <li>list item 1
    <ol>
      <li>list item 2</li>
      <li>list item 2
        <ol>
          <li>list item 3</li>
          <li>list item 3</li>
        </ol>
      </li>
      <li>list item 2</li>
      <li>list item 2</li>
    </ol>
  </li>
  <li>list item 1</li>
  <li>list item 1</li>
</ol>

list unordered

  • list item 1
  • list item 1
    • list item 2
    • list item 2
      • list item 3
      • list item 3
    • list item 2
    • list item 2
  • list item 1
  • list item 1
Back to Top
<ul>
  <li>list item 1</li>
  <li>list item 1
    <ul>
      <li>list item 2</li>
      <li>list item 2
        <ul>
          <li>list item 3</li>
          <li>list item 3</li>
        </ul>
      </li>
      <li>list item 2</li>
      <li>list item 2</li>
    </ul>
  </li>
  <li>list item 1</li>
  <li>list item 1</li>
</ul>

tables

# Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell
Back to Top
<div class="table-responsive">
  <table class="table table-bordered"> 
  <thead> 
  	<tr> 
  		<th>#</th> 
  		<th>Table heading</th> 
  		<th>Table heading</th> 
  		<th>Table heading</th> 
  		<th>Table heading</th> 
  		<th>Table heading</th> 
  		<th>Table heading</th> 
  	</tr> 
  </thead> 
  <tbody> 
  	<tr> 
  		<th scope="row">1</th> 
  			<td>Table cell</td> 
  			<td>Table cell</td> 
  			<td>Table cell</td> 
  			<td>Table cell</td> 
  			<td>Table cell</td> 
  			<td>Table cell</td> 
  		</tr> 
  		<tr> 
	  		<th scope="row">2</th> 
	  			<td>Table cell</td> 
	  			<td>Table cell</td> 
	  			<td>Table cell</td> 
	  			<td>Table cell</td> 
	  			<td>Table cell</td> 
	  			<td>Table cell</td> 
  		</tr> 
  		<tr> 
  			<th scope="row">3</th> 
  				<td>Table cell</td> 
  				<td>Table cell</td> 
  				<td>Table cell</td> 
  				<td>Table cell</td> 
  				<td>Table cell</td> 
  				<td>Table cell</td> 
  		</tr> 
  	</tbody> 
  </table>
</div>

patterns

accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Back to Top
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
  <div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingOne">
      <h4 class="panel-title">
        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Collapsible Group Item #1
        </a>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
      <div class="panel-body">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingTwo">
      <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Collapsible Group Item #2
        </a>
      </h4>
    </div>
    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
      <div class="panel-body">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingThree">
      <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          Collapsible Group Item #3
        </a>
      </h4>
    </div>
    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
      <div class="panel-body">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
      </div>
    </div>
  </div>
</div>
Back to Top
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="http://placehold.it/1500x600" alt="Slide 1">
      <div class="carousel-caption">
        Caption 1
      </div>
    </div>
    <div class="item">
      <img src="http://placehold.it/1500x600" alt="Slide 2">
      <div class="carousel-caption">
        Caption 2
      </div>
    </div>
    <div class="item">
      <img src="http://placehold.it/1500x600" alt="Slide 3">
      <div class="carousel-caption">
        Caption 3
      </div>
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

modals

Back to Top
<!-- Button trigger modal -->
<button type="button" class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean rhoncus sapien sem, vel mollis risus dapibus non. Aenean semper non libero porta suscipit. Donec elementum aliquet imperdiet. Nulla vulputate ultricies diam in efficitur. Nam eu dui massa. Mauris facilisis varius libero, volutpat pulvinar elit sodales in. Morbi condimentum facilisis erat ac imperdiet. Maecenas auctor dui non eleifend rhoncus. Pellentesque elementum viverra leo, nec placerat enim maximus nec. Quisque sit amet metus felis.
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean rhoncus sapien sem, vel mollis risus dapibus non. Aenean semper non libero porta suscipit. Donec elementum aliquet imperdiet. Nulla vulputate ultricies diam in efficitur. Nam eu dui massa. Mauris facilisis varius libero, volutpat pulvinar elit sodales in. Morbi condimentum facilisis erat ac imperdiet. Maecenas auctor dui non eleifend rhoncus. Pellentesque elementum viverra leo, nec placerat enim maximus nec. Quisque sit amet metus felis.
Vivamus tempor augue ut pulvinar semper. Aliquam erat volutpat. Vestibulum vestibulum diam quis turpis egestas euismod. Duis vitae erat nec lacus blandit semper. Nulla auctor, mi in rhoncus pellentesque, ligula magna bibendum ligula, efficitur dapibus lectus odio eget velit. Maecenas pellentesque eget enim at feugiat. Aliquam ac mi urna. Vivamus nisi risus, feugiat at tortor id, porta dapibus nibh. Mauris facilisis quam dui, nec scelerisque lectus viverra eget. Ut porta viverra metus ut convallis. Sed sed tellus pharetra, elementum dui et, commodo massa. Maecenas eleifend aliquet nisl. Ut vestibulum ex eget sagittis sollicitudin. Proin at accumsan arcu, at dapibus arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vel elit mauris.
Vestibulum sed ornare nibh. Aliquam eget justo eu dolor volutpat fringilla. Pellentesque dapibus euismod sollicitudin. Pellentesque pharetra urna ac mi rhoncus molestie. Fusce in eleifend felis. Sed luctus leo vel nisl varius sagittis. Nulla mi erat, molestie et aliquet in, congue nec mauris. Aliquam elementum interdum massa eu convallis. Aenean lectus diam, eleifend in varius sit amet, posuere ut quam. In hac habitasse platea dictumst. Donec at molestie leo. Duis ac lacinia tortor, eu efficitur eros. Donec nec bibendum arcu.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec congue hendrerit nibh, in tincidunt nisi sagittis et. Donec interdum aliquam molestie. Nullam dolor lacus, ornare sit amet turpis non, viverra malesuada lectus. Quisque accumsan finibus consequat. Aenean lacus urna, lobortis a luctus vitae, molestie quis tortor. Etiam hendrerit ultricies eleifend.
Back to Top
<div>
  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
  </ul>

	<div class="tab-content">
	  <div role="tabpanel" class="tab-pane fade in active" id="home">
	  	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean rhoncus sapien sem, vel mollis risus dapibus non. Aenean semper non libero porta suscipit. Donec elementum aliquet imperdiet. Nulla vulputate ultricies diam in efficitur. Nam eu dui massa. Mauris facilisis varius libero, volutpat pulvinar elit sodales in. Morbi condimentum facilisis erat ac imperdiet. Maecenas auctor dui non eleifend rhoncus. Pellentesque elementum viverra leo, nec placerat enim maximus nec. Quisque sit amet metus felis.
	  </div>
	  <div role="tabpanel" class="tab-pane fade" id="profile">
	  	Vivamus tempor augue ut pulvinar semper. Aliquam erat volutpat. Vestibulum vestibulum diam quis turpis egestas euismod. Duis vitae erat nec lacus blandit semper. Nulla auctor, mi in rhoncus pellentesque, ligula magna bibendum ligula, efficitur dapibus lectus odio eget velit. Maecenas pellentesque eget enim at feugiat. Aliquam ac mi urna. Vivamus nisi risus, feugiat at tortor id, porta dapibus nibh. Mauris facilisis quam dui, nec scelerisque lectus viverra eget. Ut porta viverra metus ut convallis. Sed sed tellus pharetra, elementum dui et, commodo massa. Maecenas eleifend aliquet nisl. Ut vestibulum ex eget sagittis sollicitudin. Proin at accumsan arcu, at dapibus arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vel elit mauris.
	  </div>
	  <div role="tabpanel" class="tab-pane fade" id="messages">
	  	Vestibulum sed ornare nibh. Aliquam eget justo eu dolor volutpat fringilla. Pellentesque dapibus euismod sollicitudin. Pellentesque pharetra urna ac mi rhoncus molestie. Fusce in eleifend felis. Sed luctus leo vel nisl varius sagittis. Nulla mi erat, molestie et aliquet in, congue nec mauris. Aliquam elementum interdum massa eu convallis. Aenean lectus diam, eleifend in varius sit amet, posuere ut quam. In hac habitasse platea dictumst. Donec at molestie leo. Duis ac lacinia tortor, eu efficitur eros. Donec nec bibendum arcu.
	  </div>
	  <div role="tabpanel" class="tab-pane fade" id="settings">
	  	Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec congue hendrerit nibh, in tincidunt nisi sagittis et. Donec interdum aliquam molestie. Nullam dolor lacus, ornare sit amet turpis non, viverra malesuada lectus. Quisque accumsan finibus consequat. Aenean lacus urna, lobortis a luctus vitae, molestie quis tortor. Etiam hendrerit ultricies eleifend.
	  </div>
	</div>
</div>