Quick Links:
Typography
<header class="section-header"> <h1>Section Header</h1> </header>
<h1>Heading #1</h1>
<h2>Heading #2</h2>
<h3>Heading #3</h3>
<a class="topicHeader" href="#">Link Header</a>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<div class="container-fluid"> <div class="row"> <article class="col-sm-6 col-xs-12"> //Put Content Here// </article> <article class="col-sm-6 col-xs-12"> //Put Content Here// </article> </div> </div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<div class="container-fluid"> <div class="row"> <article class="col-sm-4 col-xs-12"> //Put Content Here// </article> <article class="col-sm-4 col-xs-12"> //Put Content Here// </article> <article class="col-sm-4 col-xs-12"> //Put Content Here// </article> </div> </div>
<div class="alert alert-danger" role="alert"><span class="glyphicon glyphicon-exclamation-sign"> </span>*ENTER YOUR ALERT HERE*</div>
<div class="alert alert-warning" role="alert"><span class="glyphicon glyphicon-warning-sign"> </span>*ENTER YOUR ALERT HERE*</div>
<div class="alert alert-success" role="alert"><span class="glyphicon glyphicon-ok"> </span>*ENTER YOUR ALERT HERE*</div>
<div class="alert alert-info" role="alert"><span class="glyphicon glyphicon-info-sign"> </span>*ENTER YOUR ALERT HERE*</div>
<div class="well"><span class="glyphicon glyphicon-question-sign"> </span>*ENTER YOUR ALERT HERE*</div>
<a class="linkBtn" href="#"><span>Learn More</span></a>
<a class="linkBtn expand" href="#"><span>Learn More</span></a>
<div class="container-fluid"> <div class="row"> <article class="col-sm-4 col-xs-12"> <a class="linkBtn expand" href="#"><span>Learn More</span></a> </article> <article class="col-sm-4 col-xs-12"> <a class="linkBtn expand" href="#"><span>Learn More</span></a> </article> <article class="col-sm-4 col-xs-12"> <a class="linkBtn expand" href="#"><span>Learn More</span></a> </article> </div> </div>
<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="****-VIDEO EMBED LINK GOES HERE-****"></iframe></div>
| Title | Order |
|---|---|
| This will display in the Admin Panel and is used for your own organizational purposes. It will not be visible on the website. | The "Order" number will decide how it displays both in the Admin Panel and the website. If there are multiple pods to choose from in a single Pod location, the one in the first position, "Order: 1", will display on the website. If your pod location allows to display multiple pods, then you can control how they are sorted with the order field. |
<table class="table"> <thead> <tr> <th>Title</th> <th>Order</th> </tr> </thead> <tbody> <tr> <td>This will display in the Admin Panel and is used for your own organizational purposes. It will not be visible on the website.</td> <td>The "Order" number will decide how it displays both in the Admin Panel and the website. If there are multiple pods to choose from in a single Pod location, the one in the first position, "Order: 1", will display on the website. If your pod location allows to display multiple pods, then you can control how they are sorted with the order field.</td> </tr> </tbody> </table>
| Title | This will display in the Admin Panel and is used for your own organizational purposes. It will not be visible on the website. |
|---|---|
| Order | The "Order" number will decide how it displays both in the Admin Panel and the website. If there are multiple pods to choose from in a single Pod location, the one in the first position, "Order: 1", will display on the website. If your pod location allows to display multiple pods, then you can control how they are sorted with the order field. |
| Active | You will want to check this box to control what is going to display on the website. Again if you have multiple pods created in a single pod location, this will control which one displays regardless of the "Order" number. |
| Content | Next you have the freedom to add in information in the text box. This is well suited for a call to action and to catch your consumers eye. |
<table class="table">
<tbody>
<tr>
<th class="col-sm-2">Title</th>
<td>This will display in the Admin Panel and is used for your own organizational purposes. It will not be visible on the website.</td>
</tr>
<tr>
<th class="col-sm-2">Order</th>
<td>The "Order" number will decide how it displays both in the Admin Panel and the website. If there are multiple pods to choose from in a single Pod location, the one in the first position, "Order: 1", will display on the website. If your pod location allows to display multiple pods, then you can control how they are sorted with the order field.</td>
</tr>
<tr>
<th class="col-sm-2">Active</th>
<td>You will want to check this box to control what is going to display on the website. Again if you have multiple pods created in a single pod location, this will control which one displays regardless of the "Order" number.</td>
</tr>
<tr>
<th class="col-sm-2">Content</th>
<td>Next you have the freedom to add in information in the text box. This is well suited for a call to action and to catch your consumers eye.</td>
</tr>
</tbody>
</table>