348 lines
19 KiB
PHP
348 lines
19 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>WrenchBoard - </title>
|
|
|
|
<!-- Global stylesheets -->
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
|
|
<link href="/assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
|
|
<link href="/assets/css/bootstrap.css" rel="stylesheet" type="text/css">
|
|
<link href="/assets/css/core.css" rel="stylesheet" type="text/css">
|
|
<link href="/assets/css/components.css" rel="stylesheet" type="text/css">
|
|
<link href="/assets/css/colors.css" rel="stylesheet" type="text/css">
|
|
<!-- /global stylesheets -->
|
|
|
|
<!-- Core JS files -->
|
|
<script type="text/javascript" src="/assets/js/plugins/loaders/pace.min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/core/libraries/jquery.min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/core/libraries/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/plugins/loaders/blockui.min.js"></script>
|
|
<!-- /core JS files -->
|
|
|
|
<!-- Theme JS files -->
|
|
<script type="text/javascript" src="/assets/js/plugins/forms/validation/validate.min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/plugins/forms/styling/uniform.min.js"></script>
|
|
|
|
<script type="text/javascript" src="/assets/js/core/app.js"></script>
|
|
<script type="text/javascript" src="/assets/js/pages/login_validation.js"></script>
|
|
|
|
<script type="text/javascript" src="/assets/js/plugins/ui/ripple.min.js"></script>
|
|
<!-- /theme JS files -->
|
|
|
|
</head>
|
|
|
|
<body class="layout-boxed login-cover">
|
|
|
|
<!-- Main navbar -->
|
|
<div class="navbar navbar-inverse bg-indigo">
|
|
<div class="navbar-header">
|
|
<a class="navbar-brand" href="/"><img src="/assets/images/logo_light.png" alt=""></a>
|
|
|
|
<ul class="nav navbar-nav pull-right visible-xs-block">
|
|
<li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="navbar-collapse collapse" id="navbar-mobile">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li>
|
|
<a href="#">
|
|
<i class="icon-display4"></i> <span class="visible-xs-inline-block position-right"> Go to website</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">
|
|
<i class="icon-user-tie"></i> <span class="visible-xs-inline-block position-right"> Contact admin</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a class="dropdown-toggle" data-toggle="dropdown">
|
|
<i class="icon-cog3"></i>
|
|
<span class="visible-xs-inline-block position-right"> Options</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- /main navbar -->
|
|
|
|
<!-- Page container -->
|
|
<div class="page-container pb-20">
|
|
|
|
<!-- Page content -->
|
|
<div class="page-content">
|
|
|
|
<!-- Main content -->
|
|
<div class="content-wrapper">
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-4"><div>
|
|
<!-- Form with validation -->
|
|
|
|
<div class="panel panel-body login-form">
|
|
|
|
|
|
|
|
|
|
<div class="content-divider text-muted form-group"><span>or sign in with</span></div>
|
|
|
|
<a href="/login" class="btn bg-blue btn-block content-group">Login</a>
|
|
<div class="content-divider text-muted form-group"><span>Don't have an account?</span></div>
|
|
<a href="/registration" class="btn btn-default btn-block content-group">Sign up</a>
|
|
|
|
</div>
|
|
<!-- /form with validation -->
|
|
|
|
|
|
</div></div>
|
|
<div class="col-xs-6 col-md-8"><div>
|
|
|
|
|
|
|
|
</div></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<!-- /main content -->
|
|
|
|
</div>
|
|
<!-- /page content -->
|
|
|
|
|
|
|
|
<!-- Marketing campaigns -->
|
|
<div class="panel panel-flat">
|
|
<div class="panel-heading">
|
|
<h6 class="panel-title">Marketing campaigns</h6>
|
|
<div class="heading-elements">
|
|
<span class="label bg-success heading-text">28 active</span>
|
|
<ul class="icons-list">
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-sync"></i> Update data</a></li>
|
|
<li><a href="#"><i class="icon-list-unordered"></i> Detailed log</a></li>
|
|
<li><a href="#"><i class="icon-pie5"></i> Statistics</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-cross3"></i> Clear list</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table table-lg text-nowrap">
|
|
<tbody>
|
|
<tr>
|
|
<td class="col-md-5">
|
|
<div class="media-left">
|
|
<div id="campaigns-donut"></div>
|
|
</div>
|
|
|
|
<div class="media-left">
|
|
<h5 class="text-semibold no-margin">38,289 <small class="text-success text-size-base"><i class="icon-arrow-up12"></i> (+16.2%)</small></h5>
|
|
<ul class="list-inline list-inline-condensed no-margin">
|
|
<li>
|
|
<span class="status-mark border-success"></span>
|
|
</li>
|
|
<li>
|
|
<span class="text-muted">May 12, 12:30 am</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</td>
|
|
|
|
<td class="col-md-5">
|
|
<div class="media-left">
|
|
<div id="campaign-status-pie"></div>
|
|
</div>
|
|
|
|
<div class="media-left">
|
|
<h5 class="text-semibold no-margin">2,458 <small class="text-danger text-size-base"><i class="icon-arrow-down12"></i> (- 4.9%)</small></h5>
|
|
<ul class="list-inline list-inline-condensed no-margin">
|
|
<li>
|
|
<span class="status-mark border-danger"></span>
|
|
</li>
|
|
<li>
|
|
<span class="text-muted">Jun 4, 4:00 am</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</td>
|
|
|
|
<td class="text-right col-md-2">
|
|
<a href="#" class="btn bg-indigo-300"><i class="icon-statistics position-left"></i> View report</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table text-nowrap">
|
|
<thead>
|
|
<tr>
|
|
<th>Campaign</th>
|
|
<th class="col-md-2">Client</th>
|
|
<th class="col-md-2">Changes</th>
|
|
<th class="col-md-2">Budget</th>
|
|
<th class="col-md-2">Status</th>
|
|
<th class="text-center" style="width: 20px;"><i class="icon-arrow-down12"></i></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="active border-double">
|
|
<td colspan="5">Today</td>
|
|
<td class="text-right">
|
|
<span class="progress-meter" id="today-progress" data-progress="30"></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="media-left media-middle">
|
|
<a href="#"><img src="assets/images/brands/facebook.png" class="img-circle img-xs" alt=""></a>
|
|
</div>
|
|
<div class="media-left">
|
|
<div class=""><a href="#" class="text-default text-semibold">Facebook</a></div>
|
|
<div class="text-muted text-size-small">
|
|
<span class="status-mark border-blue position-left"></span>
|
|
02:00 - 03:00
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td><span class="text-muted">Mintlime</span></td>
|
|
<td><span class="text-success-600"><i class="icon-stats-growth2 position-left"></i> 2.43%</span></td>
|
|
<td><h6 class="text-semibold">$5,489</h6></td>
|
|
<td><span class="label bg-blue">Active</span></td>
|
|
<td class="text-center">
|
|
<ul class="icons-list">
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-file-stats"></i> View statement</a></li>
|
|
<li><a href="#"><i class="icon-file-text2"></i> Edit campaign</a></li>
|
|
<li><a href="#"><i class="icon-file-locked"></i> Disable campaign</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-gear"></i> Settings</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="media-left media-middle">
|
|
<a href="#"><img src="assets/images/brands/youtube.png" class="img-circle img-xs" alt=""></a>
|
|
</div>
|
|
<div class="media-left">
|
|
<div class=""><a href="#" class="text-default text-semibold">Youtube videos</a></div>
|
|
<div class="text-muted text-size-small">
|
|
<span class="status-mark border-danger position-left"></span>
|
|
13:00 - 14:00
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td><span class="text-muted">CDsoft</span></td>
|
|
<td><span class="text-success-600"><i class="icon-stats-growth2 position-left"></i> 3.12%</span></td>
|
|
<td><h6 class="text-semibold">$2,592</h6></td>
|
|
<td><span class="label bg-danger">Closed</span></td>
|
|
<td class="text-center">
|
|
<ul class="icons-list">
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-file-stats"></i> View statement</a></li>
|
|
<li><a href="#"><i class="icon-file-text2"></i> Edit campaign</a></li>
|
|
<li><a href="#"><i class="icon-file-locked"></i> Disable campaign</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-gear"></i> Settings</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="media-left media-middle">
|
|
<a href="#"><img src="assets/images/brands/spotify.png" class="img-circle img-xs" alt=""></a>
|
|
</div>
|
|
<div class="media-left">
|
|
<div class=""><a href="#" class="text-default text-semibold">Spotify ads</a></div>
|
|
<div class="text-muted text-size-small">
|
|
<span class="status-mark border-grey-400 position-left"></span>
|
|
10:00 - 11:00
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td><span class="text-muted">Diligence</span></td>
|
|
<td><span class="text-danger"><i class="icon-stats-decline2 position-left"></i> - 8.02%</span></td>
|
|
<td><h6 class="text-semibold">$1,268</h6></td>
|
|
<td><span class="label bg-grey-400">Hold</span></td>
|
|
<td class="text-center">
|
|
<ul class="icons-list">
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-file-stats"></i> View statement</a></li>
|
|
<li><a href="#"><i class="icon-file-text2"></i> Edit campaign</a></li>
|
|
<li><a href="#"><i class="icon-file-locked"></i> Disable campaign</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-gear"></i> Settings</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="media-left media-middle">
|
|
<a href="#"><img src="assets/images/brands/twitter.png" class="img-circle img-xs" alt=""></a>
|
|
</div>
|
|
<div class="media-left">
|
|
<div class=""><a href="#" class="text-default text-semibold">Twitter ads</a></div>
|
|
<div class="text-muted text-size-small">
|
|
<span class="status-mark border-grey-400 position-left"></span>
|
|
04:00 - 05:00
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td><span class="text-muted">Deluxe</span></td>
|
|
<td><span class="text-success-600"><i class="icon-stats-growth2 position-left"></i> 2.78%</span></td>
|
|
<td><h6 class="text-semibold">$7,467</h6></td>
|
|
<td><span class="label bg-grey-400">Hold</span></td>
|
|
<td class="text-center">
|
|
<ul class="icons-list">
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li><a href="#"><i class="icon-file-stats"></i> View statement</a></li>
|
|
<li><a href="#"><i class="icon-file-text2"></i> Edit campaign</a></li>
|
|
<li><a href="#"><i class="icon-file-locked"></i> Disable campaign</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#"><i class="icon-gear"></i> Settings</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- /marketing campaigns -->
|
|
|
|
</div>
|
|
<!-- /page container --> |