FONT WIDGET HTML

<!----- FONT WIDGET BY @BORNTOBEWILDCODES ----->

<div id="font-widget">

<!-- Button -->

<div id="font-box-bttn">Aa</div>

<!-- Font box -->

<div id="font-box">

<!-- Accent font -->

<h2> Accent font</h2>

<div class="font-box-option">
<span> Font family </span>
<select id="accent-fontfamily">
  <option value="Old Standard TT">Old Standard TT</option>
  <option value="Lora">Lora</option>
  <option value="Open Sans">Open Sans</option>
  <option value="Lato">Lato</option>
  <option value="Roboto">Roboto</option>
  <option value="Sansita">Sansita</option>
  <option value="Montserrat">Montserrat</option>
  <option value="Raleway">Raleway</option>
  <option value="Quicksand">Quicksand</option>
  <option value="Playfair Display">Playfair Display</option>
</select>
</div>
<!-- End font box option -->

<div class="font-box-option">
<span> Font size </span>
<input id="accent-fontsize" type="text" value="" placeholder="16px"></li><br>
</div>
<!-- End font box option -->

<div class="font-box-option">
<span> Font color </span>
<input id ="accent-fontcolor" type="text" value="" placeholder="#222222"><br>
</div>
<!-- End font box option -->

<br>

<!-- Body font -->

<h2> Body font</h2>

<div class="font-box-option">
<span> Font family </span>
<select id="body-fontfamily">
  <option value="Old Standard TT">Old Standard TT</option>
  <option value="Lora">Lora</option>
  <option value="Open Sans">Open Sans</option>
  <option value="Lato">Lato</option>
  <option value="Roboto">Roboto</option>
  <option value="Sansita">Sansita</option>
  <option value="Montserrat">Montserrat</option>
  <option value="Raleway">Raleway</option>
  <option value="Quicksand">Quicksand</option>
  <option value="Playfair Display">Playfair Display</option>
</select>
</div>
<!-- End font box option -->

<div class="font-box-option">
<span> Font size </span>
<input id="body-fontsize" type="text" value="" placeholder="12px"></li>
</div>
<!-- End font box option -->

<div class="font-box-option">
<span> Font color </span>
<input id ="body-fontcolor" type="text" value="" placeholder="#222222">
</div>
<!-- End font box option -->

</div>
<!-- End font_box -->

</div>
<!-- END FONT WIDGET -->