Branding/Theme guidleines

your discretionHeader BG: #1e97a5 (dk blue)
First section: #efefef (light grey
Second section: #ffffff(white)
Third section: your discretion, depending on content

Social Links

https://www.facebook.com/nhcadsv/
https://twitter.com/nhcadsv
https://www.instagram.com/nhcadsv/
https://www.pinterest.com/nhcadsv/
http://www.nhsaysnomore.org/news

 Check Box List

<ul class="fa-ul">
  <li><i class="fa-li fa fa-check-square"></i>Attendance at the 64 hour didactic training program. </li><p>
  <li><i class="fa-li fa fa-check-square"></i>Attendance at the 8 hour clinical skills lab program.</li><p>
  <li><i class="fa-li fa fa-check-square"></i>Completion is determined, according to the IAFN SANE Education Guidelines, by the evaluating clinician and the facility utilizing the SANE or by the NH SANE Coordinator.</li><p>
  <li><i class="fa-li fa fa-check-square"></i>Adhering to the State of New Hampshire Office of the Attorney General’s Sexual Assault Nurse Examiner Rules and Regulations for Currency of Practice.</li>
</ul>
  • Attendance at the 64 hour didactic training program.

  • Attendance at the 8 hour clinical skills lab program.

  • Completion is determined, according to the IAFN SANE Education Guidelines, by the evaluating clinician and the facility utilizing the SANE or by the NH SANE Coordinator.

  • Adhering to the State of New Hampshire Office of the Attorney General’s Sexual Assault Nurse Examiner Rules and Regulations for Currency of Practice.

Info box with button

<style id="widg_style">.w23106 .wsite-button{background:#6f7d85!important}.w23106 .wsite-button:hover{background:#ff7a2a!important}.w23106 .wsite-button .wsite-button-inner{color:#fff}.w23106 .wsite-button i{color:#fff}</style>
<div id="widget_id" class="w23106 callout-box clearfix" style="margin-top: 10px; margin-bottom: 10px; background: rgb(7, 187, 206); border-width: 20px; border-style: solid; border-color: rgb(7, 187, 206);">
<div class="callout-box-content">

<h3 style="font: Oswald; color: rgb(255, 255, 255); text-transform: uppercase;">H3 Title</h3>
<p style="color: rgb(255, 255, 255);">Lorem ipsum dolor sit amet, dionysiadis eum istam definisti quis nudus iuvenem quasi certum ait cumque persetur sic. Dulcius populo alterius quaestionis studio percipiendum venisset.
Lorem ipsum dolor sit amet, dionysiadis eum istam definisti quis nudus iuvenem quasi certum ait cumque persetur sic. Dulcius populo alterius quaestionis studio percipiendum venisset.</p>
<a class="wsite-button wsite-button-small wsite-button-normal" href="/shop.html">

<span class="wsite-button-inner">LEARN MORE<i class="fa fa-archive" style="padding:0 0 0 5px" ;=""></i></span>
</a>
</div>
</div>

H3 Title

Lorem ipsum dolor sit amet, dionysiadis eum istam definisti quis nudus iuvenem quasi certum ait cumque persetur sic. Dulcius populo alterius quaestionis studio percipiendum venisset. Lorem ipsum dolor sit amet, dionysiadis eum istam definisti quis nudus iuvenem quasi certum ait cumque persetur sic. Dulcius populo alterius quaestionis studio percipiendum venisset.

LEARN MORE

Icon Block

<style>.w98167 i{color:#1e99a5}.w98167:hover i{color:#ff7a2a}.w98167 a:hover{text-decoration:none}
</style>

<div id="widget_id" class="w98167">
<a class="widg_link" target="_blank" href="/contact.html">
<div class="block wft-center" style="text-align: center; padding: 0px 20px 5px; background: rgb(227, 227, 227); border-color: rgb(17, 17, 17); padding: 10px; border-width: 0px; border-style: solid;">
<span class="block-icon-image">

<i class="fa fa-4x fa-cog"></i></span>
            <br><h3 class="block-title" style="color: rgb(98, 98, 98);">TITLE 1<br>TITLE 2</h3>
            <p style="color: rgb(136, 136, 136);">Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</a></div>

http://fontawesome.io/icons/

Accordian Code

<div>
<ul class="accordion">
<!-- First Block of Accordion Start -->
<li>
<input class="accordion-input" type="checkbox" name="accordion" id="item1" />
<label for="item1" class="accordion-heading">
<span class="block-icon-image">
<i class="fa fa-1x fa-plus-circle"></i></span>

 HEADING

<span class="accordion-heading-btn">&#9650;</span></label>
<div class="accordion-body">

CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT

</div>
</li>

<li>
<input class="accordion-input" type="checkbox" name="accordion" id="item2" />
<label for="item2" class="accordion-heading">
<span class="block-icon-image">
<i class="fa fa-1x fa-plus-circle"></i></span>

  HEADING

<span class="accordion-heading-btn">&#9650;</span></label>
<div class="accordion-body">

CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT


</div>
</li>


<li>
<input class="accordion-input" type="checkbox" name="accordion" id="item3" />
<label for="item3" class="accordion-heading">
<span class="block-icon-image">
<i class="fa fa-1x fa-plus-circle"></i></span>

 HEADING

<span class="accordion-heading-btn">&#9650;</span></label>
<div class="accordion-body">

CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT


</div>
</li>




</ul>
</div>
  • CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT
  • CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT
  • CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT

Light Blue
07bbce

blue
3cacbb

dk blue
1e99a5

orange
ff7a2a

White BG
f6f7f8

grey
6f7d85

Related link blocks
Other helpful resources