#### Default Buttons

#### Code Here:

    <div class="btn-list">
        <button type="button"
            class="btn waves-effect waves-light btn-primary">Primary</button>
        <button type="button"
            class="btn waves-effect waves-light btn-secondary">Secondary</button>
        <button type="button"
            class="btn waves-effect waves-light btn-success">Success</button>
        <button type="button" class="btn waves-effect waves-light btn-info">Info</button>
        <button type="button"
            class="btn waves-effect waves-light btn-warning">Warning</button>
        <button type="button"
            class="btn waves-effect waves-light btn-danger">Danger</button>
        <button type="button" class="btn waves-effect waves-light btn-light">Light</button>
        <button type="button" class="btn waves-effect waves-light btn-dark">Dark</button>
    </div>

#### Buttons With Icons

#### Code Here:

    <div class="btn-list">
        <button type="button" class="btn btn-primary"><i class="fas fa-check"></i>
            Primary</button>
        <button type="button" class="btn btn-secondary"><i class="far fa-heart"></i>
            Secondary</button>
        <button type="button" class="btn btn-success"><i class="fas fa-check"></i>
            Success</button>
        <button type="button" class="btn btn-info"><i class="far fa-heart"></i>
            Info</button>
        <button type="button" class="btn btn-warning"><i class="far fa-heart"></i>
            Warning</button>
        <button type="button" class="btn btn-danger"><i class="far fa-heart"></i>
            Danger</button>
        <button type="button" class="btn btn-light"><i class="far fa-heart"></i>
            Light</button>
        <button type="button" class="btn btn-dark"><i class="far fa-heart"></i>
            Dark</button>
    </div>

#### Circle Buttons With Icons

#### Code Here:

    <button type="button" class="btn btn-secondary btn-circle-lg"><i
            class="fa fa-check"></i> </button>
    <button type="button" class="btn btn-primary btn-circle-lg"><i
            class="fa fa-list"></i> </button>
    <button type="button" class="btn btn-success btn-circle-lg"><i
            class="fa fa-link"></i> </button>
    <button type="button" class="btn btn-info btn-circle-lg"><i class="fa fa-check"></i>
    </button>
    <button type="button" class="btn btn-warning btn-circle-lg"><i
            class="fa fa-times"></i> </button>
    <button type="button" class="btn btn-danger btn-circle-lg"><i
            class="fa fa-heart"></i> </button>