invisio v2.0

<?php include_once('header.php'); ?>

<div class="row border-bottom">
            <nav
                class="navbar navbar-static-top"
                role="navigation"
                style="margin-bottom: 0">
                <div class="navbar-header">
                    <a
                        class="navbar-minimalize minimalize-styl-2 btn btn-primary"
                        href="#"><i class="fa fa-bars"></i>
                    </a>
                    <form
                        role="search"
                        class="navbar-form-custom"
                        action="search_results.html">
                        <div class="form-group">
                            <input
                                type="text"
                                placeholder="Search for something..."
                                class="form-control"
                                name="top-search"
                                id="top-search" />
                        </div>
                    </form>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li style="padding: 20px">
                        <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
                    </li>
                    <li class="dropdown">
                        <a
                            class="dropdown-toggle count-info"
                            data-toggle="dropdown"
                            href="#">
                            <i class="fa fa-envelope"></i>
                            <span class="label label-warning">16</span>
                        </a>
                        <ul class="dropdown-menu dropdown-messages dropdown-menu-right">
                            <li>
                                <div class="dropdown-messages-box">
                                    <a class="dropdown-item float-left" href="profile.html">
                                        <img
                                            alt="image"
                                            class="rounded-circle"
                                            src="img/a7.jpg" />
                                    </a>
                                    <div class="media-body">
                                        <small class="float-right">46h ago</small>
                                        <strong>Mike Loreipsum</strong> started following
                                        <strong>Monica Smith</strong>. <br />
                                        <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
                                    </div>
                                </div>
                            </li>
                            <li class="dropdown-divider"></li>
                            <li>
                                <div class="dropdown-messages-box">
                                    <a class="dropdown-item float-left" href="profile.html">
                                        <img
                                            alt="image"
                                            class="rounded-circle"
                                            src="img/a4.jpg" />
                                    </a>
                                    <div class="media-body">
                                        <small class="float-right text-navy">5h ago</small>
                                        <strong>Chris Johnatan Overtunk</strong> started
                                        following <strong>Monica Smith</strong>. <br />
                                        <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
                                    </div>
                                </div>
                            </li>
                            <li class="dropdown-divider"></li>
                            <li>
                                <div class="dropdown-messages-box">
                                    <a class="dropdown-item float-left" href="profile.html">
                                        <img
                                            alt="image"
                                            class="rounded-circle"
                                            src="img/profile.jpg" />
                                    </a>
                                    <div class="media-body">
                                        <small class="float-right">23h ago</small>
                                        <strong>Monica Smith</strong> love
                                        <strong>Kim Smith</strong>. <br />
                                        <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
                                    </div>
                                </div>
                            </li>
                            <li class="dropdown-divider"></li>
                            <li>
                                <div class="text-center link-block">
                                    <a href="mailbox.html" class="dropdown-item">
                                        <i class="fa fa-envelope"></i>
                                        <strong>Read All Messages</strong>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a
                            class="dropdown-toggle count-info"
                            data-toggle="dropdown"
                            href="#">
                            <i class="fa fa-bell"></i>
                            <span class="label label-primary">8</span>
                        </a>
                        <ul class="dropdown-menu dropdown-alerts">
                            <li>
                                <a href="mailbox.html" class="dropdown-item">
                                    <div>
                                        <i class="fa fa-envelope fa-fw"></i> You have 16
                                        messages
                                        <span class="float-right text-muted small">4 minutes ago</span>
                                    </div>
                                </a>
                            </li>
                            <li class="dropdown-divider"></li>
                            <li>
                                <a href="profile.html" class="dropdown-item">
                                    <div>
                                        <i class="fa fa-twitter fa-fw"></i> 3 New Followers
                                        <span class="float-right text-muted small">12 minutes ago</span>
                                    </div>
                                </a>
                            </li>
                            <li class="dropdown-divider"></li>
                            <li>
                                <a href="grid_options.html" class="dropdown-item">
                                    <div>
                                        <i class="fa fa-upload fa-fw"></i> Server Rebooted
                                        <span class="float-right text-muted small">4 minutes ago</span>
                                    </div>
                                </a>
                            </li>
                            <li class="dropdown-divider"></li>
                            <li>
                                <div class="text-center link-block">
                                    <a href="notifications.html" class="dropdown-item">
                                        <strong>See All Alerts</strong>
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </li>

<li>
                        <a href="login.html">
                            <i class="fa fa-sign-out"></i> Log out
                        </a>
                    </li>
                    <li>
                        <a class="right-sidebar-toggle">
                            <i class="fa fa-tasks"></i>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
        <div class="row border-bottom white-bg dashboard-header">
            <div class="col-md-3">
                <h2>Welcome</h2>
                <small>You have 42 messages and 6 notifications.</small>
                <ul class="list-group clear-list m-t">
                    <li class="list-group-item fist-item">
                        <span class="float-right"> 09:00 pm </span>
                        <span class="label label-success">1</span> Please contact me
                    </li>
                    <li class="list-group-item">
                        <span class="float-right"> 10:16 am </span>
                        <span class="label label-info">2</span> Sign a contract
                    </li>
                    <li class="list-group-item">
                        <span class="float-right"> 08:22 pm </span>
                        <span class="label label-primary">3</span> Open new shop
                    </li>
                    <li class="list-group-item">
                        <span class="float-right"> 11:06 pm </span>
                        <span class="label label-default">4</span> Call back to Sylvia
                    </li>
                    <li class="list-group-item">
                        <span class="float-right"> 12:00 am </span>
                        <span class="label label-primary">5</span> Write a letter to
                        Sandra
                    </li>
                </ul>
            </div>
            <div class="col-md-6">
                <div class="flot-chart dashboard-chart">
                    <div class="flot-chart-content" id="flot-dashboard-chart"></div>
                </div>
                <div class="row text-left">
                    <div class="col">
                        <div class="m-l-md">
                            <span class="h5 font-bold m-t block">$ 406,100</span>
                            <small class="text-muted m-b block">Sales marketing report</small>
                        </div>
                    </div>
                    <div class="col">
                        <span class="h5 font-bold m-t block">$ 150,401</span>
                        <small class="text-muted m-b block">Annual sales revenue</small>
                    </div>
                    <div class="col">
                        <span class="h5 font-bold m-t block">$ 16,822</span>
                        <small class="text-muted m-b block">Half-year revenue margin</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="statistic-box">
                    <h4>Project Beta progress</h4>
                    <p>You have two project with not compleated task.</p>
                    <div class="row text-center">
                        <div class="col-lg-6">
                            <canvas
                                id="doughnutChart2"
                                width="80"
                                height="80"
                                style="margin: 18px auto 0"></canvas>
                            <h5>Kolter</h5>
                        </div>
                        <div class="col-lg-6">
                            <canvas
                                id="doughnutChart"
                                width="80"
                                height="80"
                                style="margin: 18px auto 0"></canvas>
                            <h5>Maxtor</h5>
                        </div>
                    </div>
                    <div class="m-t">
                        <small>Lorem Ipsum is simply dummy text of the printing and
                            typesetting industry.</small>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrapper wrapper-content">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="ibox">
                                <div class="ibox-title">
                                    <h5>New data for the report</h5>
                                    <span class="label label-primary">IN+</span>
                                    <div class="ibox-tools">
                                        <a class="collapse-link" href="">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                        <a
                                            class="dropdown-toggle"
                                            data-toggle="dropdown"
                                            href="#">
                                            <i class="fa fa-wrench"></i>
                                        </a>
                                        <ul class="dropdown-menu dropdown-user">
                                            <li>
                                                <a href="#" class="dropdown-item">Config option 1</a>
                                            </li>
                                            <li>
                                                <a href="#" class="dropdown-item">Config option 2</a>
                                            </li>
                                        </ul>
                                        <a class="close-link" href="">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="ibox-content">
                                    <div>
                                        <div class="float-right text-right">
                                            <span class="bar_dashboard">5,3,9,6,5,9,7,3,5,2,4,7,3,2,7,9,6,4,5,7,3,2,1,0,9,5,6,8,3,2,1</span>
                                            <br />
                                            <small class="font-bold">$ 20 054.43</small>
                                        </div>
                                        <h4>
                                            NYS report new data!
                                            <br />
                                            <small class="m-r"><a href="graph_flot.html">
                                                    Check the stock price!
                                                </a>
                                            </small>
                                        </h4>
                                    </div>
                                </div>
                            </div>
                            <div class="ibox">
                                <div class="ibox-title">
                                    <h5>Read below comments</h5>
                                    <div class="ibox-tools">
                                        <a class="collapse-link" href="">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                        <a
                                            class="dropdown-toggle"
                                            data-toggle="dropdown"
                                            href="#">
                                            <i class="fa fa-wrench"></i>
                                        </a>
                                        <ul class="dropdown-menu dropdown-user">
                                            <li>
                                                <a href="#" class="dropdown-item">Config option 1</a>
                                            </li>
                                            <li>
                                                <a href="#" class="dropdown-item">Config option 2</a>
                                            </li>
                                        </ul>
                                        <a class="close-link" href="">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="ibox-content no-padding">
                                    <ul class="list-group">
                                        <li class="list-group-item">
                                            <p>
                                                <a class="text-info" href="#">@Alan Marry</a> I
                                                belive that. Lorem Ipsum is simply dummy text of the
                                                printing and typesetting industry.
                                            </p>
                                            <small class="block text-muted"><i class="fa fa-clock-o"></i> 1 minuts ago</small>
                                        </li>
                                        <li class="list-group-item">
                                            <p>
                                                <a class="text-info" href="#">@Stock Man</a> Check
                                                this stock chart. This price is crazy!
                                            </p>
                                            <div class="text-center m">
                                                <span id="sparkline8"></span>
                                            </div>
                                            <small class="block text-muted"><i class="fa fa-clock-o"></i> 2 hours ago</small>
                                        </li>
                                        <li class="list-group-item">
                                            <p>
                                                <a class="text-info" href="#">@Kevin Smith</a> Lorem
                                                ipsum unknown printer took a galley
                                            </p>
                                            <small class="block text-muted"><i class="fa fa-clock-o"></i> 2 minuts ago</small>
                                        </li>
                                        <li class="list-group-item">
                                            <p>
                                                <a class="text-info" href="#">@Jonathan Febrick</a>
                                                The standard chunk of Lorem Ipsum
                                            </p>
                                            <small class="block text-muted"><i class="fa fa-clock-o"></i> 1 hour ago</small>
                                        </li>
                                        <li class="list-group-item">
                                            <p>
                                                <a class="text-info" href="#">@Alan Marry</a> I
                                                belive that. Lorem Ipsum is simply dummy text of the
                                                printing and typesetting industry.
                                            </p>
                                            <small class="block text-muted"><i class="fa fa-clock-o"></i> 1 minuts ago</small>
                                        </li>
                                        <li class="list-group-item">
                                            <p>
                                                <a class="text-info" href="#">@Kevin Smith</a> Lorem
                                                ipsum unknown printer took a galley
                                            </p>
                                            <small class="block text-muted"><i class="fa fa-clock-o"></i> 2 minuts ago</small>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="ibox">
                                <div class="ibox-title">
                                    <h5>Your daily feed</h5>
                                    <div class="ibox-tools">
                                        <span class="label label-warning-light float-right">10 Messages</span>
                                    </div>
                                </div>
                                <div class="ibox-content">
                                    <div>
                                        <div class="feed-activity-list">
                                            <div class="feed-element">
                                                <a class="float-left" href="profile.html">
                                                    <img
                                                        alt="image"
                                                        class="rounded-circle"
                                                        src="img/profile.jpg" />
                                                </a>
                                                <div class="media-body">
                                                    <small class="float-right">5m ago</small>
                                                    <strong>Monica Smith</strong> posted a new blog.
                                                    <br />
                                                    <small class="text-muted">Today 5:60 pm - 12.06.2014</small>
                                                </div>
                                            </div>

<div class="feed-element">
                                                <a class="float-left" href="profile.html">
                                                    <img
                                                        alt="image"
                                                        class="rounded-circle"
                                                        src="img/a2.jpg" />
                                                </a>
                                                <div class="media-body">
                                                    <small class="float-right">2h ago</small>
                                                    <strong>Mark Johnson</strong> posted message on
                                                    <strong>Monica Smith</strong> site. <br />
                                                    <small class="text-muted">Today 2:10 pm - 12.06.2014</small>
                                                </div>
                                            </div>
                                            <div class="feed-element">
                                                <a class="float-left" href="profile.html">
                                                    <img
                                                        alt="image"
                                                        class="rounded-circle"
                                                        src="img/a3.jpg" />
                                                </a>
                                                <div class="media-body">
                                                    <small class="float-right">2h ago</small>
                                                    <strong>Janet Rosowski</strong> add 1 photo on
                                                    <strong>Monica Smith</strong>. <br />
                                                    <small class="text-muted">2 days ago at 8:30am</small>
                                                </div>
                                            </div>
                                            <div class="feed-element">
                                                <a class="float-left" href="profile.html">
                                                    <img
                                                        alt="image"
                                                        class="rounded-circle"
                                                        src="img/a4.jpg" />
                                                </a>
                                                <div class="media-body">
                                                    <small class="float-right text-navy">5h ago</small>
                                                    <strong>Chris Johnatan Overtunk</strong> started
                                                    following <strong>Monica Smith</strong>. <br />
                                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
                                                    <div class="actions">
                                                        <a href="" class="btn btn-xs btn-white"><i class="fa fa-thumbs-up"></i> Like
                                                        </a>
                                                        <a href="" class="btn btn-xs btn-white"><i class="fa fa-heart"></i> Love</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="feed-element">
                                                <a class="float-left" href="profile.html">
                                                    <img
                                                        alt="image"
                                                        class="rounded-circle"
                                                        src="img/a5.jpg" />
                                                </a>
                                                <div class="media-body">
                                                    <small class="float-right">2h ago</small>
                                                    <strong>Kim Smith</strong> posted message on
                                                    <strong>Monica Smith</strong> site. <br />
                                                    <small class="text-muted">Yesterday 5:20 pm - 12.06.2014</small>
                                                    <div class="well">
                                                        Lorem Ipsum is simply dummy text of the printing
                                                        and typesetting industry. Lorem Ipsum has been
                                                        the industry's standard dummy text ever since
                                                        the 1500s. Over the years, sometimes by
                                                        accident, sometimes on purpose (injected humour
                                                        and the like).
                                                    </div>
                                                    <div class="float-right">
                                                        <a href="" class="btn btn-xs btn-white"><i class="fa fa-thumbs-up"></i> Like
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="feed-element">
                                                <a class="float-left" href="profile.html">
                                                    <img
                                                        alt="image"
                                                        class="rounded-circle"
                                                        src="img/profile.jpg" />
                                                </a>
                                                <div class="media-body">
                                                    <small class="float-right">23h ago</small>
                                                    <strong>Monica Smith</strong> love
                                                    <strong>Kim Smith</strong>. <br />
                                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
                                                </div>
                                            </div>
                                            <div class="feed-element">
                                                <a class="float-left" href="profile.html">
                                                    <img
                                                        alt="image"
                                                        class="rounded-circle"
                                                        src="img/a7.jpg" />
                                                </a>
                                                <div class="media-body">
                                                    <small class="float-right">46h ago</small>
                                                    <strong>Mike Loreipsum</strong> started following
                                                    <strong>Monica Smith</strong>. <br />
                                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
                                                </div>
                                            </div>
                                        </div>

<button class="btn btn-primary btn-block m-t">
                                            <i class="fa fa-arrow-down"></i> Show More
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="ibox">
                                <div class="ibox-title">
                                    <h5>Alpha project</h5>
                                    <div class="ibox-tools">
                                        <a class="collapse-link" href="">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                        <a
                                            class="dropdown-toggle"
                                            data-toggle="dropdown"
                                            href="#">
                                            <i class="fa fa-wrench"></i>
                                        </a>
                                        <ul class="dropdown-menu dropdown-user">
                                            <li>
                                                <a href="#" class="dropdown-item">Config option 1</a>
                                            </li>
                                            <li>
                                                <a href="#" class="dropdown-item">Config option 2</a>
                                            </li>
                                        </ul>
                                        <a class="close-link" href="">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="ibox-content ibox-heading">
                                    <h3>You have meeting today!</h3>
                                    <small><i class="fa fa-map-marker"></i> Meeting is on 6:00am.
                                        Check your schedule to see detail.</small>
                                </div>
                                <div class="ibox-content inspinia-timeline">
                                    <div class="timeline-item">
                                        <div class="row">
                                            <div class="col-4 date">
                                                <i class="fa fa-briefcase"></i>
                                                6:00 am
                                                <br />
                                                <small class="text-navy">2 hour ago</small>
                                            </div>
                                            <div class="col content no-top-border">
                                                <p class="m-b-xs"><strong>Meeting</strong></p>

<p>
                                                    Conference on the sales results for the previous
                                                    year. Monica please examine sales trends in
                                                    marketing and products. Below please find the
                                                    current status of the sale.
                                                </p>

<p>
                                                    <span data-diameter="40" class="updating-chart">5,3,9,6,5,9,7,3,5,2,5,3,9,6,5,9,4,7,3,2,9,8,7,4,5,1,2,9,5,4,7,2,7,7,3,5,2</span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="timeline-item">
                                        <div class="row">
                                            <div class="col-4 date">
                                                <i class="fa fa-file"></i>
                                                7:00 am
                                                <br />
                                                <small class="text-navy">3 hour ago</small>
                                            </div>
                                            <div class="col content">
                                                <p class="m-b-xs">
                                                    <strong>Send documents to Mike</strong>
                                                </p>
                                                <p>
                                                    Lorem Ipsum is simply dummy text of the printing
                                                    and typesetting industry. Lorem Ipsum has been the
                                                    industry's standard dummy text ever since.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="timeline-item">
                                        <div class="row">
                                            <div class="col-4 date">
                                                <i class="fa fa-coffee"></i>
                                                8:00 am
                                                <br />
                                            </div>
                                            <div class="col content">
                                                <p class="m-b-xs"><strong>Coffee Break</strong></p>
                                                <p>
                                                    Go to shop and find some products. Lorem Ipsum is
                                                    simply dummy text of the printing and typesetting
                                                    industry. Lorem Ipsum has been the industry's.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="timeline-item">
                                        <div class="row">
                                            <div class="col-4 date">
                                                <i class="fa fa-phone"></i>
                                                11:00 am
                                                <br />
                                                <small class="text-navy">21 hour ago</small>
                                            </div>
                                            <div class="col content">
                                                <p class="m-b-xs">
                                                    <strong>Phone with Jeronimo</strong>
                                                </p>
                                                <p>
                                                    Lorem Ipsum has been the industry's standard dummy
                                                    text ever since.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="timeline-item">
                                        <div class="row">
                                            <div class="col-4 date">
                                                <i class="fa fa-user-md"></i>
                                                09:00 pm
                                                <br />
                                                <small>21 hour ago</small>
                                            </div>
                                            <div class="col content">
                                                <p class="m-b-xs">
                                                    <strong>Go to the doctor dr Smith</strong>
                                                </p>
                                                <p>Find some issue and go to doctor.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="timeline-item">
                                        <div class="row">
                                            <div class="col-4 date">
                                                <i class="fa fa-comments"></i>
                                                12:50 pm
                                                <br />
                                                <small class="text-navy">48 hour ago</small>
                                            </div>
                                            <div class="col content">
                                                <p class="m-b-xs">
                                                    <strong>Chat with Monica and Sandra</strong>
                                                </p>
                                                <p>
                                                    Web sites still in their infancy. Various versions
                                                    have evolved over the years, sometimes by
                                                    accident, sometimes on purpose (injected humour
                                                    and the like).
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div
    class="toast toast toast-bootstrap hide"
    role="alert"
    aria-live="assertive"
    aria-atomic="true"
    style="position: absolute; top: 20px; right: 20px">
    <div class="toast-header">
        <i class="fa fa-square text-navy"> </i>
        <strong class="mr-auto m-l-sm">Notification</strong>
        <small>1 min ago</small>
        <button
            type="button"
            class="ml-2 mb-1 close"
            data-dismiss="toast"
            aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="toast-body">
        Welcome to <strong>INSPINIA</strong> - Responsive Admin Theme.
    </div>
</div>

<div
    id="toast-container"
    class="toast-top-right"
    aria-live="polite"
    role="alert">
    <div class="toast toast-success" style="">
        <div class="toast-progress" style="width: 21.95%"></div>
        <button type="button" class="toast-close-button" role="button">
            ×
        </button>
        <div class="toast-title">Welcome to INSPINIA</div>
        <div class="toast-message">Responsive Admin Theme</div>
    </div>
</div>

<?php include_once('footer.php'); ?>