PubWriter Sandbox Tutorial

<div class="sandbox">

<div class="retro">

# Icons

They say a picture is worth a thousand words. You have access to thousands of icons with PubWriter. You'll be adding a tiny html snippet to make 'em appear. The reasons why icons are better that graphics becomes evident when you change your theme. Change 'sandbox' in the div class to 'retro' to see what I mean.

## BS5 Icons

## Icons in text

(notice how the icon matches the color of the text?)

You can also force the color using inline CSS:

## Heading 2

## Icons on Buttons

<center><a target="_blank" href="https://g.page/clipperscuts?gm" class="btn btn-success btn-lg"> Post a Review!</a></center>

<a href="#" class="btn btn-success btn-lg"> Success Button</a>

<a href="#" class="btn btn-dark btn-lg"> Dark Button</a>

<a href="#" class="btn btn-light btn-lg"> Light Button</a>

# Iconify

Again: use caution when using the 'color' setting in an icon. Why? Because icons were designed to match the color choices of the style sheet (the body). If you decide later you want to apply a new stylesheet, you will have to go back to each icon and change the color manually.  If you change the div class above to "warden" you will see what I mean.

<a href="#" class="btn btn-light btn-lg"> Light Button</a>

# Font Awesome

If you want to do makes some slick mods to your icons, consider using font awesome.

They say a picture is worth a thousand words. You have access to hundreds of icons in PubWriter. It only requires a tiny html snippet to make 'em appear.

## Checkboxes

Item 1
 Item 1
 Item 2
 Item 3
 Item 3
 Item 3

If you want to change the size or color:



<x class="fa fa-bookmark fa-4x"></x>

### You can spin 'em too!

<x class="fa fa-thumbs-up"></x>

or use 'em in headers...

## Heading 2

and on buttons...

<center><a target="_blank" href="https://g.page/clipperscuts?gm" class="btn btn-success btn-lg"> Post a Review!</a></center>

## More tutorials

* <https://pubwriter.net/icons>
* [FontAwesome Tutorial on w3](https://www.w3schools.com/icons/fontawesome_icons_intro.asp)