Sarahhoof

## hidden_preheader_example.html
<span style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">This is a text block. Write your hidden preheader here.</span>

## visable_prehader_example.html
<body>
  <div>
    This is a text block. Write your visable preheader here.
  </div>
</body>

## FontAwesomeCheckMarks.html
<ul>
  <i class="fa fa-check"></i>
  <i class="fa fa-check-square-o fa-2x"></i>
  <i class="fa fa-check-circle" style="color: green;"></i>
  <i class="fa fa-check-square" style="color: red;"></i>
</ul>

## HTMLCheckMarks.html
<ul>
  &#9989; check
  &#10003; mark
  &#10004; bock
</ul>

## Hide <div> in Mobile.html
//medium screen sizes
@media (min-width:992px) {
    .desktop-only {
        display:block !important;
    }
}

//small screen sizes
@media (max-width: 991px) {
    .mobile-only {
	<body>
	<div>
	This is a text block. Write your visable preheader here.
	</div>
	</body>
	<ul>
	<i class="fa fa-check"></i>
	<i class="fa fa-check-square-o fa-2x"></i>
	<i class="fa fa-check-circle" style="color: green;"></i>
	<i class="fa fa-check-square" style="color: red;"></i>
	</ul>
	//medium screen sizes
	@media (min-width:992px) {
	.desktop-only {
	display:block !important;
	}
	}

	//small screen sizes
	@media (max-width: 991px) {
	.mobile-only {