@extends('layouts.no-sidebar')

@section('title')
    Styles
@stop

@section('content')

<h2 class="page-header">Buttons</h2>

<p>
    <a href="#" class="btn-standard">Standard Button</a> &nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#" class="btn-alert">Secondary Alert Button</a>
</p>
<br>
<p>
    <a href="#" class="btn">Primary Button</a> &nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#" class="btn-secondary">Secondary Button</a>
</p>
<br>
<p>
    <a href="#" class="btn"><i class="fa fa-pencil"></i> Primary</a> &nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#" class="btn-secondary"><i class="fa fa-pencil"></i> Secondary Button</a>
</p>
<br>
<p>
    <a href="#" class="btn btn-xl"><i class="fa fa-pencil"></i> Primary</a> &nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#" class="btn-secondary btn-xl"><i class="fa fa-pencil"></i> Secondary</a>
</p>
<br>

<h1 class="page-header">Page Styles</h1>

<h1>Morbi at accumsan odio</h1>
<h2>Morbi at accumsan odio</h2>
<h3>Morbi at accumsan odio</h3>
<h4>Morbi at accumsan odio</h4>
<h5>Morbi at accumsan odio</h5>
<h6>Morbi at accumsan odio</h6>

<blockquote class="mt30">Maecenas nec porttitor ante, non consectetur tortor. Sed justo ipsum, efficitur sit amet tortor at, sollicitudin posuere sapien. Aenean luctus aliquet felis ut vestibulum. Suspendisse luctus libero blandit libero bibendum dapibus.</blockquote>

<h1 class="page-header">Page Header H1</h1>
<h2 class="page-header">Page Header H2</h2>
<h3 class="page-header">Page Header H3</h3>

<div class="row">
    <div class="col-sm-6">
        <h2>Unordered List</h2>

        <ul>
            <li>Praesent ut erat tortor</li>
            <li>Mauris eleifend tincidunt</li>
            <li>Phasellus ut ipsum et enim</li>
            <li>Donec non nisl in neque</li>
            <li>Cras a felis ut magna</li>
            <li>Nullam accumsan pretium</li>
        </ul>
    </div><!-- /.col-* -->

    <div class="col-sm-6">
        <h2>Ordered List</h2>

        <ol>
            <li>Praesent ut erat tortor</li>
            <li>Mauris eleifend tincidunt</li>
            <li>Phasellus ut ipsum et enim</li>
            <li>Donec non nisl in neque</li>
            <li>Cras a felis ut magna</li>
            <li>Nullam accumsan pretium</li>
        </ol>
    </div><!-- /.col-* -->
</div><!-- /.row -->

<h2 class="page-header">Basic example</h2>

<table class="table">
    <thead>
        <tr>
            <th>#</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Username</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
        </tr>
        <tr>
            <td>3</td>
            <td>Larry</td>
            <td>the Bird</td>
            <td>@twitter</td>
        </tr>
    </tbody>
</table>

<h2 class="page-header">Striped rows</h2>

<table class="table table-striped">
    <thead>
        <tr>
            <th>#</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Username</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
        </tr>
        <tr>
            <td>3</td>
            <td>Larry</td>
            <td>the Bird</td>
            <td>@twitter</td>
        </tr>
    </tbody>
</table>

<h2 class="page-header">Bordered table</h2>

<table class="table table-bordered">
    <thead>
        <tr>
            <th>#</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Username</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="2">1</td>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
        </tr>
        <tr>
            <td>Mark</td>
            <td>Otto</td>
            <td>@TwBootstrap</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
        </tr>
        <tr>
            <td>3</td>
            <td colspan="2">Larry the Bird</td>
            <td>@twitter</td>
        </tr>
    </tbody>
</table>

<h2 class="page-header">Hover rows</h2>

<table class="table table-hover">
    <thead>
        <tr>
            <th>#</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Username</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
        </tr>
        <tr>
            <td>3</td>
            <td colspan="2">Larry the Bird</td>
            <td>@twitter</td>
        </tr>
    </tbody>
</table>


<h2 class="page-header">Simple Table</h2>

<table class="table table-simple">
    <thead>
        <tr>
            <th>#</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Username</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
        </tr>
        <tr>
            <td>3</td>
            <td colspan="2">Larry the Bird</td>
            <td>@twitter</td>
        </tr>
    </tbody>
</table>
@stop