HowTo.MD

#How to use

There are many different ways you can use this. Here are some examples.

Must add this.

<div class="container"> </div>

This would add a gray background with the text off the left a little bit. and h2 - h6 is added off the h1.

  <div class="header">
  <h1>GetTheBasics</h1>
  <h3>Get the most done with the least code.</h3>
</div>

This is the general buttons. Round, and they change to the size of text. Standerd is light blue, good = green, warning = yellow, bad = ownage, danger = red. 

    <button class="btn-gtb standard">standard</button>
    <button class="btn-gtb good">good</button>
    <button class="btn-gtb warning">warning</button>
    <button class="btn-gtb bad">bad</button>
    <button class="btn-gtb danger">danger</button>

These are the square buttons. Same as general with colors and text sizing.

    <button class="btn-flt standard">standard</button>
    <button class="btn-flt good">good</button>
    <button class="btn-flt warning">warning</button>
    <button class="btn-flt bad">bad</button>
    <button class="btn-flt danger">danger</button>

<<<<<<< HEAD

This is the regulur sized table. To make it 50% big, do <div id="table50"> and 100% just do <div id="table100">.

<div id="table">
        <table>
          <h1>qlwke</h1>
          <tr>
            <td>Jill</td>
             <td>Smith</td>
            <td>50</td>
           </tr>
          <tr>
            <td>Eve</td>
             <td>Jackson</td>
            <td>94</td>
           </tr>
        </table>
    </div>

======= That would add a gray background with the text off the left a little bit. and h2 - h6 is added off the h1.

.mover{
  margin-left: 8px;
}```
If you add a div class called mover, it will move it auto 8px.
Put you can change it to what you would like in your stylesheet.
>>>>>>> 0.4