<div id="oib-template"> 
<!-- CONTENT FOR ORANGE ICON BOX TEMPLATE -->
<div style="padding:5px;">
    <div class="col-md-12" style="border-radius: 3px;background: #f8f3ed;padding: 15px;box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16); margin-bottom:14px; border: 1px solid #faeadf;">
        <span class="fa-stack fa-lg" style="color:#F15A27; float:left;">
  			<i class="fa fa-square fa-stack-2x"></i>
  			<i class="fa fa-info fa-stack-1x fa-inverse" style="font-size:1.2em;"></i>
		</span>
        <div style="margin-top: 0px; margin-left: 52px;">
            <h3 style="font-size: 1.7em; color: #F15A27; line-height: 1.2 !important; font-family:'Segoe UI', Roboto,'Helvetica Neue', Arial, sans-serif; font-weight: 300;letter-spacing: -1px;margin-top: 3px;">Your heading here</h3>
            <p>Donec at scelerisque nulla. Suspendisse vestibulum suscipit libero, et pulvinar urna blandit ut. Fusce eget metus luctus turpis dapibus consequat nec eget mi.</p>
        </div>
    </div>
</div>
<!-- END OF CONTENT FOR ORANGE ICON BOX TEMPLATE -->
<p><br></p>
</div>

<div id="bib-template"> 
<!-- CONTENT FOR BLUE ICON BOX TEMPLATE -->
<div style="padding:5px;">
    <div class="col-md-12" style="border-radius: 3px;background: #edf0f7;padding: 15px; box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16); margin-bottom:14px;border: 1px solid #dfeffa;">
        <span class="fa-stack fa-lg" style="color:#1591C6; float:left;">
  			<i class="fa fa-square fa-stack-2x"></i>
  			<i class="fa fa-info fa-stack-1x fa-inverse" style="font-size:1.2em;"></i>
		</span>
        <div style="margin-top: 0px; margin-left: 52px;">
            <h3 style="font-size: 1.7em; color: #1591C6; line-height: 1.2 !important; font-family:'Segoe UI', Roboto,'Helvetica Neue', Arial, sans-serif; font-weight: 300;letter-spacing: -1px;margin-top: 3px;">Your heading here</h3>
            <p>Donec at scelerisque nulla. Suspendisse vestibulum suscipit libero, et pulvinar urna blandit ut. Fusce eget metus luctus turpis dapibus consequat nec eget mi.</p>
        </div>
    </div>
</div>
<!-- END OF CONTENT FOR BLUE ICON BOX TEMPLATE -->
<p><br></p>
</div>

<div id="gib-template"> 
<!-- CONTENT FOR GREEN ICON BOX TEMPLATE -->
<div style="padding:5px;">
  <div class="col-md-12" style="border-radius: 3px;background: #f0f3f0;padding: 15px; box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16); margin-bottom:14px;border: 1px solid #eaf0e8;">
        <span class="fa-stack fa-lg" style="color:#6d965b; float:left; margin-right:5px;">
  			<i class="fa fa-square fa-stack-2x"></i>
  			<i class="fa fa-info fa-stack-1x fa-inverse" style="font-size:1.2em;"></i>
		</span>
        <div style="margin-top: 0px; margin-left: 52px;">
            <h3 style="font-size: 1.7em; color: #6d965b; line-height: 1.2 !important; font-family:'Segoe UI', Roboto,'Helvetica Neue', Arial, sans-serif; font-weight: 300;letter-spacing: -1px;margin-top: 3px;">Your heading here</h3>
            <p>Donec at scelerisque nulla. Suspendisse vestibulum suscipit libero, et pulvinar urna blandit ut. Fusce eget metus luctus turpis dapibus consequat nec eget mi.</p>
        </div>
    </div>
</div>
<!-- END OF CONTENT FOR GREEN ICON BOX TEMPLATE -->
<p><br></p>
</div>

<div id="NIB-template"> 
<!-- CONTENT FOR NEUTRAL ICON BOX TEMPLATE -->
<div style="padding:5px;">
<div class="col-md-12" style="border-radius: 3px;background: #f2f2f2;padding: 15px; box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16); margin-bottom:14px;border: 1px solid #dfdfdf;">
        <span class="fa-stack fa-lg" style="color:#495057; float:left;">
  			<i class="fa fa-square fa-stack-2x"></i>
  			<i class="fa fa-info fa-stack-1x fa-inverse" style="font-size:1.2em;"></i>
		</span>
        <div style="margin-top: 0px; margin-left: 52px;">
            <h3 style="font-size: 1.7em; color: #495057; line-height: 1.2 !important; font-family:'Segoe UI', Roboto,'Helvetica Neue', Arial, sans-serif; font-weight: 300;letter-spacing: -1px; margin-top: 3px;">Your heading here</h3>
            <p>Donec at scelerisque nulla. Suspendisse vestibulum suscipit libero, et pulvinar urna blandit ut. Fusce eget metus luctus turpis dapibus consequat nec eget mi.</p>
        </div>
    </div>
</div>
<!-- END OF CONTENT FOR NEUTRAL ICON BOX TEMPLATE -->
<p><br></p>
</div>