first commit

This commit is contained in:
Olu Amey
2021-10-09 21:59:14 -04:00
commit 2e1a4017c3
6336 changed files with 864678 additions and 0 deletions
+92
View File
@@ -0,0 +1,92 @@
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Welcome to CodeIgniter</title>
<style type="text/css">
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
body {
background-color: #fff;
margin: 40px;
font: 13px/20px normal Helvetica, Arial, sans-serif;
color: #4F5155;
}
a {
color: #003399;
background-color: transparent;
font-weight: normal;
}
h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 19px;
font-weight: normal;
margin: 0 0 14px 0;
padding: 14px 15px 10px 15px;
}
code {
font-family: Consolas, Monaco, Courier New, Courier, monospace;
font-size: 12px;
background-color: #f9f9f9;
border: 1px solid #D0D0D0;
color: #002166;
display: block;
margin: 14px 0 14px 0;
padding: 12px 10px 12px 10px;
}
#body {
margin: 0 15px 0 15px;
}
p.footer {
text-align: right;
font-size: 11px;
border-top: 1px solid #D0D0D0;
line-height: 32px;
padding: 0 10px 0 10px;
margin: 20px 0 0 0;
}
#container {
margin: 10px;
border: 1px solid #D0D0D0;
box-shadow: 0 0 8px #D0D0D0;
}
</style>
</head>
<body>
<div id="container">
<table><tr>
<td><a href="about">About</a></td><td>Contact</td>
</tr></table>
<h1>Welcome to about Page!</h1>
<div id="body">
<p>The page you are looking at is being generated dynamically by CodeIgniter.</p>
<p>If you would like to edit this page you'll find it located at:</p>
<code>application/views/welcome_message.php</code>
<p>The corresponding controller for this page is found at:</p>
<code>application/controllers/Welcome.php</code>
<p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="user_guide/">User Guide</a>.</p>
</div>
<p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds. <?php echo (ENVIRONMENT === 'development') ? 'CodeIgniter Version <strong>' . CI_VERSION . '</strong>' : '' ?></p>
</div>
</body>
</html>
+417
View File
@@ -0,0 +1,417 @@
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<!-- Page Title Here -->
<title>WrenchBoard</title>
<!-- Page Description Here -->
<meta name="description" content="A responsive coming soon template, un template HTML pour une page en cours de construction">
<!-- Disable screen scaling-->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0">
<!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->
<!-- Initializer -->
<link rel="stylesheet" href="/passet/css/normalize.css">
<!-- Web fonts and Web Icons -->
<link rel="stylesheet" href="/passet/css/pageloader.css">
<link rel="stylesheet" href="/passet/fonts/opensans/stylesheet.css">
<link rel="stylesheet" href="/passet/fonts/asap/stylesheet.css">
<link rel="stylesheet" href="/passet/css/ionicons.min.css">
<!-- Vendor CSS style -->
<link rel="stylesheet" href="/passet/css/foundation.min.css">
<link rel="stylesheet" href="/passet/js/vendor/jquery.fullPage.css">
<link rel="stylesheet" href="/passet/js/vegas/vegas.min.css">
<!-- Main CSS files -->
<link rel="stylesheet" href="/passet/css/main.css">
<link rel="stylesheet" href="/passet/css/main_responsive.css">
<link rel="stylesheet" href="/passet/css/style-color1.css">
<script src="/passet/js/vendor/modernizr-2.7.1.min.js"></script>
</head>
<body id="menu" class="alt-bg">
<!--[if lt IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Page Loader -->
<div class="page-loader" id="page-loader">
<div><i class="ion ion-loading-d"></i><p>loading</p></div>
</div>
<!-- BEGIN OF site header Menu -->
<!-- Add "material" class for a material design style -->
<header class="header-top">
<div class="menu clearfix">
<a href="#s-about-us">about</a>
<!--<div class="menu-cont">
<p class="text">Menu cont</p>
<ul class="sub-menu">
<li><a href="htp://page">My Page</a></li>
</ul>
</div>-->
<!-- Add other menu similar to "about" here -->
<a href="#contact">contact</a>
<a href="/agents/">account</a>
</div>
</header>
<!-- END OF site header Menu-->
<!-- BEGIN OF Quick nav icons at left -->
<nav class="quick-link count-4 nav-left">
<div class="logo">
<a href="#home">
<img src="/passet/img/logo_only.png" alt="Logo Brand">
</a>
</div>
<ul id="qmenu" class="qmenu">
<li data-menuanchor="home">
<a href="#home" class=""><i class="icon ion ion-home"></i>
</a>
<span class="title">Home page</span>
</li>
<li data-menuanchor="about-us">
<a href="#about-us"><i class="icon ion ion-android-information"></i>
</a>
<span class="title">About Us</span>
</li>
<!--<li data-menuanchor="contact">
<a href="#contact"><i class="icon ion ion-android-call"></i>
</a>
<span class="title">Contact</span>
</li>-->
<li data-menuanchor="contact">
<a href="#contact"><i class="icon ion ion-email"></i>
</a>
<span class="title">Contact</span>
</li>
</ul>
</nav>
<!-- END OF Quick nav icons at left -->
<!-- BEGIN OF site cover -->
<div class="page-cover" id="s-cover">
<!-- Cover Background -->
<div class="cover-bg pos-abs full-size bg-img" data-image-src="/passet/img/payback.jpg"></div>
<!-- BEGIN OF Slideshow Background -->
<!--<div class="cover-bg pos-abs full-size slide-show">
<i class='img' data-src='./img/bg-slide1.jpg'></i>
<i class='img' data-src='./img/bg-slide2.jpg'></i>
<i class='img' data-src='./img/bg-slide3.jpg'></i>
<i class='img' data-src='./img/bg-slide4.jpg'></i>
</div>-->
<!-- END OF Slideshow Background -->
<!--BEGIN OF Static video bg - uncomment below to use Video as Background-->
<div id="container" class="video-container show-for-medium-up">
<video autoplay="autoplay" loop="loop" autobuffer="autobuffer" muted="muted"
width="640" height="360">
<source src="/passet/vid/paywithcard.mp4" type="video/mp4">
</video>
</div>
<!--END OF Static video bg-->
<!-- Solid color as background -->
<!-- <div class="cover-bg pos-abs full-size bg-color" data-bgcolor="rgb(59, 59, 59)"></div>-->
<!-- Solid color as filter -->
<div class="cover-bg-mask pos-abs full-size bg-color" data-bgcolor="rgba(0, 0, 0, 0.41)"></div>
</div>
<!--END OF site Cover -->
<!-- Begin of timer pane -->
<div class="pane-when " id="s-when">
<div class="content">
<!-- Clock -->
<div class="clock clock-countdown">
<div class="site-config"
data-date="11/30/2016 00:00:00"
data-date-timezone="+0"
></div>
<div class="elem-center">
<div class="digit">
WrenchBoard
</div>
</div>
<!-- Logo instead -->
<!--
<div class="logo">
<a href="#">
<img src="/passet/img/logo_only.png">
</a>
</div>
-->
</div>
<footer>
<p>Users and Vendors Management for Partners</p>
</footer>
</div>
</div>
<!-- End of timer pane -->
<!-- BEGIN OF site main content content here -->
<main class="page-main" id="mainpage">
<!-- Begin of home page -->
<div class="section page-home page page-cent" id="s-home">
<!-- Logo -->
<!--<div class="logo-container">
<img class="h-logo" src="/passet/img/logo_only.png" alt="Logo">
</div>-->
<!-- Content -->
<section class="content">
<header class="header">
<div class="h-left">
<h2>Bulk <strong>topup,sms</strong></h2>
</div>
<div class="h-right">
<h3>integrated payments</h3>
</div>
</header>
</section>
<!-- Scroll down button -->
<footer class="p-footer p-scrolldown">
<a href="#register">
<div class="arrow-d">
<div class="before">Scroll</div>
<div class="after">Down</div>
<div class="circle"><i class="ion ion-mouse"></i></div>
</div>
</a>
</footer>
</div>
<!-- End of home page -->
<!-- Begin of about us page -->
<div class="section page-about page page-cent" id="s-about-us">
<section class="content">
<header class="p-title">
<h3>About Us<i class="ion ion-android-information">
</i>
</h3>
<h4 class="subhead">We <span class="bold">simplyfy</span> all things <span class="bold">payments</span> </h4>
</header>
<article class="text">
<p>PayQuic is global payments and airtime top-up company. Open for business 24/7, 365 days a year, we pride ourselves on offering a fast, friendly and secure service. </p>
</article>
</section>
<footer class="p-footer p-scrolldown">
<a href="#contact">
<div class="arrow-d">
<div class="before">Contact</div>
<div class="after">Message</div>
<div class="circle"><i class="ion ion-mouse"></i></div>
</div>
</a>
</footer>
</div>
<!-- End of about us page -->
<!-- Begin of Contact page -->
<div class="section page-contact page page-cent bg-color" data-bgcolor="rgba(95, 25, 208, 0.88)s" id="s-contact">
<!-- Begin of contact information -->
<div class="slide" id="s-information" data-anchor="information">
<section class="content">
<header class="p-title">
<h3>Contact<i class="ion ion-location">
</i>
</h3>
<ul class="buttons">
<li class="show-for-medium-up">
<a title="About" href="#about-us" ><i class="ion ion-android-information"></i></a>
</li>
<!--<li>
<a title="Contact" href="#contact/information"><i class="ion ion-location"></i></a>
</li>-->
<li>
<a title="Message" href="#contact/message"><i class="ion ion-email"></i></a>
</li>
</ul>
</header>
<!-- Begin Of Page SubSction -->
<div class="contact">
<div class="row">
<div class="medium-6 columns left">
<ul>
<li>
<h4>Email</h4>
<p><a href="mailto://support@payquic.com">support@payquic.com</a></p>
</li>
<li>
<h4>Address</h4>
<p>96th Floor Buffalo House
<br>2 Allen Avenue, Ikeja Lagos.</p>
</li>
<li>
<h4>Phone</h4>
<p>+234 0909-4666346</p>
</li>
</ul>
</div>
<div class="medium-6 columns social-links right">
<ul>
<!-- legal notice -->
<li class="show-for-medium-up">
<h4>Website</h4>
<p><a href="https://www.payquic.com">www.payquic.com</a></p>
</li>
<li class="show-for-medium-up">
<h4>Find us on</h4>
<!-- Begin of Social links -->
<div class="socialnet">
<a href="https://www.facebook.com/pages/Payquic/323598201151222" target="_blank"><i class="ion ion-social-facebook"></i></a>
<a href="#"><i class="ion ion-social-twitter"></i></a>
</div>
<!-- End of Social links -->
</li>
<li>
<p><img src="/passet/img/logo.png" alt="PayQuic" class="logo"></p>
<p class="small"><strong><a href="http://highhay.com">PayQuic</a></strong>. All right reserved 2015</p>
</li>
</ul>
</div>
</div>
</div>
<!-- End of page SubSection -->
</section>
</div>
<!-- end of contact information -->
<!-- begin of contact message -->
<div class="slide" id="s-message" data-anchor="message">
<section class="content">
<header class="p-title">
<h3>Write to us<i class="ion ion-email">
</i>
</h3>
<ul class="buttons">
<li class="show-for-medium-up">
<a title="About" href="#about-us"><i class="ion ion-android-information"></i></a>
</li>
<li>
<a title="Contact" href="#contact/information"><i class="ion ion-location"></i></a>
</li>
<!--<li>
<a title="Message" href="#contact/message"><i class="ion ion-email"></i></a>
</li>-->
</ul>
</header>
<!-- Begin Of Page SubSction -->
<div class="page-block c-right v-zoomIn">
<div class="wrapper">
<div>
<form class="message form send_message_form" method="get" action="ajaxserver/serverfile.php">
<div class="fields clearfix">
<div class="input">
<label for="mes-name">Name </label>
<input id="mes-name" name="name" type="text" placeholder="Your Name" required></div>
<div class="buttons">
<button id="submit-message" class="button email_b" name="submit_message">Ok</button>
</div>
</div>
<div class="fields clearfix">
<div class="input">
<label for="mes-email">Email </label>
<input id="mes-email" type="email" placeholder="Email Address" name="email" required>
</div>
</div>
<div class="fields clearfix no-border">
<label for="mes-text">Message </label>
<textarea id="mes-text" placeholder="Message ..." name="message" required></textarea>
<div>
<p class="message-ok invisible">Your message has been sent, thank you.</p>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- End Of Page SubSction -->
</section>
</div>
<!-- End of contact message -->
</div>
<!-- End of Contact page -->
</main>
<!-- END OF site main content content here -->
<!-- Begin of site footer -->
<footer class="page-footer">
<div>
<a href="https://www.facebook.com/pages/Payquic/323598201151222" target="_blank"><i class="ion icon ion-social-facebook"></i></a>
<a href="http://twitter.com/miradontsoa" target="_blank"><i class="ion icon ion-social-twitter"></i></a>
</div>
</footer>
<!-- End of site footer -->
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
<!-- All Javascript plugins goes here -->
<!-- <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>-->
<script src="/passet/js/vendor/jquery-1.11.2.min.js"></script>
<!-- All vendor scripts -->
<script src="/passet/js/vendor/all.js"></script>
<!-- Detailed vendor scripts -->
<!--<script src="/passet/js/vendor/jquery.fullPage.min.js"></script>
<script src="/passet/js/vendor/jquery.slimscroll.min.js"></script>
<script src="/passet/js/vendor/jquery.knob.min.js"></script>
<script src="/passet/js/vegas/vegas.min.js"></script>
<script src="/passet/js/jquery.maximage.js"></script>
<script src="/passet/js/okvideo.min.js"></script>-->
<!-- Downcount JS -->
<script src="/passet/js/jquery.downCount.js"></script>
<!-- Form script -->
<script src="/passet/js/form_script.js"></script>
<!-- Javascript main files -->
<script src="/passet/js/main.js"></script>
<!-- Google Analytics: Uncomment and change UA-XXXXX-X to be your site"s ID. -->
<!--<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src="//www.google-analytics.com/analytics.js";
r.parentNode.insertBefore(e,r)}(window,document,"script","ga"));
ga("create","UA-XXXXX-X");ga("send","pageview");
</script>-->
</body>
</html>
+162
View File
@@ -0,0 +1,162 @@
<!-- Main sidebar -->
<div class="sidebar sidebar-main sidebar-default">
<div class="sidebar-content">
<!-- Main navigation -->
<div class="sidebar-category sidebar-category-visible">
<div class="category-content no-padding">
<ul class="navigation navigation-main navigation-accordion">
<!-- Main -->
<li class="navigation-header"><span>Main</span> <i class="icon-menu" title="Main pages"></i></li>
<li class="active"><a href="/bkouser/dash"><i class="icon-home4"></i> <span>Dashboard</span></a></li>
<li><a href="/bkouser/contact"><i class="icon-copy"></i> <span>Contact Us</span></a></li>
<li>
<a href="#"><i class="icon-stack2"></i> <span>Member</span></a>
<ul>
<li><a href="/bkouser/locate">Locate Member</a></li>
<?php
if ($_SESSION['bko_selected_memberd_id'] != '' and $_SESSION['bko_selected_memberd_id'] > 0) {
?>
<li><a href="/bkouser/memberdetail">Member[<?php echo $_SESSION['bko_selected_id']; ?>]</a>
<ul>
<li><a href="layout_navbar_main_hideable.html">Hideable main navbar</a></li>
<li><a href="layout_navbar_secondary_hideable.html">Hideable secondary navbar</a></li>
<li><a href="layout_sidebar_sticky_custom.html">Sticky sidebar (custom scroll)</a></li>
<li><a href="layout_sidebar_sticky_native.html">Sticky sidebar (native scroll)</a></li>
<li><a href="layout_footer_fixed.html">Fixed footer</a></li>
<li class="navigation-divider"></li>
<li><a href="boxed_default.html">Boxed with default sidebar</a></li>
<li><a href="boxed_mini.html">Boxed with mini sidebar</a></li>
<li><a href="boxed_full.html">Boxed full width</a></li>
</ul>
</li>
<?php
}
?>
</ul>
</li>
<?
if ($_SESSION['bko_group'] == 1 ){
?>
<li>
<a href="#"><i class="icon-copy"></i> <span>Selected USER</span></a>
<ul>
<li><a href="/bkosmember/userdash" id="layout1">User Dash</a></li>
<li><a href="/bkosmember/mtransfer" id="layout1">Transfer</a></li>
<li><a href="/bkosmember/mpayments" id="layout2">Payments</a></li>
<li><a href="/bkosmember/mjobsdone" id="layout2">Jobs Performed</a></li>
<li><a href="/bkosmember/mjobposted" id="layout2">Jobs Posted</a></li>
</ul>
</li>
<!-- /main -->
<!-- Forms -->
<li class="navigation-header"><span>Transaction</span> <i class="icon-menu" title="Forms"></i></li>
<li>
<a href="#"><i class="icon-pencil3"></i> <span>Account Withdraws</span></a>
<ul>
<li><a href="/bkotransaction/moneytransfer">Pending Withdraws</a></li>
<li><a href="/bkotransaction/transmittransfer">Transmit Withdraws</a></li>
<li><a href="/bkotransaction/completedtransfer">Completed Withdraws</a></li>
<li><a href="/bkotransaction/accountdeposit">Pending Deposits</a></li>
<li><a href="/bkotransaction/moneytransfer">More....</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-file-css"></i> <span>Jobs/Contracts</span></a>
<ul>
<li><a href="/bkotransaction/pendingcontract">Pending Offer/Contract</a></li>
<li><a href="/bkotransaction/expiredoffers">Expired Offer</a></li>
<li><a href="/bkotransaction/activecontract">Active Contracts</a></li>
<li><a href="/bkotransaction/pastduecontract">Past Due Contracts</a></li>
<li><a href="/bkotransaction/completedcontract">Completed Contracts</a></li>
<li><a href="/bkotransaction/jobcontractreport">Job Report(s)</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-insert-template"></i> <span>Referrer</span></a>
<ul>
<li><a href="/bkotransaction/recentrefer">Recent Refer</a></li>
<li><a href="/bkotransaction/referactivity">Refer Activities</a></li>
</ul>
</li>
<!-- /forms -->
<!-- Appearance -->
<li class="navigation-header"><span>Reports</span> <i class="icon-menu" title="Appearance"></i></li>
<li>
<a href="#"><i class="icon-grid"></i> <span>Reports</span></a>
<ul>
<li><a href="/bkoreport/withdraws">Account Withdraws</a></li>
<li><a href="/bkoreport/pendpay">Pending Payments</a></li>
<li><a href="/bkoreport/payments">Payments</a></li>
<li><a href="/bkoreport/activetask">Active Tasks</a></li>
<li><a href="/bkoreport/signup">Signups</a></li>
<li><a href="/bkoreport/pendsignup">Pending Accounts</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-puzzle2"></i> <span>Configure</span></a>
<ul>
<li><a href="/confg/siteitems">Site Configure</a></li>
</ul>
</li>
<!-- /appearance -->
<!-- Layout -->
<li class="navigation-header"><span>Administration</span> <i class="icon-menu" title="Layout options"></i></li>
<li>
<a href="#"><i class="icon-indent-decrease2"></i> <span>Site Tools</span></a>
<ul>
<li><a href="/bkouser/uploads">Uploads</a></li>
<li><a href="/bkouser/faq">Faq</a></li>
<li><a href="/bkouser/wrbwhy">WrenchBoard Why?</a></li>
<li><a href="/bkouser/terms">Terms & Cond.</a></li>
<li><a href="/bkouser/about">About us</a></li>
<li><a href="/bkouser/privacy">Privacy Policy</a></li>
<li><a href="/bkouser/referterms">Refer Terms & Cond.</a></li>
<li><a href="/bkouser/postjob">PostJob Terms</a></li>
<li><a href="/bkouser/howitwork">How it work</a></li>
<li><a href="/bkouser/library">Library</a></li>
<li><a href="/bkouser/fundaccount">Fund Account</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-indent-decrease2"></i> <span>System Tools</span></a>
<ul>
<li><a href="/bkouser/faq">Transfer Fee</a></li>
<li><a href="/bkoadmin/users">Users Manager</a></li>
<li><a href="/bkoadmin/permission">Permissions</a></li>
</ul>
</li>
<?
}
?>
<!-- /layout -->
</ul>
</div>
</div>
<!-- /main navigation -->
</div>
</div>
<!-- /main sidebar -->
@@ -0,0 +1,654 @@
<!-- Main sidebar -->
<div class="sidebar sidebar-main sidebar-default">
<div class="sidebar-content">
<!-- Main navigation -->
<div class="sidebar-category sidebar-category-visible">
<div class="category-content no-padding">
<ul class="navigation navigation-main navigation-accordion">
<!-- Main -->
<li class="navigation-header"><span>Main</span> <i class="icon-menu" title="Main pages"></i></li>
<li class="active"><a href="/bkouser/dash"><i class="icon-home4"></i> <span>Dashboard</span></a></li>
<li>
<a href="#"><i class="icon-stack2"></i> <span>Member</span></a>
<ul>
<li><a href="/bkouser/locate">Locate Member</a></li>
<li><a href="/bkouser/memberdetail">Current Member</a></li>
<li><a href="layout_navbar_main_hideable.html">Hideable main navbar</a></li>
<li><a href="layout_navbar_secondary_hideable.html">Hideable secondary navbar</a></li>
<li><a href="layout_sidebar_sticky_custom.html">Sticky sidebar (custom scroll)</a></li>
<li><a href="layout_sidebar_sticky_native.html">Sticky sidebar (native scroll)</a></li>
<li><a href="layout_footer_fixed.html">Fixed footer</a></li>
<li class="navigation-divider"></li>
<li><a href="boxed_default.html">Boxed with default sidebar</a></li>
<li><a href="boxed_mini.html">Boxed with mini sidebar</a></li>
<li><a href="boxed_full.html">Boxed full width</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-copy"></i> <span>Layouts</span></a>
<ul>
<li><a href="../../../layout_1/LTR/index.html" id="layout1">Layout 1</a></li>
<li><a href="../../../layout_2/LTR/index.html" id="layout2">Layout 2</a></li>
<li><a href="index.html" id="layout3">Layout 3 <span class="label bg-warning-400">Current</span></a></li>
<li><a href="../../../layout_4/LTR/index.html" id="layout4">Layout 4</a></li>
<li><a href="../../../layout_5/LTR/index.html" id="layout5">Layout 5</a></li>
<li class="disabled"><a href="../../../layout_6/LTR/index.html" id="layout6">Layout 6 <span class="label label-transparent">Coming soon</span></a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-droplet2"></i> <span>Color system</span></a>
<ul>
<li><a href="colors_primary.html">Primary palette</a></li>
<li><a href="colors_danger.html">Danger palette</a></li>
<li><a href="colors_success.html">Success palette</a></li>
<li><a href="colors_warning.html">Warning palette</a></li>
<li><a href="colors_info.html">Info palette</a></li>
<li class="navigation-divider"></li>
<li><a href="colors_pink.html">Pink palette</a></li>
<li><a href="colors_violet.html">Violet palette</a></li>
<li><a href="colors_purple.html">Purple palette</a></li>
<li><a href="colors_indigo.html">Indigo palette</a></li>
<li><a href="colors_blue.html">Blue palette</a></li>
<li><a href="colors_teal.html">Teal palette</a></li>
<li><a href="colors_green.html">Green palette</a></li>
<li><a href="colors_orange.html">Orange palette</a></li>
<li><a href="colors_brown.html">Brown palette</a></li>
<li><a href="colors_grey.html">Grey palette</a></li>
<li><a href="colors_slate.html">Slate palette</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-stack"></i> <span>Starter kit</span></a>
<ul>
<li><a href="starters/horizontal_nav.html">Horizontal navigation</a></li>
<li><a href="starters/1_col.html">1 column</a></li>
<li><a href="starters/2_col.html">2 columns</a></li>
<li>
<a href="#">3 columns</a>
<ul>
<li><a href="starters/3_col_dual.html">Dual sidebars</a></li>
<li><a href="starters/3_col_double.html">Double sidebars</a></li>
</ul>
</li>
<li><a href="starters/4_col.html">4 columns</a></li>
<li><a href="starters/layout_boxed.html">Boxed layout</a></li>
<li class="navigation-divider"></li>
<li><a href="starters/layout_navbar_fixed_main.html">Fixed main navbar</a></li>
<li><a href="starters/layout_navbar_fixed_secondary.html">Fixed secondary navbar</a></li>
<li><a href="starters/layout_navbar_fixed_both.html">Both navbars fixed</a></li>
<li><a href="starters/layout_sidebar_sticky.html">Sticky sidebar</a></li>
</ul>
</li>
<li><a href="changelog.html"><i class="icon-list-unordered"></i> <span>Changelog <span class="label bg-blue-400">1.3</span></span></a></li>
<li><a href="../../RTL/index.html"><i class="icon-width"></i> <span>RTL version</span></a></li>
<!-- /main -->
<!-- Forms -->
<li class="navigation-header"><span>Forms</span> <i class="icon-menu" title="Forms"></i></li>
<li>
<a href="#"><i class="icon-pencil3"></i> <span>Form components</span></a>
<ul>
<li><a href="form_inputs_basic.html">Basic inputs</a></li>
<li><a href="form_checkboxes_radios.html">Checkboxes &amp; radios</a></li>
<li><a href="form_input_groups.html">Input groups</a></li>
<li><a href="form_controls_extended.html">Extended controls</a></li>
<li><a href="form_floating_labels.html">Floating labels</a></li>
<li>
<a href="#">Selects</a>
<ul>
<li><a href="form_select2.html">Select2 selects</a></li>
<li><a href="form_multiselect.html">Bootstrap multiselect</a></li>
<li><a href="form_select_box_it.html">SelectBoxIt selects</a></li>
<li><a href="form_bootstrap_select.html">Bootstrap selects</a></li>
</ul>
</li>
<li><a href="form_tag_inputs.html">Tag inputs</a></li>
<li><a href="form_dual_listboxes.html">Dual Listboxes</a></li>
<li><a href="form_editable.html">Editable forms</a></li>
<li><a href="form_validation.html">Validation</a></li>
<li><a href="form_inputs_grid.html">Inputs grid</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-file-css"></i> <span>JSON forms</span></a>
<ul>
<li><a href="alpaca_basic.html">Basic inputs</a></li>
<li><a href="alpaca_advanced.html">Advanced inputs</a></li>
<li><a href="alpaca_controls.html">Controls</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-footprint"></i> <span>Wizards</span></a>
<ul>
<li><a href="wizard_steps.html">Steps wizard</a></li>
<li><a href="wizard_form.html">Form wizard</a></li>
<li><a href="wizard_stepy.html">Stepy wizard</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-spell-check"></i> <span>Editors</span></a>
<ul>
<li><a href="editor_summernote.html">Summernote editor</a></li>
<li><a href="editor_ckeditor.html">CKEditor</a></li>
<li><a href="editor_wysihtml5.html">WYSIHTML5 editor</a></li>
<li><a href="editor_code.html">Code editor</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-select2"></i> <span>Pickers</span></a>
<ul>
<li><a href="picker_date.html">Date &amp; time pickers</a></li>
<li><a href="picker_color.html">Color pickers</a></li>
<li><a href="picker_location.html">Location pickers</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-insert-template"></i> <span>Form layouts</span></a>
<ul>
<li><a href="form_layout_vertical.html">Vertical form</a></li>
<li><a href="form_layout_horizontal.html">Horizontal form</a></li>
</ul>
</li>
<!-- /forms -->
<!-- Appearance -->
<li class="navigation-header"><span>Appearance</span> <i class="icon-menu" title="Appearance"></i></li>
<li>
<a href="#"><i class="icon-grid"></i> <span>Components</span></a>
<ul>
<li><a href="components_modals.html">Modals</a></li>
<li><a href="components_dropdowns.html">Dropdown menus</a></li>
<li><a href="components_tabs.html">Tabs component</a></li>
<li><a href="components_pills.html">Pills component</a></li>
<li><a href="components_navs.html">Accordion and navs</a></li>
<li><a href="components_buttons.html">Buttons</a></li>
<li><a href="components_notifications_pnotify.html">PNotify notifications</a></li>
<li><a href="components_notifications_others.html">Other notifications</a></li>
<li><a href="components_popups.html">Tooltips and popovers</a></li>
<li><a href="components_alerts.html">Alerts</a></li>
<li><a href="components_pagination.html">Pagination</a></li>
<li><a href="components_labels.html">Labels and badges</a></li>
<li><a href="components_loaders.html">Loaders and bars</a></li>
<li><a href="components_thumbnails.html">Thumbnails</a></li>
<li><a href="components_page_header.html">Page header</a></li>
<li><a href="components_breadcrumbs.html">Breadcrumbs</a></li>
<li><a href="components_media.html">Media objects</a></li>
<li><a href="components_affix.html">Affix and Scrollspy</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-puzzle2"></i> <span>Content appearance</span></a>
<ul>
<li><a href="appearance_content_panels.html">Content panels</a></li>
<li><a href="appearance_panel_heading.html">Panel heading elements</a></li>
<li><a href="appearance_panel_footer.html">Panel footer elements</a></li>
<li><a href="appearance_draggable_panels.html">Draggable panels</a></li>
<li><a href="appearance_text_styling.html">Text styling</a></li>
<li><a href="appearance_typography.html">Typography</a></li>
<li><a href="appearance_helpers.html">Helper classes</a></li>
<li><a href="appearance_syntax_highlighter.html">Syntax highlighter</a></li>
<li><a href="appearance_content_grid.html">Grid system</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-gift"></i> <span>Extra components</span></a>
<ul>
<li><a href="extra_sliders_noui.html">NoUI sliders</a></li>
<li><a href="extra_sliders_ion.html">Ion range sliders</a></li>
<li><a href="extra_session_timeout.html">Session timeout</a></li>
<li><a href="extra_idle_timeout.html">Idle timeout</a></li>
<li><a href="extra_trees.html">Dynamic tree views</a></li>
<li><a href="extra_context_menu.html">Context menu</a></li>
<li><a href="extra_fab.html">Floating action buttons</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-spinner2 spinner"></i> <span>Animations</span></a>
<ul>
<li><a href="animations_css3.html">CSS3 animations</a></li>
<li>
<a href="#">Velocity animations</a>
<ul>
<li><a href="animations_velocity_basic.html">Basic usage</a></li>
<li><a href="animations_velocity_ui.html">UI pack effects</a></li>
<li><a href="animations_velocity_examples.html">Advanced examples</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#"><i class="icon-thumbs-up2"></i> <span>Icons</span></a>
<ul>
<li><a href="icons_glyphicons.html">Glyphicons</a></li>
<li><a href="icons_icomoon.html">Icomoon</a></li>
<li><a href="icons_fontawesome.html">Font awesome</a></li>
</ul>
</li>
<!-- /appearance -->
<!-- Layout -->
<li class="navigation-header"><span>Layout</span> <i class="icon-menu" title="Layout options"></i></li>
<li>
<a href="#"><i class="icon-indent-decrease2"></i> <span>Sidebars</span></a>
<ul>
<li><a href="sidebar_default_collapse.html">Default collapsible</a></li>
<li><a href="sidebar_default_hide.html">Default hideable</a></li>
<li><a href="sidebar_mini_collapse.html">Mini collapsible</a></li>
<li><a href="sidebar_mini_hide.html">Mini hideable</a></li>
<li>
<a href="#">Dual sidebar</a>
<ul>
<li><a href="sidebar_dual.html">Dual sidebar</a></li>
<li><a href="sidebar_dual_double_collapse.html">Dual double collapse</a></li>
<li><a href="sidebar_dual_double_hide.html">Dual double hide</a></li>
<li><a href="sidebar_dual_swap.html">Swap sidebars</a></li>
</ul>
</li>
<li>
<a href="#">Double sidebar</a>
<ul>
<li><a href="sidebar_double_collapse.html">Collapse main sidebar</a></li>
<li><a href="sidebar_double_hide.html">Hide main sidebar</a></li>
<li><a href="sidebar_double_fix_default.html">Fix default width</a></li>
<li><a href="sidebar_double_fix_mini.html">Fix mini width</a></li>
<li><a href="sidebar_double_visible.html">Opposite sidebar visible</a></li>
</ul>
</li>
<li><a href="sidebar_categories.html">Separate categories</a></li>
<li><a href="sidebar_hidden.html">Hidden sidebar</a></li>
<li><a href="sidebar_dark.html">Dark sidebar</a></li>
<li><a href="sidebar_components.html">Sidebar components</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-sort"></i> <span>Vertical navigation</span></a>
<ul>
<li><a href="navigation_vertical_collapsible.html">Collapsible menu</a></li>
<li><a href="navigation_vertical_accordion.html">Accordion menu</a></li>
<li><a href="navigation_vertical_sizing.html">Navigation sizing</a></li>
<li><a href="navigation_vertical_bordered.html">Bordered navigation</a></li>
<li><a href="navigation_vertical_right_icons.html">Right icons</a></li>
<li><a href="navigation_vertical_labels_badges.html">Labels and badges</a></li>
<li><a href="navigation_vertical_disabled.html">Disabled navigation links</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-transmission"></i> <span>Horizontal navigation</span></a>
<ul>
<li><a href="navigation_horizontal_click.html">Submenu on click</a></li>
<li><a href="navigation_horizontal_hover.html">Submenu on hover</a></li>
<li><a href="navigation_horizontal_elements.html">With custom elements</a></li>
<li><a href="navigation_horizontal_tabs.html">Tabbed navigation</a></li>
<li><a href="navigation_horizontal_disabled.html">Disabled navigation links</a></li>
<li><a href="navigation_horizontal_mega.html">Horizontal mega menu</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-menu3"></i> <span>Navbars</span></a>
<ul>
<li><a href="navbar_single.html">Single navbar</a></li>
<li>
<a href="#">Multiple navbars</a>
<ul>
<li><a href="navbar_multiple_navbar_navbar.html">Navbar + navbar</a></li>
<li><a href="navbar_multiple_header_navbar.html">Header + navbar</a></li>
<li><a href="navbar_multiple_navbar_content.html">Navbar + content</a></li>
<li><a href="navbar_multiple_top_bottom.html">Top + bottom</a></li>
</ul>
</li>
<li><a href="navbar_colors.html">Color options</a></li>
<li><a href="navbar_sizes.html">Sizing options</a></li>
<li><a href="navbar_hideable.html">Hide on scroll</a></li>
<li><a href="navbar_components.html">Navbar components</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-tree5"></i> <span>Menu levels</span></a>
<ul>
<li><a href="#"><i class="icon-IE"></i> Second level</a></li>
<li>
<a href="#"><i class="icon-firefox"></i> Second level with child</a>
<ul>
<li><a href="#"><i class="icon-android"></i> Third level</a></li>
<li>
<a href="#"><i class="icon-apple2"></i> Third level with child</a>
<ul>
<li><a href="#"><i class="icon-html5"></i> Fourth level</a></li>
<li><a href="#"><i class="icon-css3"></i> Fourth level</a></li>
</ul>
</li>
<li><a href="#"><i class="icon-windows"></i> Third level</a></li>
</ul>
</li>
<li><a href="#"><i class="icon-chrome"></i> Second level</a></li>
</ul>
</li>
<!-- /layout -->
<!-- Data visualization -->
<li class="navigation-header"><span>Data visualization</span> <i class="icon-menu" title="Data visualization"></i></li>
<li>
<a href="#"><i class="icon-graph"></i> <span>Echarts library</span></a>
<ul>
<li><a href="echarts_lines_areas.html">Lines and areas</a></li>
<li><a href="echarts_columns_waterfalls.html">Columns and waterfalls</a></li>
<li><a href="echarts_bars_tornados.html">Bars and tornados</a></li>
<li><a href="echarts_scatter.html">Scatter charts</a></li>
<li><a href="echarts_pies_donuts.html">Pies and donuts</a></li>
<li><a href="echarts_funnels_chords.html">Funnels and chords</a></li>
<li><a href="echarts_candlesticks_others.html">Candlesticks and others</a></li>
<li><a href="echarts_combinations.html">Chart combinations</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-statistics"></i> <span>D3 library</span></a>
<ul>
<li><a href="d3_lines_basic.html">Simple lines</a></li>
<li><a href="d3_lines_advanced.html">Advanced lines</a></li>
<li><a href="d3_bars_basic.html">Simple bars</a></li>
<li><a href="d3_bars_advanced.html">Advanced bars</a></li>
<li><a href="d3_pies.html">Pie charts</a></li>
<li><a href="d3_circle_diagrams.html">Circle diagrams</a></li>
<li><a href="d3_tree.html">Tree layout</a></li>
<li><a href="d3_other.html">Other charts</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-stats-dots"></i> <span>Dimple library</span></a>
<ul>
<li>
<a href="#">Line charts</a>
<ul>
<li><a href="dimple_lines_horizontal.html">Horizontal orientation</a></li>
<li><a href="dimple_lines_vertical.html">Vertical orientation</a></li>
</ul>
</li>
<li>
<a href="#">Bar charts</a>
<ul>
<li><a href="dimple_bars_horizontal.html">Horizontal orientation</a></li>
<li><a href="dimple_bars_vertical.html">Vertical orientation</a></li>
</ul>
</li>
<li>
<a href="#">Area charts</a>
<ul>
<li><a href="dimple_area_horizontal.html">Horizontal orientation</a></li>
<li><a href="dimple_area_vertical.html">Vertical orientation</a></li>
</ul>
</li>
<li>
<a href="#">Step charts</a>
<ul>
<li><a href="dimple_step_horizontal.html">Horizontal orientation</a></li>
<li><a href="dimple_step_vertical.html">Vertical orientation</a></li>
</ul>
</li>
<li><a href="dimple_pies.html">Pie charts</a></li>
<li><a href="dimple_rings.html">Ring charts</a></li>
<li><a href="dimple_scatter.html">Scatter charts</a></li>
<li><a href="dimple_bubble.html">Bubble charts</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-stats-bars"></i> <span>C3 library</span></a>
<ul>
<li><a href="c3_lines_areas.html">Lines and areas</a></li>
<li><a href="c3_bars_pies.html">Bars and pies</a></li>
<li><a href="c3_advanced.html">Advanced examples</a></li>
<li><a href="c3_axis.html">Chart axis</a></li>
<li><a href="c3_grid.html">Grid options</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-google"></i> <span>Google visualization</span></a>
<ul>
<li><a href="google_lines.html">Line charts</a></li>
<li><a href="google_bars.html">Bar charts</a></li>
<li><a href="google_pies.html">Pie charts</a></li>
<li><a href="google_scatter_bubble.html">Bubble &amp; scatter charts</a></li>
<li><a href="google_other.html">Other charts</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-map5"></i> <span>Maps integration</span></a>
<ul>
<li>
<a href="#">Google maps</a>
<ul>
<li><a href="maps_google_basic.html">Basics</a></li>
<li><a href="maps_google_controls.html">Controls</a></li>
<li><a href="maps_google_markers.html">Markers</a></li>
<li><a href="maps_google_drawings.html">Map drawings</a></li>
<li><a href="maps_google_layers.html">Layers</a></li>
</ul>
</li>
<li><a href="maps_vector.html">Vector maps</a></li>
</ul>
</li>
<!-- /data visualization -->
<!-- Extensions -->
<li class="navigation-header"><span>Extensions</span> <i class="icon-menu" title="Extensions"></i></li>
<li>
<a href="#"><i class="icon-puzzle4"></i> <span>Extensions</span></a>
<ul>
<li><a href="extension_image_cropper.html">Image cropper</a></li>
<li><a href="extension_blockui.html">Block UI</a></li>
<li><a href="extension_dnd.html">Drag and drop</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-popout"></i> <span>JQuery UI</span></a>
<ul>
<li><a href="jqueryui_interactions.html">Interactions</a></li>
<li><a href="jqueryui_forms.html">Forms</a></li>
<li><a href="jqueryui_components.html">Components</a></li>
<li><a href="jqueryui_sliders.html">Sliders</a></li>
<li><a href="jqueryui_navigation.html">Navigation</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-upload"></i> <span>File uploaders</span></a>
<ul>
<li><a href="uploader_plupload.html">Plupload</a></li>
<li><a href="uploader_bootstrap.html">Bootstrap file uploader</a></li>
<li><a href="uploader_dropzone.html">Dropzone</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-calendar3"></i> <span>Event calendars</span></a>
<ul>
<li><a href="extension_fullcalendar_views.html">Basic views</a></li>
<li><a href="extension_fullcalendar_styling.html">Event styling</a></li>
<li><a href="extension_fullcalendar_formats.html">Language and time</a></li>
<li><a href="extension_fullcalendar_advanced.html">Advanced usage</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-sphere"></i> <span>Internationalization</span></a>
<ul>
<li><a href="internationalization_switch_direct.html">Direct translation</a></li>
<li><a href="internationalization_switch_query.html">Querystring parameter</a></li>
<li><a href="internationalization_on_init.html">Set language on init</a></li>
<li><a href="internationalization_after_init.html">Set language after init</a></li>
<li><a href="internationalization_fallback.html">Language fallback</a></li>
<li><a href="internationalization_callbacks.html">Callbacks</a></li>
</ul>
</li>
<!-- /extensions -->
<!-- Tables -->
<li class="navigation-header"><span>Tables</span> <i class="icon-menu" title="Tables"></i></li>
<li>
<a href="#"><i class="icon-table2"></i> <span>Basic tables</span></a>
<ul>
<li><a href="table_basic.html">Basic examples</a></li>
<li><a href="table_sizing.html">Table sizing</a></li>
<li><a href="table_borders.html">Table borders</a></li>
<li><a href="table_styling.html">Table styling</a></li>
<li><a href="table_elements.html">Table elements</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-grid7"></i> <span>Data tables</span></a>
<ul>
<li><a href="datatable_basic.html">Basic initialization</a></li>
<li><a href="datatable_styling.html">Basic styling</a></li>
<li><a href="datatable_advanced.html">Advanced examples</a></li>
<li><a href="datatable_sorting.html">Sorting options</a></li>
<li><a href="datatable_api.html">Using API</a></li>
<li><a href="datatable_data_sources.html">Data sources</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-alignment-unalign"></i> <span>Data tables extensions</span></a>
<ul>
<li><a href="datatable_extension_reorder.html">Columns reorder</a></li>
<li><a href="datatable_extension_row_reorder.html">Row reorder</a></li>
<li><a href="datatable_extension_fixed_columns.html">Fixed columns</a></li>
<li><a href="datatable_extension_fixed_header.html">Fixed header</a></li>
<li><a href="datatable_extension_autofill.html">Auto fill</a></li>
<li><a href="datatable_extension_key_table.html">Key table</a></li>
<li><a href="datatable_extension_scroller.html">Scroller</a></li>
<li><a href="datatable_extension_select.html">Select</a></li>
<li>
<a href="#">Buttons</a>
<ul>
<li><a href="datatable_extension_buttons_init.html">Initialization</a></li>
<li><a href="datatable_extension_buttons_flash.html">Flash buttons</a></li>
<li><a href="datatable_extension_buttons_print.html">Print buttons</a></li>
<li><a href="datatable_extension_buttons_html5.html">HTML5 buttons</a></li>
</ul>
</li>
<li><a href="datatable_extension_colvis.html">Columns visibility</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-file-spreadsheet"></i> <span>Handsontable</span></a>
<ul>
<li><a href="handsontable_basic.html">Basic configuration</a></li>
<li><a href="handsontable_advanced.html">Advanced setup</a></li>
<li><a href="handsontable_cols.html">Column features</a></li>
<li><a href="handsontable_cells.html">Cell features</a></li>
<li><a href="handsontable_types.html">Basic cell types</a></li>
<li><a href="handsontable_custom_checks.html">Custom &amp; checkboxes</a></li>
<li><a href="handsontable_ac_password.html">Autocomplete &amp; password</a></li>
<li><a href="handsontable_search.html">Search</a></li>
<li><a href="handsontable_context.html">Context menu</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-versions"></i> <span>Responsive options</span></a>
<ul>
<li><a href="table_responsive.html">Responsive basic tables</a></li>
<li><a href="datatable_responsive.html">Responsive data tables</a></li>
</ul>
</li>
<!-- /tables -->
<!-- Page kits -->
<li class="navigation-header"><span>Page kits</span> <i class="icon-menu" title="Page kits"></i></li>
<li>
<a href="#"><i class="icon-task"></i> <span>Task manager</span></a>
<ul>
<li><a href="task_manager_grid.html">Task grid</a></li>
<li><a href="task_manager_list.html">Task list</a></li>
<li><a href="task_manager_detailed.html">Task detailed</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-cash3"></i> <span>Invoicing</span></a>
<ul>
<li><a href="invoice_template.html">Invoice template</a></li>
<li><a href="invoice_grid.html">Invoice grid</a></li>
<li><a href="invoice_archive.html">Invoice archive</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-people"></i> <span>User pages</span></a>
<ul>
<li><a href="user_pages_cards.html">User cards</a></li>
<li><a href="user_pages_list.html">User list</a></li>
<li><a href="user_pages_profile.html">Simple profile</a></li>
<li><a href="user_pages_profile_cover.html">Profile with cover</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-user-plus"></i> <span>Login &amp; registration</span></a>
<ul>
<li><a href="login_simple.html">Simple login</a></li>
<li><a href="login_advanced.html">More login info</a></li>
<li><a href="login_registration.html">Simple registration</a></li>
<li><a href="login_registration_advanced.html">More registration info</a></li>
<li><a href="login_unlock.html">Unlock user</a></li>
<li><a href="login_password_recover.html">Reset password</a></li>
<li><a href="login_hide_navbar.html">Hide navbar</a></li>
<li><a href="login_transparent.html">Transparent box</a></li>
<li><a href="login_background.html">Background option</a></li>
<li><a href="login_validation.html">With validation</a></li>
<li><a href="login_tabbed.html">Tabbed form</a></li>
<li><a href="login_modals.html">Inside modals</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-magazine"></i> <span>Timelines</span></a>
<ul>
<li><a href="timelines_left.html">Left timeline</a></li>
<li><a href="timelines_right.html">Right timeline</a></li>
<li><a href="timelines_center.html">Centered timeline</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-lifebuoy"></i> <span>Support</span></a>
<ul>
<li><a href="support_conversation_layouts.html">Conversation layouts</a></li>
<li><a href="support_conversation_options.html">Conversation options</a></li>
<li><a href="support_knowledgebase.html">Knowledgebase</a></li>
<li><a href="support_faq.html">FAQ page</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-search4"></i> <span>Search</span></a>
<ul>
<li><a href="search_basic.html">Basic search results</a></li>
<li><a href="search_users.html">User search results</a></li>
<li><a href="search_images.html">Image search results</a></li>
<li><a href="search_videos.html">Video search results</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-images2"></i> <span>Gallery</span></a>
<ul>
<li><a href="gallery_grid.html">Media grid</a></li>
<li><a href="gallery_titles.html">Media with titles</a></li>
<li><a href="gallery_description.html">Media with description</a></li>
<li><a href="gallery_library.html">Media library</a></li>
</ul>
</li>
<li>
<a href="#"><i class="icon-warning"></i> <span>Error pages</span></a>
<ul>
<li><a href="error_403.html">Error 403</a></li>
<li><a href="error_404.html">Error 404</a></li>
<li><a href="error_405.html">Error 405</a></li>
<li><a href="error_500.html">Error 500</a></li>
<li><a href="error_503.html">Error 503</a></li>
<li><a href="error_offline.html">Offline page</a></li>
</ul>
</li>
<!-- /page kits -->
</ul>
</div>
</div>
<!-- /main navigation -->
</div>
</div>
<!-- /main sidebar -->
@@ -0,0 +1,20 @@
<div class="panel-heading">
<b>Country</b>
</div>
<form>
<div class="table-responsive">
<table class="table">
<tbody>
<tr>
<td >
<div id="reason_msg"></div>
<?= $country_table ?>
</td>
</tr>
</tbody>
</table>
</div>
</form>
@@ -0,0 +1,60 @@
<div class="panel-heading">
<h6><b>Skills Categories</b> </h6>
</div>
<form name="resonform">
<div class="table-responsive">
<table class="table">
<tbody>
<tr>
<td >
<table class="table">
<tr><td><input type="text" class="form-control" id="skill_name" placeholder="Enter new reason here.." name="skill_name" maxlength="60" ></td><td style="width: 80px;"><button id='acc<?=$page_id?>' class="btn btn-info" onclick="addSkillCategory('<?=$page_id?>');">Add</button></td></tr>
</table>
</td>
</tr>
<tr>
<td >
<div id="reason_msg"></div>
<?= $skill_category_table ?>
</td>
</tr>
</tbody>
</table>
</div>
</form>
<script type="text/javascript">
<!--
function addSkillCategory(page_id) {
var skill_name = document.getElementById('skill_name').value;
var n = skill_name.length;
if (n== null || n == 0 ) {
alert('Please enter skill name ');
return false;
}
$('#reason_msg').html('Processing...');
//$('#acc' + page_id).prop('disabled', true);
$.ajax({
url: "confg/addSkill?page_id=" + page_id + "&skill_name=" + skill_name
}).done(function (data) {
$('#reason_msg').html(data);
// $('#acc' + page_id).prop('disabled', false);
});
return false;
}
// -->
</script>
<!--
vi:ts=2
-->
@@ -0,0 +1,229 @@
<!-- Dashboard content -->
<div class="row">
<div class="col-lg-6">
<!-- Quick stats boxes -->
<div class="row">
<div class="col-lg-3">
<!-- Members online -->
<div class="panel bg-violet-100">
<div class="panel-body">
<a href='#' onclick="openConfig('JOBCATEG');"><h5 class="no-margin">Skill Category</h5></a>
</div>
</div>
<!-- /members online -->
</div>
<div class="col-lg-3">
<!-- Current server load -->
<div class="panel bg-violet-100">
<div class="panel-body">
<a href='#' onclick="openConfig('JOBSKILLTYPE');"><h5 class="no-margin">Skill Types</h5></a>
</div>
</div>
<!-- /current server load -->
</div>
<div class="col-lg-3">
<!-- Today's revenue -->
<div class="panel alpha-blue">
<div class="panel-body">
<a href='#' onclick="openConfig('EXHANGERATE');"><h5 class="no-margin">Exchange Rate</h5></a>
</div>
</div>
<!-- /today's revenue -->
</div>
<div class="col-lg-3">
<!-- Current server load -->
<div class="panel alpha-blue">
<div class="panel-body">
<a href='#'><h5 class="no-margin"> Reserved X</h5></a>
</div>
</div>
<!-- /current server load -->
</div>
</div>
<!-- /quick stats boxes -->
<!-- Quick stats boxes -->
<div class="row">
<div class="col-lg-3">
<!-- Members online -->
<div class="panel">
<div class="panel-body">
<a href='#'><h5 class="no-margin">Item X</h5></a>
</div>
</div>
<!-- /members online -->
</div>
<div class="col-lg-3">
<!-- Current server load -->
<div class="panel">
<div class="panel-body">
<a href='#'><h5 class="no-margin">Item X</h5></a>
</div>
</div>
<!-- /current server load -->
</div>
<div class="col-lg-3">
<!-- Today's revenue -->
<div class="panel">
<div class="panel-body">
<a href='#'><h5 class="no-margin">Item X</h5></a>
</div>
</div>
<!-- /today's revenue -->
</div>
<div class="col-lg-3">
<!-- Current server load -->
<div class="panel">
<div class="panel-body">
<a href='#'><h5 class="no-margin">Item X</h5></a>
</div>
</div>
<!-- /current server load -->
</div>
</div>
<!-- /quick stats boxes -->
<!-- Quick stats boxes -->
<div class="row">
<div class="col-lg-3">
<!-- Members online -->
<div class="panel">
<div class="panel-body">
<a href='#'><h5 class="no-margin">Item X</h5></a>
</div>
</div>
<!-- /members online -->
</div>
<div class="col-lg-3">
<!-- Current server load -->
<div class="panel">
<div class="panel-body">
<a href='#'><h5 class="no-margin">Item X</h5></a>
</div>
</div>
<!-- /current server load -->
</div>
<div class="col-lg-3">
<!-- Today's revenue -->
<div class="panel">
<div class="panel-body">
<a href='#'><h5 class="no-margin">Item X</h5></a>
</div>
</div>
<!-- /today's revenue -->
</div>
<div class="col-lg-3">
<!-- Current server load -->
<div class="panel">
<div class="panel-body">
<a href='#'><h5 class="no-margin">Item X</h5></a>
</div>
</div>
<!-- /current server load -->
</div>
</div>
<!-- /quick stats boxes -->
<!-- Quick stats boxes -->
<div class="row">
<div class="col-lg-3">
<!-- Members online -->
<div class="panel">
<div class="panel-body">
<a href='#' onclick="openConfig('LANGUAGE');"><h5 class="no-margin">Languages</h5></a>
</div>
</div>
<!-- /members online -->
</div>
<div class="col-lg-3">
<!-- Current server load -->
<div class="panel">
<div class="panel-body">
<a href='#'><h5 class="no-margin">Item X</h5></a>
</div>
</div>
<!-- /current server load -->
</div>
<div class="col-lg-3">
<!-- Today's revenue -->
<div class="panel">
<div class="panel-body">
<a href='#'><h5 class="no-margin">Item X</h5></a>
</div>
</div>
</div>
<div class="col-lg-3">
<!-- Current server load -->
<div class="panel">
<div class="panel-body">
<a href='#' onclick="openConfig('COUNTRY');"><h5 class="no-margin">Country</h5></a>
</div>
</div>
<!-- /current server load -->
</div>
</div>
</div>
<div class="col-lg-6">
<!-- Recent Members -->
<div class="panel panel-flat">
<div id="configure_detail">
<div class="thumbnail">
<div class="thumb">
<img src="/assets/images/pending_action2.jpg" alt="">
</div>
</div>
</div>
</div>
<!-- /Recent Members -->
</div>
</div>
<script type="text/javascript">
<!--
function openConfig(page_id) {
$('#configure_detail').html('Processing...');
$('#acc' + page_id).prop('disabled', true);
$.ajax({
url: "/confg/selpage?pagesel=" + page_id + "&page_id=" + page_id
}).done(function (data) {
$('#configure_detail').html(data);
$('#acc' + page_id).prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,61 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-9">
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>Pending Withdraw(s)</b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $sendmoney_dash_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
</div>
<div class="col-lg-3">
<!-- Sales stats -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>Recent Signup</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
</div>
</div>
<div class="content-group-sm" id="app_sales"></div>
<div id="monthly-sales-stats"></div>
</div>
<!-- /sales stats -->
</div>
</div>
<!-- /main charts -->
</div>
<!-- /main content -->
@@ -0,0 +1,50 @@
</head>
<body>
<!-- script src="js/scripts.js"></script -->
<center>
<form method="POST">
<table style="width:850px;" class="table table-stripped">
<tr>
<td>Category :</td>
<td>
<select name="category" style="150px;">
<option value=1>GENERAL</option>
<option value=2>Earn</option>
<option value=3>Save</option>
<option value=4>Invest</option>
<option value=5>Borrow</option>
<option value=6>Protect</option>
<option value=7>Careers</option>
<option value=8>Tips</option>
</select>
</td>
</tr>
<tr>
<td style="150px;">Title :[250max]</td>
<td><input type="text" name="title" value="" id="title" style="width:100%;" maxlength="245"></td>
</tr>
<tr>
<td>Text :</td>
<td><textarea name="detail" style="width: 100%;height: 600px;"></textarea></td>
</tr>
<tr>
<td>Status :</td>
<td>Not Implemented yet</td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="submit"></td>
</tr>
</table>
</form>
@@ -0,0 +1,69 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-4">
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><?php echo $page_title;?></b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $sendmoney_dash_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
</div>
<div class="col-lg-8">
<!-- Sales stats -->
<div class="panel panel-flat">
<div id='selected_detail'>
</div>
</div>
<!-- /sales stats -->
</div>
</div>
<!-- /main charts -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function viewJobdetail(link_id) {
$('#selected_detail').html('Processing...');
$('#acc'+link_id).prop('disabled', true);
$.ajax({
url: "/bkotransaction/jobdetail?proc=PROCESS&job_id="+link_id
}).done(function (data) {
$('#selected_detail').html(data);
document.offer_individual.rec_email.value = '';
$('#acc'+link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,85 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-4">
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><?php echo $page_title;?></b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $member_search_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
</div>
<div class="col-lg-8">
<!-- Sales stats -->
<div class="panel panel-flat">
<div id="select_user">
<div class="panel-heading">
<h6 class="panel-title"><b>Select User</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
</div>
</div>
</div>
</div>
<!-- /sales stats -->
</div>
</div>
<!-- /main charts -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function selectMessage(link_id) {
//$('#sdd'+link_id).html('Processing...');
$('#sel'+link_id).prop('disabled', true);
$.ajax({
url: "/bkouser/replymessage?proc=SEL&contact_id="+link_id
}).done(function (data) {
$('#select_user').html(data);
document.offer_individual.rec_email.value = '';
$('#sel'+link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
+270
View File
@@ -0,0 +1,270 @@
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="link_id" value="">
</form>
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-6">
<!-- Quick stats boxes -->
<div class="row">
<div class="col-lg-4">
<!-- Members online -->
<div class="panel bg-teal-400">
<div class="panel-body">
<h3 class="no-margin"><?php echo $total_members; ?></h3>
<a href='/bkoreport/signup'>Members Count</a>
</div>
</div>
<!-- /members online -->
</div>
<div class="col-lg-4">
<!-- Members online -->
<div class="panel bg-pink-400">
<div class="panel-body">
<h3 class="no-margin"><?php echo $total_balance * 0.01; ?> </h3>
Total Balance [ Naira ]-[Escrow=]
</div>
</div>
<!-- /members online -->
</div>
<div class="col-lg-4">
<!-- Members online -->
<div class="panel bg-blue-400">
<div class="panel-body">
<h3 class="no-margin"><?php echo $total_active_jobs; ?></h3>
<a href='/bkotransaction/activecontract'> Active Jobs </a>
</div>
</div>
<!-- /members online -->
</div>
</div>
<!-- /quick stats boxes -->
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><a href='/bkoreport/pendsignup'>Public Active Jobs</a></b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $active_publicjob_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
</div>
<div class="col-lg-3">
<!-- Sales stats -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>Pending Signup</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
<?php echo $pending_dash_table; ?>
</div>
</div>
</div>
<!-- /sales stats -->
</div>
<div class="col-lg-3">
<!-- Sales stats -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><a href='/bkoreport/signup'>Recent Signup</a></b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
<?php echo $signup_dash_table; ?>
</div>
</div>
</div>
<!-- /sales stats -->
</div>
</div>
<!-- /main charts -->
<!-- Dashboard content -->
<div class="row">
<div class="col-lg-8">
<div class="row">
<div class="col-lg-6">
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"> <b><a href='/bkotransaction/activecontract'>Active Contracts</a></b></h6>
<div class="heading-elements">
</div>
</div>
<div class="table-responsive">
<?php echo $job_active_dash_table; ?>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"> <b><a href='/bkotransaction/pastduecontract'>Past Due Contracts</a></b></h6>
<div class="heading-elements">
</div>
</div>
<div class="table-responsive">
<?php echo $job_pastdue_dash_table; ?>
</div>
</div>
</div>
</div>
<!-- Support tickets -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>Activities</b></h6>
</div>
<div class="table-responsive">
<?php echo $message_dash_table; ?>
</div>
</div>
<!-- /support tickets -->
</div>
<div class="col-lg-4">
<!-- Daily sales -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><a href='/bkotransaction/moneytransfer'>Recent Transfer</a></b></h6>
<div class="heading-elements">
</div>
</div>
<div class="panel-body">
<div id="sales-heatmap"></div>
</div>
<div class="table-responsive">
<?php echo $sendmoney_dash_table; ?>
</div>
</div>
<!-- /daily sales -->
<!-- My messages -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><a href="/bkouser/contact">Contact Messages</a></b></h6>
<div class="heading-elements">
</div>
</div>
<?php echo $contact_dash_table; ?>
</div>
<!-- /my messages -->
</div>
</div>
<!-- /dashboard content -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function resendLink(link_id) {
if (confirm("Are you sure you want to resend this link?")) {
// do something
} else {
return false;
}
$('#btu' + link_id).html('Processing...');
$('#acc' + link_id).prop('disabled', true);
$.ajax({
url: "/bkouser/resend_pending?link_id=" + link_id
}).done(function (data) {
$('#btu' + link_id).html(data);
document.offer_individual.rec_email.value = '';
$('#acc' + link_id).prop('disabled', false);
});
return false;
}
function deleteLink(link_id) {
if (confirm("Are you sure you want to delete this link?")) {
// do something
} else {
return false;
}
$('#dtu' + link_id).html('Processing...');
$('#del' + link_id).prop('disabled', true);
$.ajax({
url: "/bkouser/delete_pending?link_id=" + link_id
}).done(function (data) {
$('#dtu' + link_id).html(data);
document.offer_individual.rec_email.value = '';
$('#del' + link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,53 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-12">
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><?php echo $page_title; ?></b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $expired_offer_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
</div>
</div>
<!-- /main charts -->
</div>
<!-- /main content -->
<!-- /main content -->
<script type="text/javascript">
<!--
function refundOffer(link_id) {
if (confirm("Are you sure you want to refund this this offer?")) {
// do something
} else {
return false;
}
$('#btu' + link_id).html('Processing...');
$('#acc' + link_id).prop('disabled', true);
$.ajax({
url: "/bkotransaction/refund_offer?link_id=" + link_id
}).done(function (data) {
$('#btu' + link_id).html(data);
// document.offer_individual.rec_email.value = '';
$('#acc' + link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
+104
View File
@@ -0,0 +1,104 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Dashboard content -->
<div class="row">
<div class="col-lg-4">
<!-- Marketing campaigns -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"> <b>Add Faq</b></h6>
<div class="heading-elements">
</div>
</div>
<form method="post" name="postfaq" action="/bkouser/faq">
<input type="hidden" name="link_id" value="">
<div class="table-responsive">
<table class='table table-sm table-hover table-bordered table-condensed'>
<tr>
<td style='width:100px;'>Flag[numbers]</td><td><input type="text" class="form-control" id="faq_flag" name="faq_flag" value="<?php echo $faq_flag; ?>"></td></tr>
<td style='width:100px;'>Title</td><td><input type="text" class="form-control" id="faq_title" name="faq_title" value="<?php echo $faq_title; ?>"></td></tr>
<tr> <td colspan='2'>Detail<br><textarea class="wysihtml5-min form-control" rows="15" id="faq_detail" name="faq_detail"> <?php echo $faq_detail; ?></textarea> </td>
</tr>
<tr><td></td><td><input type='submit' class='btn btn-success btn-sm' name='save_faq' value='Save'></td></tr>
</table>
</div>
</form>
</div>
<!-- /marketing campaigns -->
</div>
<div class="col-lg-8">
<!-- Daily sales -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>Faq</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="panel-body">
<div id="sales-heatmap"></div>
</div>
<div class="table-responsive">
<?php echo $faq_table; ?>
</div>
</div>
<!-- /daily sales -->
</div>
</div>
<!-- /dashboard content -->
</div>
<script type="text/javascript">
<!--
function deleteFaq(link_id) {
if (confirm("Are you sure you want to delete this faq?")) {
// do something
} else {
return false;
}
//$('#sdd'+link_id).html('Processing...');
$('#dacc' + link_id).prop('disabled', true);
$.ajax({
url: "/bkouser/deletefaq?proc=SEL&faq_id=" + link_id
}).done(function (data) {
$('#subdel_' + link_id).html(data);
$('#dacc' + link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
<script>
$('.textarea').wysihtml5({
"font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
"emphasis": true, //Italics, bold, etc. Default true
"lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
"html": true, //Button which allows you to edit the generated HTML. Default false
"link": true, //Button to insert a link. Default true
"image": true, //Button to insert an image. Default true,
"color": true, //Button to change color of font
"size": 'xs', // buttons size
});
</script>
@@ -0,0 +1,97 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-4">
<div class="panel panel-flat">
<div class="panel-heading">
<?=$pagination_links ?>
</div>
</div>
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><?php echo $page_title; ?></b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $member_search_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<?=$pagination_links ?>
</div>
</div>
</div>
<div class="col-lg-8">
<!-- Sales stats -->
<div class="panel panel-flat">
<div class="panel-heading">
<div id="select_user">
<h6 class="panel-title"><b>Select User</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
</div>
</div>
</div>
</div>
<!-- /sales stats -->
</div>
</div>
<!-- /main charts -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function selectMember(link_id) {
//$('#sdd'+link_id).html('Processing...');
$('#sel' + link_id).prop('disabled', true);
$.ajax({
url: "/bkouser/seluser?proc=SEL&member_id=" + link_id
}).done(function (data) {
$('#select_user').html(data);
// document.offer_individual.rec_email.value = '';
$('#sel' + link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,58 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Dashboard content -->
<div class="row">
<!-- Marketing campaigns -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"> <b><?php echo $page_title; ?></b></h6>
<div class="heading-elements">
</div>
</div>
<div class="table-responsive">
<form name="facetxt" method="POST" action='/bkouser/<?= $page_name ?>' >
<table class='table table-sm table-hover table-bordered table-condensed'>
<tr> <td colspan='2'>
<input type="hidden" name="link_id" value="">
<input type="hidden" name="page_key" value="<?= $page_key ?>">
<textarea class="wysihtml5-min form-control" rows="25" id="faq_detail" name="txt_detail"> <?php echo $txt_detail; ?></textarea>
</td>
</tr>
<tr><td><div id="subsave"></div></td><td style='width: 100px;'><input type='submit' id='dacc' class='btn btn-success btn-sm' onclick="savePageText('<?= $page_key ?>');" name='save_faq' value='Save'></td></tr>
</table>
</form>
</div>
</div>
<!-- /marketing campaigns -->
</div>
<!-- /dashboard content -->
</div>
<script>
$('.textarea').wysihtml5({
"font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
"emphasis": true, //Italics, bold, etc. Default true
"lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
"html": true, //Button which allows you to edit the generated HTML. Default false
"link": true, //Button to insert a link. Default true
"image": true, //Button to insert an image. Default true,
"color": true, //Button to change color of font
"size": 'xs', // buttons size
});
</script>
+24
View File
@@ -0,0 +1,24 @@
</div>
<!-- /page content -->
</div>
<!-- /page container -->
<!-- Footer -->
<div class="navbar navbar-default navbar-fixed-bottom footer">
<ul class="nav navbar-nav visible-xs-block">
<li><a class="text-center collapsed" data-toggle="collapse" data-target="#footer"><i class="icon-circle-up2"></i></a></li>
</ul>
<div class="navbar-collapse collapse" id="footer">
<div class="navbar-text">
&copy; <?php echo date("Y"); ?>. <a href="/bko/dash" class="navbar-link">WrenchBoard</a> | <a href="https://www.facebook.com/wrenchboard/" class="navbar-link" target="_blank">Facebook</a>
</div>
</div>
</div>
<!-- /footer -->
</body>
</html>
@@ -0,0 +1,61 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-9">
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><?php echo $page_title;?></b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $sendmoney_dash_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
</div>
<div class="col-lg-3">
<!-- Sales stats -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>Recent Signup</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
</div>
</div>
<div class="content-group-sm" id="app_sales"></div>
<div id="monthly-sales-stats"></div>
</div>
<!-- /sales stats -->
</div>
</div>
<!-- /main charts -->
</div>
<!-- /main content -->
+204
View File
@@ -0,0 +1,204 @@
<!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 BackOffice</title>
<!-- Global stylesheets -->
<meta http-equiv="refresh" content="1200;url=/bko/logout">
<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/visualization/d3/d3.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/visualization/d3/d3_tooltip.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/styling/switchery.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/styling/uniform.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/wysihtml5.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/parsers.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/toolbar.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/selects/bootstrap_multiselect.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ui/moment/moment.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/pickers/daterangepicker.js"></script>
<script type="text/javascript" src="/assets/js/core/app.js"></script>
<script type="text/javascript" src="/assets/js/pages/dashboard.js"></script>
<script type="text/javascript" src="/assets/js/pages/editor_wysihtml5.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ui/ripple.min.js"></script>
<!-- /theme JS files -->
</head>
<body class="navbar-bottom" style='background-color: #e1eddd;'>
<!-- Main navbar -->
<div class="navbar navbar-inverse bg-indigo">
<div class="navbar-header">
<a class="navbar-brand" href="/bkouser/dash"><img src="/assets/images/logo_light.png" alt=""></a>
<ul class="nav navbar-nav visible-xs-block">
<li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
<li><a class="sidebar-mobile-main-toggle"><i class="icon-paragraph-justify3"></i></a></li>
</ul>
</div>
<div class="navbar-collapse collapse" id="navbar-mobile">
<ul class="nav navbar-nav">
<li><a class="sidebar-control sidebar-main-toggle hidden-xs"><i class="icon-paragraph-justify3"></i></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-git-compare"></i>
<span class="visible-xs-inline-block position-right">Git updates</span>
<span class="badge bg-warning-400">9</span>
</a>
<div class="dropdown-menu dropdown-content">
<div class="dropdown-content-heading">
Git updates
<ul class="icons-list">
<li><a href="#"><i class="icon-sync"></i></a></li>
</ul>
</div>
<ul class="media-list dropdown-content-body width-350">
<li class="media">
<div class="media-left">
<a href="#" class="btn border-primary text-primary btn-flat btn-rounded btn-icon btn-sm"><i class="icon-git-pull-request"></i></a>
</div>
<div class="media-body">
Drop the IE <a href="#">specific hacks</a> for temporal inputs
<div class="media-annotation">4 minutes ago</div>
</div>
</li>
<li class="media">
<div class="media-left">
<a href="#" class="btn border-warning text-warning btn-flat btn-rounded btn-icon btn-sm"><i class="icon-git-commit"></i></a>
</div>
<div class="media-body">
Add full font overrides for popovers and tooltips
<div class="media-annotation">36 minutes ago</div>
</div>
</li>
<li class="media">
<div class="media-left">
<a href="#" class="btn border-info text-info btn-flat btn-rounded btn-icon btn-sm"><i class="icon-git-branch"></i></a>
</div>
<div class="media-body">
<a href="#">Chris Arney</a> created a new <span class="text-semibold">Design</span> branch
<div class="media-annotation">2 hours ago</div>
</div>
</li>
<li class="media">
<div class="media-left">
<a href="#" class="btn border-success text-success btn-flat btn-rounded btn-icon btn-sm"><i class="icon-git-merge"></i></a>
</div>
<div class="media-body">
<a href="#">Eugene Kopyov</a> merged <span class="text-semibold">Master</span> and <span class="text-semibold">Dev</span> branches
<div class="media-annotation">Dec 18, 18:36</div>
</div>
</li>
<li class="media">
<div class="media-left">
<a href="#" class="btn border-primary text-primary btn-flat btn-rounded btn-icon btn-sm"><i class="icon-git-pull-request"></i></a>
</div>
<div class="media-body">
Have Carousel ignore keyboard events
<div class="media-annotation">Dec 12, 05:46</div>
</div>
</li>
</ul>
<div class="dropdown-content-footer">
<a href="#" data-popup="tooltip" title="All activity"><i class="icon-menu display-block"></i></a>
</div>
</div>
</li>
</ul>
<p class="navbar-text"><span class="label bg-success-400">Online</span></p>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown dropdown-user">
<a class="dropdown-toggle" data-toggle="dropdown">
<img src="/assets/images/placeholder.jpg" alt="">
<span><?php echo $_SESSION['bko_username']; ?></span>
<i class="caret"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li><a href="#"><i class="icon-user-plus"></i> My profile</a></li>
<li><a href="#"><i class="icon-coins"></i> My balance</a></li>
<li><a href="#"><span class="badge bg-teal-400 pull-right">58</span> <i class="icon-comment-discussion"></i> Messages</a></li>
<li class="divider"></li>
<li><a href="#"><i class="icon-cog5"></i> Account settings</a></li>
<li><a href="/bkouser/logout"><i class="icon-switch2"></i> Logout</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- /main navbar -->
<!-- Page header -->
<div class="page-header">
<div class="breadcrumb-line">
<ul class="breadcrumb">
<li><a href="/bkouser/dash"><i class="icon-home2 position-left"></i> Back Office</a></li>
<li class="active">Dashboard</li>
</ul>
</div>
<div class="page-header-content">
<div class="page-title">
<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">Back Office</span> - Dashboard <small>Hello, <?php echo $_SESSION['bko_username']; ?>!</small></h4>
</div>
<div class="heading-elements">
<div class="heading-btn-group">
<a href="/bkouser/contact" class="btn btn-link btn-float text-size-small has-text"><i class="icon-bars-alt text-indigo-400"></i><span>Contacts</span></a>
<a href="/bkotransaction/moneytransfer" class="btn btn-link btn-float text-size-small has-text"><i class="icon-calculator text-indigo-400"></i><span>Transfers</span></a>
</div>
</div>
</div>
</div>
<!-- /page header -->
<!-- Page container -->
<div class="page-container">
<!-- Page content -->
<div class="page-content">
<?php include('common/bko_menu.php'); ?>
+150
View File
@@ -0,0 +1,150 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Dashboard content -->
<div class="row">
<div class="col-lg-6">
<!-- Marketing campaigns -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"> <b>Add Library Items</b></h6>
<div class="heading-elements">
</div>
</div>
<form method="post" name="postfaq" action="/bkouser/library">
<input type="hidden" name="lib_id" value="<?=$lib_id?>">
<?
if ($lib_id != 0 )
{
?>
<div class="table-responsive">
<table class='table table-sm table-hover table-bordered table-condensed'>
<tr>
<td style='width:100px;'>Flag[numbers]</td><td><input type="text" class="form-control" id="lib_flag2" name="lib_flag" value="<?php echo $lib_flag; ?>"></td></tr>
<td style='width:100px;'>Title</td><td><input type="text" class="form-control" id="lib_title2" name="lib_title" readonly value="<?php echo $lib_title; ?>"></td></tr>
<tr> <td colspan='2'>Detail<br><textarea class="wysihtml5-min form-control" rows="15" id="lib_detail2" name="lib_detail"> <?php echo $lib_detail; ?></textarea> </td>
</tr>
<tr><td><a href="/bkouser/library"> <=Add New </a></td><td><input type='submit' class='btn btn-success btn-sm' name='save_faq' value='Update'></td></tr>
</table>
</div>
<?
}
else
{
?>
<div class="table-responsive">
<table class='table table-sm table-hover table-bordered table-condensed'>
<tr>
<td style='width:100px;'>Flag[numbers]</td><td><input type="text" class="form-control" id="lib_flag" name="lib_flag" value="<?php echo $lib_flag; ?>"></td></tr>
<td style='width:100px;'>Title</td><td><input type="text" class="form-control" id="lib_title" name="lib_title" value="<?php echo $lib_title; ?>"></td></tr>
<tr> <td colspan='2'>Detail<br><textarea class="wysihtml5-min form-control" rows="15" id="lib_detail" name="lib_detail"> <?php echo $lib_detail; ?></textarea> </td>
</tr>
<tr><td></td><td><input type='submit' class='btn btn-success btn-sm' name='save_faq' value='Save'></td></tr>
</table>
</div>
<?
}
?>
</form>
</div>
<!-- /marketing campaigns -->
</div>
<div class="col-lg-6">
<!-- Daily sales -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>Library</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="panel-body">
<div id="sales-heatmap"></div>
</div>
<div class="table-responsive">
<?php echo $lib_table; ?>
</div>
</div>
<!-- /daily sales -->
</div>
</div>
<!-- /dashboard content -->
</div>
<script type="text/javascript">
<!--
function editLibItem(link_id) {
//$('#sdd'+link_id).html('Processing...');
$('#dacc' + link_id).prop('disabled', true);
$.ajax({
url: "/bkouser/libraryedit?proc=EDIT&lib_id=" + link_id
}).done(function (data) {
$('#subedit_' + link_id).html(data);
$('#dacc' + link_id).prop('disabled', false);
});
return false;
}
function deleteFaq(link_id) {
if (confirm("Are you sure you want to delete this library item?")) {
// do something
} else {
return false;
}
//$('#sdd'+link_id).html('Processing...');
$('#dacc' + link_id).prop('disabled', true);
$.ajax({
url: "/bkouser/deletelibrary?proc=SEL&lib_id=" + link_id
}).done(function (data) {
$('#subdel_' + link_id).html(data);
$('#dacc' + link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
<script>
$('.textarea').wysihtml5({
"font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
"emphasis": true, //Italics, bold, etc. Default true
"lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
"html": true, //Button which allows you to edit the generated HTML. Default false
"link": true, //Button to insert a link. Default true
"image": true, //Button to insert an image. Default true,
"color": true, //Button to change color of font
"size": 'xs', // buttons size
});
</script>
@@ -0,0 +1,18 @@
</head>
<body>
<!-- script src="js/scripts.js"></script -->
<center>
<?php
print_r($result);
?>
</center>
+139
View File
@@ -0,0 +1,139 @@
<!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 - Back Office </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="login-container bkologin-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>
</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">
<!-- Form with validation -->
<form action="/bko/login" method="POST">
<div class="panel panel-body login-form">
<div class="text-center">
<h5 class="content-group">Your BackOffice Account <small class="display-block">Your credentials</small></h5>
</div>
<div class="form-group has-feedback has-feedback-left">
<input type="text" class="form-control" placeholder="Username" name="username" value='<?php echo $username; ?>' required="required">
<div class="form-control-feedback">
<i class="icon-user text-muted"></i>
</div>
</div>
<div class="form-group has-feedback has-feedback-left">
<input type="password" class="form-control" placeholder="Password" name="password" required="required">
<div class="form-control-feedback">
<i class="icon-lock2 text-muted"></i>
</div>
</div>
<div class="form-group login-options">
<div class="row">
<div class="col-sm-6">
<label class="checkbox-inline">
<input type="checkbox" class="styled" checked="checked">
Remember
</label>
</div>
<div class="col-sm-6 text-right">
</div>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn bg-blue btn-block">Login <i class="icon-arrow-right14 position-right"></i></button>
</div>
</div>
</form>
<!-- /form with validation -->
</div>
<!-- /main content -->
</div>
<!-- /page content -->
</div>
<!-- /page container -->
<!-- Footer -->
<div class="navbar navbar-default navbar-fixed-bottom footer">
<ul class="nav navbar-nav visible-xs-block">
<li><a class="text-center collapsed" data-toggle="collapse" data-target="#footer"><i class="icon-circle-up2"></i></a></li>
</ul>
<div class="navbar-collapse collapse" id="footer">
<div class="navbar-text">
&copy; <?php echo date("Y"); ?>. <a href="/bko/" class="navbar-link">WrenchBoard</a> | <a href="https://www.facebook.com/wrenchboard/" class="navbar-link" target="_blank">Facebook</a> [<b>Tools:</b><a target="_blank" href="https://ibank.gtbank.com/GAPSNew/Alert.aspx">GTB</a></b> | <b><a href="https://www.twilio.com">TWILO[support@wrenchboard.com]</a></b>]
</div>
</div>
</div>
<!-- /footer -->
</body>
</html>
@@ -0,0 +1,61 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-9">
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><?php echo $page_title;?></b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $pendingsignup_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
</div>
<div class="col-lg-3">
<!-- Sales stats -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>Recent Signup</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
</div>
</div>
<div class="content-group-sm" id="app_sales"></div>
<div id="monthly-sales-stats"></div>
</div>
<!-- /sales stats -->
</div>
</div>
<!-- /main charts -->
</div>
<!-- /main content -->
@@ -0,0 +1,128 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-9">
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>Pending Withdraw(s)</b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $sendmoney_dash_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
</div>
<div class="col-lg-3">
<!-- Sales stats -->
<div class="panel panel-flat">
<div id='selected_detail'>
<div class="panel-heading">
<h6 class="panel-title"><b>.</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
</div>
</div>
<div class="content-group-sm" id="app_sales"></div>
<div id="monthly-sales-stats"></div>
</div>
</div>
<!-- /sales stats -->
</div>
</div>
<!-- /main charts -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function smoneyProcess(link_id) {
if(confirm("Are you sure you want to view this transaction?")) {
// do something
} else {
return false;
}
$('#selected_detail').html('Processing...');
$('#acc'+link_id).prop('disabled', true);
$.ajax({
url: "/bkotransaction/smprocess?proc=PROCESS&sendmoney_id="+link_id
}).done(function (data) {
$('#selected_detail').html(data);
document.offer_individual.rec_email.value = '';
$('#acc'+link_id).prop('disabled', false);
});
return false;
}
function smoneyDetail(link_id) {
$('#btu'+link_id).html('Processing...');
$('#accs'+link_id).prop('disabled', true);
$.ajax({
url: "/bkotransaction/smprocess?proc=DETAIL&sendmoney_id="+link_id
}).done(function (data) {
$('#btu'+link_id).html(data);
document.offer_individual.rec_email.value = '';
$('#accs'+link_id).prop('disabled', false);
});
return false;
}
function smoneyProcessComplete(link_id) {
var f = document.getElementById('sendmoneyProcessPage'+link_id);
var tcode = f.tcode.value;
var tref = f.tref.value;
if (tcode==null || tcode=='') {
alert('Trans Code is required');
return false;
}
if (tref==null || tref=='') {
alert('Trans Ref is required');
return false;
}
$('#btump'+link_id).html('Processing...');
$('#acmp'+link_id).prop('disabled', true);
$.ajax({
url: "/bkotransaction/smprocess?proc=COMPLETE&sendmoney_id="+link_id+'&tcode='+tcode+'&tref='+tref
}).done(function (data) {
$('#btump'+link_id).html(data);
document.offer_individual.rec_email.value = '';
$('#acmp'+link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,61 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-9">
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><?php echo $page_title;?></b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $sendmoney_dash_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
</div>
<div class="col-lg-3">
<!-- Sales stats -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>Recent Signup</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
</div>
</div>
<div class="content-group-sm" id="app_sales"></div>
<div id="monthly-sales-stats"></div>
</div>
<!-- /sales stats -->
</div>
</div>
<!-- /main charts -->
</div>
<!-- /main content -->
@@ -0,0 +1,132 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-9">
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>Interswitch Transmit Withdraw</b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $sendmoney_dash_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
</div>
<div class="col-lg-3">
<!-- Sales stats -->
<div class="panel panel-flat">
<div id='selected_detail'>
<div class="panel-heading">
<h6 class="panel-title"><b>.</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
</div>
</div>
<div class="content-group-sm" id="app_sales"></div>
<div id="monthly-sales-stats"></div>
</div>
</div>
<!-- /sales stats -->
</div>
</div>
<!-- /main charts -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function smoneyTransmit(link_id) {
// if(confirm("Are you sure you want to view this transaction?")) {
// do something
//} else {
//return false;
//}
$('#selected_detail').html('Processing...');
$('#acc'+link_id).prop('disabled', true);
$.ajax({
url: "/bkotransaction/smprocess?proc=TRANSDETAIL&sendmoney_id="+link_id
}).done(function (data) {
$('#selected_detail').html(data);
// document.offer_individual.rec_email.value = '';
$('#acc'+link_id).prop('disabled', false);
});
return false;
}
function smoneyDetail(link_id) {
if(confirm("Are you sure you want to completer this transaction?")) {
// do something
} else {
return false;
}
$('#btu'+link_id).html('Processing...');
$('#accs'+link_id).prop('disabled', true);
$.ajax({
url: "/bkotransaction/smprocess?proc=DETAIL&sendmoney_id="+link_id
}).done(function (data) {
$('#btu'+link_id).html(data);
document.offer_individual.rec_email.value = '';
$('#accs'+link_id).prop('disabled', false);
});
return false;
}
function smoneyProcessComplete(link_id) {
if(confirm("Are you sure you want to transmit this transaction ?")) {
// do something
} else {
return false;
}
var f = document.getElementById('sendmoneyProcessPage'+link_id);
$('#btump'+link_id).html('Processing...');
$('#acmp'+link_id).prop('disabled', true);
$.ajax({
url: "/bkotransaction/smTransmitProcess?proc=TRANSMIT&sendmoney_id="+link_id+'&tcode=BLANK&tref=BLANK'
}).done(function (data) {
$('#btump'+link_id).html(data);
//document.offer_individual.rec_email.value = '';
$('#acmp'+link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,31 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Dashboard content -->
<div class="row">
<div class="col-lg-4">
<!-- Marketing campaigns -->
<div class="panel panel-flat">
Box 1
</div>
<!-- /marketing campaigns -->
</div>
<div class="col-lg-8">
<!-- Daily sales -->
<div class="panel panel-flat">
box2
</div>
<!-- /daily sales -->
</div>
</div>
<!-- /dashboard content -->
</div>
+245
View File
@@ -0,0 +1,245 @@
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="link_id" value="">
</form>
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-6">
<!-- Quick stats boxes -->
<div class="row">
<div class="col-lg-4">
<!-- Members online -->
<div class="panel bg-teal-400">
<div class="panel-body">
<h3 class="no-margin">ID: <?php echo $_SESSION['bko_selected_id']; ?></h3>
<?=$_SESSION['bko_selected_username']?>
</div>
</div>
<!-- /members online -->
</div>
<div class="col-lg-4">
<!-- Members online -->
<div class="panel bg-pink-400">
<div class="panel-body">
<h3 class="no-margin"><?php echo $_SESSION['bko_selected_row']->balance * 0.01; ?> </h3>
Total Balance [ Naira ]-[Escrow=]
</div>
</div>
<!-- /members online -->
</div>
<div class="col-lg-4">
<!-- Members online -->
<div class="panel bg-blue-400">
<div class="panel-body">
<h3 class="no-margin"><?php echo $total_active_jobs; ?></h3>
<a href='/bkotransaction/activecontract'> Active Jobs </a>
</div>
</div>
<!-- /members online -->
</div>
</div>
<!-- /quick stats boxes -->
<!-- Traffic sources -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><a href='/bkoreport/pendsignup'>Job Messages</a></b></h6>
<div class="heading-elements">
<form class="heading-form" action="#">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row">
<?php echo $message_dash_table; ?>
</div>
</div>
</div>
<!-- /traffic sources -->
</div>
<div class="col-lg-3">
<!-- Sales stats -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>My Jobs</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
<?php echo $member_job_table; ?>
</div>
</div>
</div>
<!-- /sales stats -->
</div>
<div class="col-lg-3">
<!-- Sales stats -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><a href='/bkoreport/signup'>My Contacts</a></b></h6>
<div class="heading-elements">
</div>
</div>
<div class="container-fluid">
<div class="row text-left">
<?php echo $member_contract_table; ?>
</div>
</div>
</div>
<!-- /sales stats -->
</div>
</div>
<!-- /main charts -->
<!-- Dashboard content -->
<div class="row">
<div class="col-lg-8">
<div class="row">
<div class="col-lg-6">
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"> <b><a href='/bkotransaction/activecontract'>Active Contracts</a></b></h6>
<div class="heading-elements">
</div>
</div>
<div class="table-responsive">
<?php echo $job_active_dash_table; ?>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"> <b><a href='/bkotransaction/pastduecontract'>Past Due Contracts</a></b></h6>
<div class="heading-elements">
</div>
</div>
<div class="table-responsive">
<?php echo $job_pastdue_dash_table; ?>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<!-- Daily sales -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><a href='/bkotransaction/moneytransfer'>Recent Transfer</a></b></h6>
<div class="heading-elements">
</div>
</div>
<div class="panel-body">
<div id="sales-heatmap"></div>
</div>
<div class="table-responsive">
<?php echo $sendmoney_dash_table; ?>
</div>
</div>
<!-- /daily sales -->
</div>
</div>
<!-- /dashboard content -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function resendLink(link_id) {
if (confirm("Are you sure you want to resend this link?")) {
// do something
} else {
return false;
}
$('#btu' + link_id).html('Processing...');
$('#acc' + link_id).prop('disabled', true);
$.ajax({
url: "/bkouser/resend_pending?link_id=" + link_id
}).done(function (data) {
$('#btu' + link_id).html(data);
document.offer_individual.rec_email.value = '';
$('#acc' + link_id).prop('disabled', false);
});
return false;
}
function deleteLink(link_id) {
if (confirm("Are you sure you want to delete this link?")) {
// do something
} else {
return false;
}
$('#dtu' + link_id).html('Processing...');
$('#del' + link_id).prop('disabled', true);
$.ajax({
url: "/bkouser/delete_pending?link_id=" + link_id
}).done(function (data) {
$('#dtu' + link_id).html(data);
document.offer_individual.rec_email.value = '';
$('#del' + link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
+94
View File
@@ -0,0 +1,94 @@
<!-- Main content -->
<div class="content-wrapper">
<!-- Dashboard content -->
<div class="row">
<div class="col-lg-4">
<!-- Marketing campaigns -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"> <b>What can i do with WrenchBoard? </b></h6>
<div class="heading-elements">
</div>
</div>
<form method="post" name="postfaq" action="/bkouser/wrbwhy">
<input type="hidden" name="link_id" value="">
<div class="table-responsive">
<table class='table table-sm table-hover table-bordered table-condensed'>
<tr>
<td style='width:100px;'>Flag[numbers]</td><td><input type="text" class="form-control" id="why_flag" name="why_flag" value="<?php echo $why_flag; ?>"></td></tr>
<td style='width:100px;'>Title</td><td><input type="text" class="form-control" id="why_title" name="why_title" value="<?php echo $why_title; ?>" maxlength="50"></td></tr>
<tr> <td colspan='2'>Detail<br><textarea class="form-control col-xs-12" rows="15" id="why_detail" name="why_detail"> <?php echo $why_detail; ?></textarea> </td>
</tr>
<tr><td></td><td><input type='submit' class='btn btn-success btn-sm' name='save_why' value='Save'></td></tr>
</table>
</div>
</form>
</div>
<!-- /marketing campaigns -->
</div>
<div class="col-lg-8">
<!-- Daily sales -->
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>What can i do with WrenchBoard?</b></h6>
<div class="heading-elements">
</div>
</div>
<div class="panel-body">
<div id="sales-heatmap"></div>
</div>
<div class="table-responsive">
<?php echo $why_table; ?>
</div>
</div>
<!-- /daily sales -->
</div>
</div>
<!-- /dashboard content -->
</div>
<script type="text/javascript">
<!--
function deleteFaq(link_id) {
if (confirm("Are you sure you want to delete this wrenchboard why?")) {
// do something
} else {
return false;
}
//$('#sdd'+link_id).html('Processing...');
$('#dacc' + link_id).prop('disabled', true);
$.ajax({
url: "/bkouser/deletewhy?proc=SEL&why_id=" + link_id
}).done(function (data) {
$('#subdel_' + link_id).html(data);
$('#dacc' + link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
<script>
$('.textarea').wysihtml5({
"font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
"emphasis": true, //Italics, bold, etc. Default true
"lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
"html": true, //Button which allows you to edit the generated HTML. Default false
"link": true, //Button to insert a link. Default true
"image": true, //Button to insert an image. Default true,
"color": true, //Button to change color of font
"size": 'xs', // buttons size
});
</script>
+259
View File
@@ -0,0 +1,259 @@
<!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 -->
<meta http-equiv="refresh" content="6000;url=/logout">
<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/visualization/d3/d3.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/visualization/d3/d3_tooltip.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/styling/switchery.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/styling/uniform.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/wysihtml5.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/parsers.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/toolbar.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/selects/bootstrap_multiselect.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ui/moment/moment.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ui/fullcalendar/fullcalendar.min.js"></script>
<script type="text/javascript" src="/assets/js/pages/extra_fullcalendar.js"></script>
<script type="text/javascript" src="/assets/js/plugins/pickers/daterangepicker.js"></script>
<script type="text/javascript" src="/assets/js/plugins/uploaders/fileinput.min.js"></script>
<script type="text/javascript" src="/assets/js/core/app.js"></script>
<script type="text/javascript" src="/assets/js/pages/uploader_bootstrap.js"></script>
<script type="text/javascript" src="/assets/js/pages/dashboard_boxed.js"></script>
<script type="text/javascript" src="/assets/js/pages/editor_wysihtml5.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ui/ripple.min.js"></script>
<!-- /theme JS files -->
<link href="/media/universal_video_background.css" rel="stylesheet" type="text/css">
<!-- script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script -->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="/media/js/froogaloop2.min.js"></script>
<script src="/media/js/universal_video_background.js" type="text/javascript"></script>
<style type="text/css">
.carousel{
margin-top: 10px;
}
.carousel .item{
min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}
.carousel .item img{
margin: 0 auto; /* Align slide image horizontally center */
}
.bs-example{
margin: 20px;
}
</style>
</head>
<body class="navbar-bottom layout-boxed">
<!-- Main navbar -->
<div class="navbar navbar-inverse bg-indigo">
<div class="navbar-boxed">
<div class="navbar-header">
<a class="navbar-brand" href="/"><div class='logo_text'>WrenchBoard</div></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>
<li><a class="sidebar-mobile-main-toggle"><i class="icon-paragraph-justify3"></i></a></li>
</ul>
</div>
<div class="navbar-collapse collapse" id="navbar-mobile">
<ul class="nav navbar-nav">
<li><a class="sidebar-control sidebar-main-toggle hidden-xs"><i class="icon-paragraph-justify3"></i></a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
</ul>
</div>
</div>
</div>
<!-- /main navbar -->
<!-- Page header -->
<div class="page-header">
<div class="breadcrumb-line">
<div class="breadcrumb-boxed">
<ul class="breadcrumb">
<li><a href="/"><i class="icon-home2 position-left"></i> Home</a></li>
</ul>
<ul class="breadcrumb-elements">
<li><a href="/login"><i class="icon-comment-discussion position-left"></i> Log In</a></li>
<li><a href="/registration"><i class="icon-comment-discussion position-left"></i> Sign Up</a></li>
</ul>
</div>
</div>
<div class="page-header-content">
<div class="page-title">
<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">Starters</span> - Boxed Layout</h4>
</div>
<div class="heading-elements">
TEXT
</div>
</div>
</div>
<!-- /page header -->
<!-- Page container -->
<div class="page-container">
<!-- Page content -->
<div class="page-content">
<!-- Main sidebar -->
<div class="sidebar sidebar-main sidebar-default">
<div class="sidebar-content">
<!-- Main navigation -->
<div class="sidebar-category sidebar-category-visible">
<div class="category-title h6">
<span>Main navigation</span>
<ul class="icons-list">
<li><a href="#" data-action="collapse"></a></li>
</ul>
</div>
<div class="category-content no-padding">
<ul class="navigation navigation-main navigation-accordion">
<!-- Main -->
<li class="navigation-header"><span>Main</span> <i class="icon-menu" title="Main pages"></i></li>
<li><a href="../index.html"><i class="icon-home4"></i> <span>Dashboard</span></a></li>
<li>
<a href="#"><i class="icon-stack"></i> <span>Starter kit</span></a>
<ul>
<li><a href="horizontal_nav.html">Horizontal navigation</a></li>
<li><a href="1_col.html">1 column</a></li>
<li><a href="2_col.html">2 columns</a></li>
<li>
<a href="#">3 columns</a>
<ul>
<li><a href="3_col_dual.html">Dual sidebars</a></li>
<li><a href="3_col_double.html">Double sidebars</a></li>
</ul>
</li>
<li><a href="4_col.html">4 columns</a></li>
<li class="active"><a href="layout_boxed.html">Boxed layout</a></li>
<li class="navigation-divider"></li>
<li><a href="layout_navbar_fixed_main.html">Fixed top navbar</a></li>
<li><a href="layout_navbar_fixed_secondary.html">Fixed secondary navbar</a></li>
<li><a href="layout_navbar_fixed_both.html">Both navbars fixed</a></li>
<li><a href="layout_sidebar_sticky.html">Sticky sidebar</a></li>
</ul>
</li>
<li><a href="../changelog.html"><i class="icon-list-unordered"></i> <span>Changelog</span></a></li>
<!-- /main -->
</ul>
</div>
</div>
<!-- /main navigation -->
</div>
</div>
<!-- /main sidebar -->
<!-- Main content -->
<div class="content-wrapper">
<!-- Main content -->
<div class="content-wrapper">
<!-- Square thumbs -->
<h6 class="content-group text-semibold">
Square thumbs
<small class="display-block">Basic card using <code>thumbnail</code> component</small>
</h6>
<?
for ($ii = 0; $ii < 7; $ii++) {
?>
<div class="row">
<?
for ($y = 0; $y < 4; $y++
) {
?>
<div class="col-lg-3 col-md-6">
<div class="thumbnail no-padding">
<div class="thumb">
<img src="assets/images/placeholder-half.jpg" alt="">
</div>
<div class="caption text-center">
<h6 class="text-semibold no-margin">James Alexander <small class="display-block">I will be your website content writer or rewriter</small></h6>
<ul class="icons-list mt-15">
<li><a href="#" data-popup="tooltip" title="Google Drive" data-container="body"><i class="icon-google-drive"></i></a></li>
<li><a href="#" data-popup="tooltip" title="Twitter" data-container="body"><i class="icon-twitter"></i></a></li>
<li><a href="#" data-popup="tooltip" title="Github" data-container="body"><i class="icon-github"></i></a></li>
</ul>
</div>
</div>
</div>
<?
}
?>
</div>
<?
}
?>
</div>
<!-- /main content -->
</div>
<!-- /main content -->
</div>
<!-- /page content -->
</div>
<!-- /page container -->
@@ -0,0 +1,8 @@
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
echo "\nERROR-: ",
$heading,
"\n\n",
$message,
"\n\n";
@@ -0,0 +1,8 @@
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
echo "\nDatabase error: ",
$heading,
"\n\n",
$message,
"\n\n";
@@ -0,0 +1,21 @@
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
An uncaught Exception was encountered
Type: <?php echo get_class($exception), "\n"; ?>
Message: <?php echo $message, "\n"; ?>
Filename: <?php echo $exception->getFile(), "\n"; ?>
Line Number: <?php echo $exception->getLine(); ?>
<?php if (defined('SHOW_DEBUG_BACKTRACE') && SHOW_DEBUG_BACKTRACE === TRUE): ?>
Backtrace:
<?php foreach ($exception->getTrace() as $error): ?>
<?php if (isset($error['file']) && strpos($error['file'], realpath(BASEPATH)) !== 0): ?>
File: <?php echo $error['file'], "\n"; ?>
Line: <?php echo $error['line'], "\n"; ?>
Function: <?php echo $error['function'], "\n\n"; ?>
<?php endif ?>
<?php endforeach ?>
<?php endif ?>
@@ -0,0 +1,8 @@
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
echo "\nERROR: ",
$heading,
"\n\n",
$message,
"\n\n";
@@ -0,0 +1,21 @@
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
A PHP Error was encountered
Severity: <?php echo $severity, "\n"; ?>
Message: <?php echo $message, "\n"; ?>
Filename: <?php echo $filepath, "\n"; ?>
Line Number: <?php echo $line; ?>
<?php if (defined('SHOW_DEBUG_BACKTRACE') && SHOW_DEBUG_BACKTRACE === TRUE): ?>
Backtrace:
<?php foreach (debug_backtrace() as $error): ?>
<?php if (isset($error['file']) && strpos($error['file'], realpath(BASEPATH)) !== 0): ?>
File: <?php echo $error['file'], "\n"; ?>
Line: <?php echo $error['line'], "\n"; ?>
Function: <?php echo $error['function'], "\n\n"; ?>
<?php endif ?>
<?php endforeach ?>
<?php endif ?>
@@ -0,0 +1,44 @@
<!-- Page container -->
<div class="page-container">
<!-- Page content -->
<div class="page-content">
<!-- Main content -->
<div class="content-wrapper">
<!-- Error title -->
<div class="text-center content-group">
<h1 class="error-title">404</h1>
<h5>Oops, an error has occurred. Page not found!</h5>
</div>
<!-- /error title -->
<!-- Error content -->
<div class="row">
<div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3">
<form action="#" class="main-search panel panel-body">
<div class="text-center">
<a href="/" class="btn bg-pink-400"><i class="icon-circle-left2 position-left"></i>Return Home</a>
</div>
</form>
</div>
</div>
<!-- /error wrapper -->
</div>
<!-- /main content -->
</div>
<!-- /page content -->
</div>
<!-- /page container -->
+11
View File
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title>403 Forbidden</title>
</head>
<body>
<p>Directory access is forbidden.</p>
</body>
</html>
@@ -0,0 +1,67 @@
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
//redirect('home');
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>404 Page Not Found</title>
<style type="text/css">
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
body {
background-color: #fff;
margin: 40px;
font: 13px/20px normal Helvetica, Arial, sans-serif;
color: #4F5155;
}
a {
color: #003399;
background-color: transparent;
font-weight: normal;
}
h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 19px;
font-weight: normal;
margin: 0 0 14px 0;
padding: 14px 15px 10px 15px;
}
code {
font-family: Consolas, Monaco, Courier New, Courier, monospace;
font-size: 12px;
background-color: #f9f9f9;
border: 1px solid #D0D0D0;
color: #002166;
display: block;
margin: 14px 0 14px 0;
padding: 12px 10px 12px 10px;
}
#container {
margin: 10px;
border: 1px solid #D0D0D0;
box-shadow: 0 0 8px #D0D0D0;
}
p {
margin: 12px 15px 12px 15px;
}
</style>
</head>
<body>
<div id="container">
<h1><?php echo $heading; ?></h1>
<?php echo $message; ?>
</div>
</body>
</html>
@@ -0,0 +1,64 @@
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Database Error</title>
<style type="text/css">
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
body {
background-color: #fff;
margin: 40px;
font: 13px/20px normal Helvetica, Arial, sans-serif;
color: #4F5155;
}
a {
color: #003399;
background-color: transparent;
font-weight: normal;
}
h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 19px;
font-weight: normal;
margin: 0 0 14px 0;
padding: 14px 15px 10px 15px;
}
code {
font-family: Consolas, Monaco, Courier New, Courier, monospace;
font-size: 12px;
background-color: #f9f9f9;
border: 1px solid #D0D0D0;
color: #002166;
display: block;
margin: 14px 0 14px 0;
padding: 12px 10px 12px 10px;
}
#container {
margin: 10px;
border: 1px solid #D0D0D0;
box-shadow: 0 0 8px #D0D0D0;
}
p {
margin: 12px 15px 12px 15px;
}
</style>
</head>
<body>
<div id="container">
<h1><?php echo $heading; ?></h1>
<?php echo $message; ?>
</div>
</body>
</html>
@@ -0,0 +1,32 @@
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">
<h4>An uncaught Exception was encountered</h4>
<p>Type: <?php echo get_class($exception); ?></p>
<p>Message: <?php echo $message; ?></p>
<p>Filename: <?php echo $exception->getFile(); ?></p>
<p>Line Number: <?php echo $exception->getLine(); ?></p>
<?php if (defined('SHOW_DEBUG_BACKTRACE') && SHOW_DEBUG_BACKTRACE === TRUE): ?>
<p>Backtrace:</p>
<?php foreach ($exception->getTrace() as $error): ?>
<?php if (isset($error['file']) && strpos($error['file'], realpath(BASEPATH)) !== 0): ?>
<p style="margin-left:10px">
File: <?php echo $error['file']; ?><br />
Line: <?php echo $error['line']; ?><br />
Function: <?php echo $error['function']; ?>
</p>
<?php endif ?>
<?php endforeach ?>
<?php endif ?>
</div>
@@ -0,0 +1,64 @@
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Error</title>
<style type="text/css">
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
body {
background-color: #fff;
margin: 40px;
font: 13px/20px normal Helvetica, Arial, sans-serif;
color: #4F5155;
}
a {
color: #003399;
background-color: transparent;
font-weight: normal;
}
h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 19px;
font-weight: normal;
margin: 0 0 14px 0;
padding: 14px 15px 10px 15px;
}
code {
font-family: Consolas, Monaco, Courier New, Courier, monospace;
font-size: 12px;
background-color: #f9f9f9;
border: 1px solid #D0D0D0;
color: #002166;
display: block;
margin: 14px 0 14px 0;
padding: 12px 10px 12px 10px;
}
#container {
margin: 10px;
border: 1px solid #D0D0D0;
box-shadow: 0 0 8px #D0D0D0;
}
p {
margin: 12px 15px 12px 15px;
}
</style>
</head>
<body>
<div id="container">
<h1><?php echo $heading; ?></h1>
<?php echo $message; ?>
</div>
</body>
</html>
@@ -0,0 +1,33 @@
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">
<h4>A PHP Error was encountered</h4>
<p>Severity: <?php echo $severity; ?></p>
<p>Message: <?php echo $message; ?></p>
<p>Filename: <?php echo $filepath; ?></p>
<p>Line Number: <?php echo $line; ?></p>
<?php if (defined('SHOW_DEBUG_BACKTRACE') && SHOW_DEBUG_BACKTRACE === TRUE): ?>
<p>Backtrace:</p>
<?php foreach (debug_backtrace() as $error): ?>
<?php if (isset($error['file']) && strpos($error['file'], realpath(BASEPATH)) !== 0): ?>
<p style="margin-left:10px">
File: <?php echo $error['file'] ?><br />
Line: <?php echo $error['line'] ?><br />
Function: <?php echo $error['function'] ?>
</p>
<?php endif ?>
<?php endforeach ?>
<?php endif ?>
</div>
+11
View File
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title>403 Forbidden</title>
</head>
<body>
<p>Directory access is forbidden.</p>
</body>
</html>
+11
View File
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title>403 Forbidden</title>
</head>
<body>
<p>Directory access is forbidden.</p>
</body>
</html>
+586
View File
@@ -0,0 +1,586 @@
<nav id="primary-menu">
<ul>
<li class="current"><a href="index.html"><div>Home</div></a>
<ul>
<li><a href="index-corporate.html"><div>Home - Corporate</div></a>
<ul>
<li><a href="index-corporate.html"><div>Corporate - Layout 1</div></a></li>
<li><a href="index-corporate-2.html"><div>Corporate - Layout 2</div></a></li>
<li><a href="index-corporate-3.html"><div>Corporate - Layout 3</div></a></li>
<li><a href="index-corporate-4.html"><div>Corporate - Layout 4</div></a></li>
</ul>
</li>
<li><a href="index-portfolio.html"><div>Home - Portfolio</div></a>
<ul>
<li><a href="index-portfolio.html"><div>Portfolio - Layout 1</div></a></li>
<li><a href="index-portfolio-2.html"><div>Portfolio - Layout 2</div></a></li>
<li><a href="index-portfolio-3.html"><div>Portfolio - Masonry</div></a></li>
<li><a href="index-portfolio-4.html"><div>Portfolio - AJAX</div></a></li>
</ul>
</li>
<li><a href="index-blog.html"><div>Home - Blog</div></a>
<ul>
<li><a href="index-blog.html"><div>Blog - Layout 1</div></a></li>
<li><a href="index-blog-2.html"><div>Blog - Layout 2</div></a></li>
<li><a href="index-blog-3.html"><div>Blog - Layout 3</div></a></li>
</ul>
</li>
<li><a href="index-shop.html"><div>Home - Shop</div></a>
<ul>
<li><a href="index-shop.html"><div>Shop - Layout 1</div></a></li>
<li><a href="index-shop-2.html"><div>Shop - Layout 2</div></a></li>
</ul>
</li>
<li><a href="index-magazine.html"><div>Home - Magazine</div></a>
<ul>
<li><a href="index-magazine.html"><div>Magazine - Layout 1</div></a></li>
<li><a href="index-magazine-2.html"><div>Magazine - Layout 2</div></a></li>
<li><a href="index-magazine-3.html"><div>Magazine - Layout 3</div></a></li>
</ul>
</li>
<li><a href="landing.html"><div>Home - Landing Page</div></a>
<ul>
<li><a href="landing.html"><div>Landing Page - Layout 1</div></a></li>
<li><a href="landing-2.html"><div>Landing Page - Layout 2</div></a></li>
<li><a href="landing-3.html"><div>Landing Page - Layout 3</div></a></li>
<li><a href="landing-4.html"><div>Landing Page - Layout 4</div></a></li>
<li><a href="landing-5.html"><div>Landing Page - Layout 5</div></a></li>
</ul>
</li>
<li><a href="index-fullscreen-image.html"><div>Home - Full Screen</div></a>
<ul>
<li><a href="index-fullscreen-image.html"><div>Full Screen - Image</div></a></li>
<li><a href="index-fullscreen-slider.html"><div>Full Screen - Slider</div></a></li>
<li><a href="index-fullscreen-video.html"><div>Full Screen - Video</div></a></li>
</ul>
</li>
<li><a href="index-onepage.html"><div>Home - One Page</div></a>
<ul>
<li><a href="index-onepage.html"><div>One Page - Default</div></a></li>
<li><a href="index-onepage-2.html"><div>One Page - Submenu</div></a></li>
<li><a href="index-onepage-3.html"><div>One Page - Dots Style</div></a></li>
</ul>
</li>
<li><a href="index-wedding.html"><div>Home - Wedding</div></a></li>
<li><a href="index-restaurant.html"><div>Home - Restaurant</div></a></li>
<li><a href="index-events.html"><div>Home - Events</div></a></li>
<li><a href="index-parallax.html"><div>Home - Parallax</div></a></li>
<li><a href="index-app-showcase.html"><div>Home - App Showcase</div></a></li>
<li><a href="index-boxed.html"><div>Home - Boxed Layout</div></a></li>
</ul>
</li>
<li><a href="#"><div>Features</div></a>
<ul>
<li><a href="#"><div><i class="icon-stack"></i>Sliders</div></a>
<ul>
<li><a href="slider-revolution.html"><div>Revolution Slider</div></a>
<ul>
<li><a href="rs-demo-premium-concept.html"><div>Premium Templates</div></a></li>
<li><a href="slider-revolution.html"><div>Full Screen</div></a></li>
<li><a href="slider-revolution-fullwidth.html"><div>Full Width</div></a></li>
<li><a href="slider-revolution-kenburns.html"><div>Kenburns Effect</div></a></li>
<li><a href="slider-revolution-html5-videos.html"><div>HTML5 Video</div></a></li>
</ul>
</li>
<li><a href="slider-canvas.html"><div>Canvas Slider</div></a>
<ul>
<li><a href="slider-canvas.html"><div>Full Width</div></a></li>
<li><a href="slider-canvas-fade.html"><div>Fade Transition</div></a></li>
<li><a href="slider-canvas-autoplay.html"><div>Autoplay Feature</div></a></li>
<li><a href="slider-canvas-video-event.html"><div>Custom Video Event</div></a></li>
<li><a href="slider-canvas-pagination.html"><div>Pagination Navigation</div></a></li>
<li><a href="slider-canvas-3.html"><div>3 Columns</div></a></li>
<li><a href="slider-canvas-4.html"><div>4 Columns</div></a></li>
<li><a href="slider-canvas-5.html"><div>5 Columns</div></a></li>
</ul>
</li>
<li><a href="slider-flex.html"><div>Flex Slider</div></a>
<ul>
<li><a href="slider-flex.html"><div>Default Layout</div></a></li>
<li><a href="slider-flex-thumbs.html"><div>with Thumbs</div></a></li>
</ul>
</li>
<li><a href="slider-owl.html"><div>Owl Slider</div></a>
<ul>
<li><a href="slider-owl-full.html"><div>Full Width</div></a></li>
<li><a href="slider-owl.html"><div>Boxed Width</div></a></li>
<li><a href="slider-owl-videos.html"><div>Video Slider</div></a></li>
</ul>
</li>
<li><a href="static-parallax.html"><div>Static Media</div></a>
<ul>
<li><a href="static-parallax.html"><div>Static - Parallax</div></a></li>
<li><a href="static-image.html"><div>Static - Image</div></a></li>
<li><a href="static-thumbs-grid.html"><div>Static - Thumb Gallery</div></a></li>
<li><a href="static-html5-video.html"><div>Static - HTML5 Video</div></a></li>
<li><a href="static-embed-video.html"><div>Static - Embedded Video</div></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="widgets.html"><div><i class="icon-gift"></i>Widgets</div></a>
<ul>
<li><a href="widgets.html"><div>Links</div></a></li>
<li><a href="widgets.html"><div>Flickr Photostream</div></a></li>
<li><a href="widgets.html"><div>Dribbble Shots</div></a></li>
<li><a href="widgets.html"><div>Instagram Feed</div></a></li>
<li><a href="widgets.html"><div>Posts List</div></a></li>
<li><a href="widgets.html"><div>Twitter Feed</div></a></li>
<li><a href="widgets.html"><div>Tabbed Widgets</div></a></li>
<li><a href="widgets.html"><div>Carousel</div></a></li>
<li><a href="widgets.html"><div>Subscribers</div></a></li>
<li><a href="widgets.html"><div>Social Icons</div></a></li>
<li><a href="widgets.html"><div>Testimonials</div></a></li>
<li><a href="widgets.html"><div>Quick Contact</div></a></li>
<li><a href="widgets.html"><div>Tags Cloud</div></a></li>
<li><a href="widgets.html"><div>Video Embeds</div></a></li>
<li><a href="widgets.html"><div>Raw Text/HTML</div></a></li>
</ul>
</li>
<li><a href="#"><div><i class="icon-umbrella"></i>Headers</div></a>
<ul>
<li><a href="header-light.html"><div>Light Version</div></a></li>
<li><a href="header-dark.html"><div>Dark Version</div></a></li>
<li><a href="header-transparent.html"><div>Transparent</div></a></li>
<li><a href="header-semi-transparent.html"><div>Semi Transparent</div></a>
<ul>
<li><a href="header-semi-transparent.html"><div>Light Version</div></a></li>
<li><a href="header-semi-transparent-dark.html"><div>Dark Version</div></a></li>
</ul>
</li>
<li><a href="header-side-left.html"><div>Left Side Header</div></a>
<ul>
<li><a href="header-side-left.html"><div>Fixed Position</div></a></li>
<li><a href="header-side-left-open.html"><div>OnClick Open</div></a></li>
<li><a href="header-side-left-open-push.html"><div>Push Content</div></a></li>
</ul>
</li>
<li><a href="header-side-right.html"><div>Right Side Header</div></a>
<ul>
<li><a href="header-side-right.html"><div>Fixed Position</div></a></li>
<li><a href="header-side-right-open.html"><div>OnClick Open</div></a></li>
<li><a href="header-side-right-open-push.html"><div>Push Content</div></a></li>
</ul>
</li>
<li><a href="header-floating.html"><div>Floating Version</div></a></li>
<li><a href="static-sticky.html"><div>Static Sticky</div></a></li>
<li><a href="responsive-sticky.html"><div>Responsive Sticky</div></a></li>
<li><a href="logo-changer.html"><div>Alternate Logos</div></a></li>
<li><a href="alternate-mobile-menu.html"><div>Alternate Mobile Menu</div></a></li>
</ul>
</li>
<li><a href="side-panel.html"><div><i class="icon-line-layout"></i>Side Panel</div></a>
<ul>
<li><a href="side-panel-left-overlay.html"><div>Left Overlay</div></a></li>
<li><a href="side-panel-left-push.html"><div>Left Push</div></a></li>
<li><a href="side-panel-right-overlay.html"><div>Right Overlay</div></a></li>
<li><a href="side-panel.html"><div>Right Push</div></a></li>
<li><a href="side-panel-light.html"><div>Light Background</div></a></li>
</ul>
</li>
<li><a href="mega-menu.html"><div><i class="icon-line-columns"></i>Mega Menu</div></a></li>
<li><a href="#"><div><i class="icon-align-justify2"></i>Menu Styles</div></a>
<ul>
<li><a href="header-light.html"><div>Menu - Style 1</div></a></li>
<li><a href="menu-2.html"><div>Menu - Style 2</div></a></li>
<li><a href="menu-3.html"><div>Menu - Style 3</div></a></li>
<li><a href="menu-4.html"><div>Menu - Style 4</div></a></li>
<li><a href="menu-5.html"><div>Menu - Style 5</div></a></li>
<li><a href="menu-6.html"><div>Menu - Style 6</div></a></li>
<li><a href="menu-7.html"><div>Menu - Style 7</div></a></li>
<li><a href="menu-8.html"><div>Menu - Style 8</div></a></li>
<li><a href="menu-9.html"><div>Menu - Style 9</div></a></li>
<li><a href="menu-10.html"><div>Menu - Overlay</div></a></li>
<li><a href="split-menu.html"><div>Menu - Split Layout</div></a></li>
</ul>
</li>
<li><a href="#"><div><i class="icon-ok-sign"></i>Page Titles</div></a>
<ul>
<li><a href="page.html"><div>Left Align</div></a></li>
<li><a href="page-title-right.html"><div>Right Align</div></a></li>
<li><a href="page-title-center.html"><div>Center Align</div></a></li>
<li><a href="page-titledark.html"><div>Dark Style</div></a></li>
<li><a href="page-title-pattern.html"><div>Pattern Background</div></a></li>
<li><a href="page-title-parallax.html"><div>Parallax Background</div></a>
<ul>
<li><a href="page-title-parallax.html"><div>Default Header</div></a></li>
<li><a href="page-title-parallax-header.html"><div>Transparent Header</div></a></li>
</ul>
</li>
<li><a href="page-title-video.html"><div>HTML5 Video</div></a></li>
<li><a href="page-title-nobg.html"><div>No Background</div></a></li>
<li><a href="page-title-mini.html"><div>Mini Version</div></a></li>
</ul>
</li>
<li><a href="contact.html"><div><i class="icon-envelope-alt"></i>Contact Pages</div></a>
<ul>
<li><a href="contact.html">Contact 1</a></li>
<li><a href="contact-2.html">Contact 2</a></li>
<li><a href="contact-3.html">Contact 3</a></li>
<li><a href="contact-4.html">Contact 4</a></li>
<li><a href="contact-5.html">Contact 5</a></li>
<li><a href="contact-6.html">Contact 6</a></li>
<li><a href="contact-7.html">Contact 7</a></li>
</ul>
</li>
<li><a href="#footer" data-scrollto="#footer"><div><i class="icon-th"></i>Footers</div></a>
<ul>
<li><a href="sticky-footer.html"><div>Sticky Footer</div></a></li>
<li><a href="#footer" data-scrollto="#footer"><div>Footer - Layout 1</div></a></li>
<li><a href="footer-2.html#footer"><div>Footer - Layout 2</div></a></li>
<li><a href="footer-3.html#footer"><div>Footer - Layout 3</div></a></li>
<li><a href="footer-4.html#footer"><div>Footer - Layout 4</div></a></li>
<li><a href="footer-5.html#footer"><div>Footer - Layout 5</div></a></li>
<li><a href="footer-6.html#footer"><div>Footer - Layout 6</div></a></li>
<li><a href="footer-7.html#footer"><div>Footer - Layout 7</div></a></li>
</ul>
</li>
<li><a href="#"><div><i class="icon-calendar3"></i>Events</div></a>
<ul>
<li><a href="events-calendar.html"><div>Full Width Calendar</div></a></li>
<li><a href="events-list.html"><div>Events List</div></a>
<ul>
<li><a href="events-list.html"><div>Right Sidebar</div></a></li>
<li><a href="events-list-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="events-list-both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="events-list-fullwidth.html"><div>Full Width</div></a></li>
<li><a href="events-list-parallax.html"><div>Parallax List</div></a></li>
</ul>
</li>
<li><a href="event-single.html"><div>Single Event</div></a>
<ul>
<li><a href="event-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="event-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="event-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="event-single.html"><div>Full Width</div></a></li>
</ul>
</li>
<li><a href="event-single-full-width-image.html"><div>Single Event - Full</div></a>
<ul>
<li><a href="event-single-full-width-image.html"><div>Parallax Image</div></a></li>
<li><a href="event-single-full-width-map.html"><div>Google Map</div></a></li>
<li><a href="event-single-full-width-slider.html"><div>Slider Gallery</div></a></li>
<li><a href="event-single-full-width-video.html"><div>HTML5 Video</div></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="modal-onload.html"><div><i class="icon-line-expand"></i>Modal OnLoad</div></a>
<ul>
<li><a href="modal-onload.html"><div>Simple Layout</div></a></li>
<li><a href="modal-onload-iframe.html"><div>Video iFrame</div></a></li>
<li><a href="modal-onload-subscribe.html"><div>Subscription Form</div></a></li>
<li><a href="modal-onload-common-height.html"><div>Common Height</div></a></li>
<li><a href="modal-onload-cookie.html"><div>Cookies Enabled</div></a></li>
</ul>
</li>
<li><a href="coming-soon.html"><div><i class="icon-time"></i>Coming Soon</div></a>
<ul>
<li><a href="coming-soon.html"><div>Simple Layout</div></a></li>
<li><a href="coming-soon-2.html"><div>Parallax Image</div></a></li>
<li><a href="coming-soon-3.html"><div>HTML5 Video</div></a></li>
</ul>
</li>
<li><a href="profile.html"><div><i class="icon-user"></i>User Profile</div></a></li>
</ul>
</li>
<li class="mega-menu"><a href="#"><div>Pages</div></a>
<div class="mega-menu-content style-2 clearfix">
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Introduction</div></a>
<ul>
<li><a href="about.html"><div>About Us</div></a></li>
<li><a href="about-2.html"><div>About Us - Layout 2</div></a></li>
<li><a href="about-me.html"><div>About Me</div></a></li>
<li><a href="team.html"><div>Team Members</div></a></li>
<li><a href="jobs.html"><div>Careers</div></a></li>
<li><a href="side-navigation.html"><div>Side Navigation</div></a></li>
<li><a href="page-submenu.html"><div>Page Submenu</div></a></li>
<li><a href="sitemap.html"><div>Sitemap</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Utility</div></a>
<ul>
<li><a href="services.html"><div>Services - Layout 1</div></a></li>
<li><a href="services-2.html"><div>Services - Layout 2</div></a></li>
<li><a href="services-3.html"><div>Services - Layout 3</div></a></li>
<li><a href="faqs.html"><div>FAQs - Layout 1</div></a></li>
<li><a href="faqs-2.html"><div>FAQs - Layout 2</div></a></li>
<li><a href="faqs-3.html"><div>FAQs - Layout 3</div></a></li>
<li><a href="faqs-4.html"><div>FAQs - Layout 4</div></a></li>
<li><a href="maintenance.html"><div>Maintenance Page</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Layout Grids</div></a>
<ul>
<li><a href="full-width.html"><div>Full Width</div></a></li>
<li><a href="full-width-wide.html"><div>Full Width - Wide</div></a></li>
<li><a href="right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="both-right-sidebar.html"><div>Both Right Sidebar</div></a></li>
<li><a href="both-left-sidebar.html"><div>Both Left Sidebar</div></a></li>
<li><a href="blank-page.html"><div>Blank Page</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Miscellaneous</div></a>
<ul>
<li><a href="login-register.html"><div>Login/Register</div></a></li>
<li><a href="login-register-2.html"><div>Login/Register - Style 2</div></a></li>
<li><a href="login-register-3.html"><div>Login/Register - Style 3</div></a></li>
<li><a href="login-1.html"><div>Login - Style 1</div></a></li>
<li><a href="login-2.html"><div>Login - Style 2</div></a></li>
<li><a href="404.html"><div>404 - Simple Layout</div></a></li>
<li><a href="404-2.html"><div>404 - Parallax Image</div></a></li>
<li><a href="404-3.html"><div>404 - HTML5 Video</div></a></li>
</ul>
</li>
</ul>
</div>
</li>
<li class="mega-menu"><a href="#"><div>Portfolio</div></a>
<div class="mega-menu-content style-2 clearfix">
<ul class="mega-menu-column col-5">
<li class="mega-menu-title"><a href="#"><div>Grids</div></a>
<ul>
<li><a href="portfolio-1.html"><div>1 Column</div></a></li>
<li><a href="portfolio-2.html"><div>2 Columns</div></a></li>
<li><a href="portfolio-3.html"><div>3 Columns</div></a></li>
<li><a href="portfolio.html"><div>4 Columns</div></a></li>
<li><a href="portfolio-5.html"><div>5 Columns</div></a></li>
<li><a href="portfolio-6.html"><div>6 Columns</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-5">
<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
<ul>
<li><a href="portfolio-mixed-masonry.html"><div>Mixed Columns</div></a></li>
<li><a href="portfolio-2-masonry.html"><div>2 Columns</div></a></li>
<li><a href="portfolio-3-masonry.html"><div>3 Columns</div></a></li>
<li><a href="portfolio-masonry.html"><div>4 Columns</div></a></li>
<li><a href="portfolio-5-masonry.html"><div>5 Columns</div></a></li>
<li><a href="portfolio-6-masonry.html"><div>6 Columns</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-5">
<li class="mega-menu-title"><a href="#"><div>Loading Styles</div></a>
<ul>
<li><a href="portfolio.html"><div>jQuery Filter</div></a></li>
<li><a href="portfolio-jpagination.html"><div>jQuery Pagination</div></a></li>
<li><a href="portfolio-infinity-scroll.html"><div>Infinity Scroll</div></a></li>
<li><a href="portfolio-ajax.html"><div>AJAX In Page</div></a></li>
<li><a href="portfolio-ajax-in-modal.html"><div>AJAX In Modal</div></a></li>
<li><a href="portfolio-filter-styles.html"><div>Filter Styles</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-5">
<li class="mega-menu-title"><a href="#"><div>Single Project</div></a>
<ul>
<li><a href="portfolio-single-extended.html"><div>Extended Item</div></a></li>
<li><a href="portfolio-single-fullwidth.html"><div>Parallax Image</div></a></li>
<li><a href="portfolio-single-gallery-full.html"><div>Slider Gallery</div></a></li>
<li><a href="portfolio-single-video-fullwidth-left-sidebar.html"><div>HTML5 Video</div></a></li>
<li><a href="portfolio-single-thumbs-right-sidebar.html"><div>Masonry Thumbs</div></a></li>
<li><a href="portfolio-single-video-both-sidebar.html"><div>Embed Video</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-5">
<li class="mega-menu-title"><a href="#"><div>Layouts</div></a>
<ul>
<li><a href="portfolio-nomargin.html"><div>Default</div></a></li>
<li><a href="portfolio-1-alt-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="portfolio-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="portfolio-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="portfolio-fullwidth-notitle.html"><div>100% Width</div></a></li>
<li><a href="portfolio-parallax.html"><div>Parallax</div></a></li>
</ul>
</li>
</ul>
</div>
</li>
<li class="mega-menu"><a href="#"><div>Blog</div></a>
<div class="mega-menu-content style-2 clearfix">
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Default</div></a>
<ul>
<li><a href="blog.html"><div>Right Sidebar</div></a></li>
<li><a href="blog-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="blog-both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="blog-full-width.html"><div>Full Width</div></a></li>
</ul>
</li>
<li class="mega-menu-title"><a href="#"><div>Timeline</div></a>
<ul>
<li><a href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="blog-timeline.html"><div>Full Width</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
<ul>
<li><a href="blog-masonry.html"><div>4 Columns</div></a></li>
<li><a href="blog-masonry-3.html"><div>3 Columns</div></a></li>
<li><a href="blog-masonry-2.html"><div>2 Columns</div></a></li>
<li><a href="blog-masonry-full.html"><div>100% Width</div></a></li>
</ul>
</li>
<li class="mega-menu-title"><a href="#"><div>Grid</div></a>
<ul>
<li><a href="blog-grid.html"><div>4 Columns</div></a></li>
<li><a href="blog-grid-3.html"><div>3 Columns</div></a></li>
<li><a href="blog-grid-2.html"><div>2 Columns</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Small Thumbs</div></a>
<ul>
<li><a href="blog-small-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="blog-small.html"><div>Right Sidebar</div></a></li>
<li><a href="blog-small-both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="blog-small-full-width.html"><div>Full Width</div></a></li>
<li><a href="blog-small-alt.html"><div>Alternate Layout</div></a></li>
</ul>
</li>
<li class="mega-menu-title"><a href="#"><div>Item Splitting</div></a>
<ul>
<li><a href="blog-grid.html"><div>Pagination</div></a></li>
<li><a href="blog-masonry.html"><div>Infinite Scroll</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Single</div></a>
<ul>
<li><a href="blog-single.html"><div>Default Layout</div></a></li>
<li><a href="blog-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="blog-single-full.html"><div>Full Width</div></a></li>
<li><a href="blog-single-small.html"><div>Small Image</div></a></li>
<li><a href="blog-single-split-right-sidebar.html"><div>Split Layout</div></a></li>
</ul>
</li>
<li class="mega-menu-title"><a href="#"><div>Comments Module</div></a>
<ul>
<li><a href="blog-single-left-sidebar.html#comments"><div>Facebook Comments</div></a></li>
<li><a href="blog-single-small.html#comments"><div>Disqus Comments</div></a></li>
</ul>
</li>
</ul>
</div>
</li>
<li><a href="shop.html"><div>Shop</div></a>
<ul>
<li><a href="shop.html"><div>4 Columns</div></a></li>
<li><a href="shop-3.html"><div>3 Columns</div></a>
<ul>
<li><a href="shop-3.html"><div>Full Width</div></a></li>
<li><a href="shop-3-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="shop-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
</ul>
</li>
<li><a href="shop-2.html"><div>2 Columns</div></a>
<ul>
<li><a href="shop-2-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="shop-2-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="shop-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
</ul>
</li>
<li><a href="shop-1.html"><div>1 Columns</div></a>
<ul>
<li><a href="shop-1.html"><div>Full Width</div></a></li>
<li><a href="shop-1-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="shop-1-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="shop-1-both-sidebar.html"><div>Both Sidebar</div></a></li>
</ul>
</li>
<li><a href="shop-category-parallax.html"><div>Categories - Parallax</div></a></li>
<li><a href="shop-combination-filter.html"><div>Combination Filter</div></a></li>
<li><a href="shop-single.html"><div>Single Product</div></a>
<ul>
<li><a href="shop-single.html"><div>Full Width</div></a></li>
<li><a href="shop-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="shop-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="shop-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
</ul>
</li>
<li><a href="cart.html"><div>Cart</div></a></li>
<li><a href="checkout.html"><div>Checkout</div></a></li>
</ul>
</li>
<li class="mega-menu"><a href="#"><div>Shortcodes</div></a>
<div class="mega-menu-content clearfix">
<ul class="mega-menu-column col-5">
<li><a href="animations.html"><div><i class="icon-magic"></i>Animations</div></a></li>
<li><a href="buttons.html"><div><i class="icon-link"></i>Buttons</div></a></li>
<li><a href="carousel.html"><div><i class="icon-heart3"></i>Carousel</div></a></li>
<li><a href="charts.html"><div><i class="icon-bar-chart"></i>Charts</div></a></li>
<li><a href="clients.html"><div><i class="icon-apple"></i>Clients</div></a></li>
<li><a href="columns-grids.html"><div><i class="icon-th-large"></i>Columns</div></a></li>
<li><a href="counters.html"><div><i class="icon-time"></i>Counters</div></a></li>
<li><a href="component-datatable.html"><div><i class="icon-table"></i>Data Tables</div></a></li>
<li><a href="component-datepicker.html"><div><i class="icon-calendar3"></i>Date &amp; Time Pickers</div></a></li>
</ul>
<ul class="mega-menu-column col-5">
<li><a href="dividers.html"><div><i class="icon-indent-right"></i>Dividers</div></a></li>
<li><a href="featured-boxes.html"><div><i class="icon-lightbulb"></i>Icon Boxes</div></a></li>
<li><a href="gallery.html"><div><i class="icon-picture"></i>Galleries</div></a></li>
<li><a href="headings-dropcaps.html"><div><i class="icon-pencil2"></i>Heading Styles</div></a></li>
<li><a href="icon-lists.html"><div><i class="icon-list-alt"></i>Icon Lists</div></a></li>
<li><a href="labels-badges.html"><div><i class="icon-plus-sign"></i>Labels</div></a></li>
<li><a href="lightbox.html"><div><i class="icon-resize-full"></i>Lightbox</div></a></li>
<li><a href="form-elements.html"><div><i class="icon-edit"></i>Form Elements</div></a></li>
<li><a href="component-uploads.html"><div><i class="icon-line-upload"></i>File Uploads</div></a></li>
</ul>
<ul class="mega-menu-column col-5">
<li><a href="lists-cards.html"><div><i class="icon-th-list"></i>Lists &amp; Cards</div></a></li>
<li><a href="maps.html"><div><i class="icon-map-marker2"></i>Maps</div></a></li>
<li><a href="media-embeds.html"><div><i class="icon-play"></i>Media Embeds</div></a></li>
<li><a href="modal-popovers.html"><div><i class="icon-move"></i>Modal Boxes</div></a></li>
<li><a href="navigation.html"><div><i class="icon-align-justify2"></i>Navigations</div></a></li>
<li><a href="pagination-progress.html"><div><i class="icon-cogs"></i>Pagination</div></a></li>
<li><a href="pie-skills.html"><div><i class="icon-tasks"></i>Pies &amp; Skills</div></a></li>
<li><a href="component-range-slider.html"><div><i class="icon-line-move"></i>Range Slider</div></a></li>
<li><a href="component-ratings.html"><div><i class="icon-star3"></i>Star Ratings</div></a></li>
</ul>
<ul class="mega-menu-column col-5">
<li><a href="pricing.html"><div><i class="icon-dollar"></i>Pricing Boxes</div></a></li>
<li><a href="process-steps.html"><div><i class="icon-thumbs-up"></i>Process Steps</div></a></li>
<li><a href="promo-boxes.html"><div><i class="icon-rocket"></i>Promo Boxes</div></a></li>
<li><a href="quotes-blockquotes.html"><div><i class="icon-quote-left"></i>Blockquotes</div></a></li>
<li><a href="responsive.html"><div><i class="icon-laptop2"></i>Responsive</div></a></li>
<li><a href="sections.html"><div><i class="icon-folder-open"></i>Sections</div></a></li>
<li><a href="social-icons.html"><div><i class="icon-facebook2"></i>Social Icons</div></a></li>
<li><a href="component-select-picker.html"><div><i class="icon-select"></i>Select Picker</div></a></li>
<li><a href="component-select-box.html"><div><i class="icon-line-columns"></i>Select Boxes</div></a></li>
</ul>
<ul class="mega-menu-column col-5">
<li><a href="style-boxes.html"><div><i class="icon-exclamation-sign"></i>Alert Boxes</div></a></li>
<li><a href="styled-icons.html"><div><i class="icon-flag2"></i>Styled Icons</div></a></li>
<li><a href="tables.html"><div><i class="icon-table"></i>Tables</div></a></li>
<li><a href="tabs.html"><div><i class="icon-star3"></i>Tabs</div></a></li>
<li><a href="testimonials-twitter.html"><div><i class="icon-user4"></i>Testimonials</div></a></li>
<li><a href="thumbnails-slider.html"><div><i class="icon-camera3"></i>Thumbnails</div></a></li>
<li><a href="toggles-accordions.html"><div><i class="icon-ok-circle"></i>Toggles</div></a></li>
<li><a href="component-radios-switches.html"><div><i class="icon-line-square-check"></i>Radios &amp; Switches</div></a></li>
<li><a href="component-typeahead.html"><div><i class="icon-type"></i>Input Typeahead</div></a></li>
</ul>
</div>
</li>
</ul>
</nav><!-- #primary-menu end -->
+13
View File
@@ -0,0 +1,13 @@
<nav id="primary-menu">
<ul>
<li class="current"><a href="/"><div>Home</div></a> </li>
<li><a href="#"><div>How it Works</div></a></li>
<li><a href="#"><div>Market</div></a></li>
<li><a href="/login"><div>Login</div></a></li>
<li class="mega-menu" style="background-color: #6666ff;"><a href="/registration"><div>Sign up</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
+499
View File
@@ -0,0 +1,499 @@
<!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, user-scalable=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>WrenchBoard</title>
<meta name="description" content="wrenchboard.com is an online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster. Trade your freelance services." />
<meta name="title" content="WrenchBoard: Find a Freelancer | Sell Professional Services" />
<meta name="keywords" content="Online Jobs, Online Workers, work online Nigeria, hire a freelancer, hire freelancers, freelance marketplace, freelancer hire, freelance service, freelance professional services, How to make money online, find workers online, Online Services, digital services, freelancers community in Ghana, freelancers community in Nigeria, freelancer site in Africa, Best freelance website in Africa, Freelance Designers, Photographers, Writers in Nigeria, freelancers, freelance outsourcing in Nigeria, freelance IT services in Nigeria, hire freelancers online in Nigeria, freelance services online in Nigeria, freelance contractor in Nigeria, freelance sites in Nigeria, freelance jobs in Nigeria, freelance projects in Nigeria, freelance jobs online in Nigeria, professional freelancers in Nigeria, buy professional services in Nigeria, professional services jobs, professional business services, professional service providers in Nigeria, freelancing services, freelancing sites in Nigeria, freelancers for hire in Nigeria, freelancer search in Nigeria, search freelancer in Nigeria, find freelancers in Nigeria, Find workers US. Outsource from US to Nigeria, find a freelancer in Nigeria, freelancing projects in Nigeria, web freelancing in Nigeria, outsourcing sites freelancers in Nigeria, website for freelancers in Nigeria, marketplace for freelancers " />
<link href="/assets/ext/css/bootstrap.min.css" rel="stylesheet">
<link href="/assets/ext/css/font-awesome.css" rel="stylesheet">
<link href="/assets/ext/css/animate.css" rel="stylesheet">
<link href="/assets/ext/css/owl.carousel.css" rel="stylesheet">
<link href="/assets/ext/css/owl.transitions.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/assets/ext/css/settings.css">
<link rel="stylesheet" type="text/css" href="/assets/ext/css/layers.css">
<link rel="stylesheet" type="text/css" href="/assets/ext/css/navigation.css">
<link href="/assets/ext/css/responsive-tabs.css" rel="stylesheet">
<link rel="stylesheet" href="/assets/ext/css/jquery.fancybox.css" type="text/css" media="screen"/>
<link href="/assets/ext/css/style.css" rel="stylesheet">
<link href="/assets/ext/css/wrenchboard-colors.css" rel="stylesheet">
<link rel="shortcut icon" href="/assets/ext/images/favicon.png">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target=".navbars" data-offset="90" id="main">
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-54829827-4', 'auto');
ga('send', 'pageview');
</script>
<!--Home start-->
<!--header start-->
<header>
<!--nav bar start -->
<nav class="navbar navbar-default navbar-fixed-top navbars">
<div class="container-fluid">
<a class="side-menu-button"> <i class="fa fa-bars" aria-hidden="true"></i> </a>
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#."><img src="/assets/ext/images/wrenchboard.png" alt="logo"></a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse hidden-xs ">
<ul class="nav navbar-nav navbar-right navbars">
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li><a href="#about-us" class="scroll">How it works</a></li>
<li><a href="#blog" class="scroll">Create Project</a></li>
<li style="background-color:#F0FFFF;"><a href="/login">Login</a></li>
<li style="background-color:#DCDCDC;"><a href="/registration">Sign up</a></li>
<!-- li><a href="#contact-us" class="scroll">Contact Us </a></li -->
</ul>
</div>
<div class="sidenav ">
<!-- Use any element to open the sidenav -->
<ul class="nav">
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li><a href="#about-us" class="scroll">How it works</a></li>
<li><a href="#blog" class="scroll">Create Project</a></li>
<li style="background-color:#F0FFFF;"><a href="/login" class="scroll">Login</a></li>
<li style="background-color:#DCDCDC;"><a href="/registration">Sign up</a></li>
<!-- li><a href="#contact-us" class="scroll">Contact Us </a></li -->
</ul>
</div>
</div>
</div>
</nav>
<!--navbar-end -->
</header>
<!--header end-->
<section id="home">
<!-- START REVOLUTION SLIDER 5.0 -->
<div class="top_image padding-20">
<div class="container">
<div class="row">
<div class="col-sm-8" style='text-align: center; padding-top: 240px;'>
<h2>Convert your Creativity <br>to Earning Power</h2>
</div>
<div class="col-sm-4" style='padding-top: 100px;'>
<!-- Form with validation -->
<form action="/login" method="POST">
<div class="panel panel-body login-form" style=' background:rgba(255,255,255,1); z-index: 2;'>
<div class="form-group has-feedback has-feedback-left">
<span class="welcomeBoxHeader">
Welcome Back
</span>
</div>
<div class="form-group has-feedback has-feedback-left">
<input type="text" class="form-control" placeholder="Username i.e. your email" name="username" required="required" maxlength='25'>
<div class="form-control-feedback">
<i class="icon-user text-muted"></i>
</div>
</div>
<div class="form-group has-feedback has-feedback-left">
<input type="password" class="form-control" placeholder="Password" name="password" required="required" maxlength='15'>
<div class="form-control-feedback">
<i class="icon-lock2 text-muted"></i>
</div>
</div>
<div class="form-group login-options">
<div class="row">
<div class="col-sm-6">
<a href="/password_recovery">Forgot password?</a>
</div>
<div class="col-sm-6 text-right">
<button type="submit" class="btn bg-blue" style='background-color: #008CBA; color: white;'>Login</button>
</div>
</div>
</div>
<div class="form-group">
</div>
<div class="content-divider text-muted form-group"><span>Don't have an account?</span></div>
<a href="/registration" class="btn btn-info btn-block content-group">Sign up</a>
</div>
</form>
<!-- /form with validation -->
</div>
</div>
<!-- Extra Section Home -->
<div class="row">
<div class="col-sm-4">
<div class="thumbnail">
<div class="thumbnail">
<img src="assets/images/freelancers.jpg" alt="WrenchBoard freelancers">
</div>
<div class="caption wrenchboard-promo-description">
Join WrenchBoard to connect with businesses that need articles writing, blog management, photography, product testing research and surveys and more.
</div>
</div>
</div>
<div class="col-sm-4">
<div class="thumbnail">
<div class="thumbnail">
<img src="assets/images/employers.jpg" alt="WrenchBoard employers">
</div>
<div class="caption wrenchboard-promo-description">
Do what you do best and let WrenchBoard team worry about your blog, online marketing, surveys and more by connecting with dedicated talents for your needed skills.
</div>
</div>
</div>
<div class="col-sm-4">
<div class="thumbnail">
<div class="thumbnail">
<img src="assets/images/group.jpg" alt="WrenchBoard employers">
</div>
<div class="caption wrenchboard-promo-description">
You can do more with WrenchBoard . Create and manage your preferred workgroup. Organize and manage your teams efficiently. Get started <a href="/registration" class="label label-success">Sign up</a> or <a href="<?php echo $this->lib_login->getLoginUrl(); ?>" class="label label-info" >Login in with Facebook</a>
</div>
</div>
</div>
</div>
<!-- Extra Home End -->
</div>
</div>
</section>
<div class="container">
<!--Home end-->
<!--About-us start-->
<section id="about-us">
<!--what-we-do-section start-->
<div id="what-we-do" class="padding-20">
<div class="container">
<div class="row">
<div class="col-sm-12 wow fadeInRight ">
<h2 class="pg-headline">How it works</h2>
<hr>
<p class="text-center p-margin">If you are either currently employed, unemployed or unsatisfied with your job or want extra cash on the side, consider WrenchBoard as a reliable partner to connect you with new opportunities.</p>
</div>
</div>
<div class="row margin-100-top" id="none">
<div class="col-sm-6 wow fadeInLeft" style="background-color:#F0FFFF;">
<div class="row">
<div class="col-xs-12 ">
<div class="what-we-do-features margin-20-bottom">
<h3><span><i class="fa fa-gitlab" aria-hidden="true"></i></span>Posting Jobs</h3>
<p>WrenchBoard platform connects you with quality service to deliver your project with ease.</p>
</div>
<ul class="list-group">
<li class="list-group-item" style="border: none"><b>Create your projects</b> from complex to most basic task as targetted offering or market place posting</li>
<li class="list-group-item" style="border: none"><b>Hire experts</b> from reviewed profiles, accept interest in your project from qualified members to complete hiring.</li>
<li class="list-group-item" style="border: none"><b>Monitor Progress:</b> Monitor work progress and track performance with real time tools from your account</li>
<li class="list-group-item" style="border: none"><b>Pay:</b> Make payment easily and securely by milestones or project completion. </li>
<li class="list-group-item" style="border: none"><a href="#blog" class="text-info">Learn more about what you can do with WrenchBoard</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 wow fadeInLeft" style="background-color:#87CEFA;">
<div class="row">
<div class="col-xs-12 ">
<div class="what-we-do-features margin-20-bottom">
<h3><span><i class="fa fa-gitlab" aria-hidden="true"></i></span>Performing task</h3>
<p>Performing task on WrenchBoard is easy. All you need is a free account and follow the steps below.</p>
</div>
<ul class="list-group" style="border: none">
<li class="list-group-item" style="border: none"><a href="/registration"><b>Create free account</b></a> and publish your skills to be hired. Your ratings will grow with performance</li>
<li class="list-group-item" style="border: none"><b>Find or Accept job offers</b> to get hired or search in the marketplace for your skill match</li>
<li class="list-group-item" style="border: none"><b>Complete the task</b> professionally. Deliver client specification, communicate with instant messaging.</li>
<li class="list-group-item" style="border: none"><b>Get Pay.</b> Get your account credited when the job is completed, and the client authorizes payment.</li>
<li class="list-group-item" style="border: none"><a href="/login"><button class="btn bg-blue btn-block content-group">Login</button></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--what-we-do section end -->
<!-- Company History -->
<div id="company-history" class="padding-one">
<div class="container">
<div class="row">
<div class="col-xs-12 wow fadeInRight ">
<h2>WrenchBoard Market</h2>
<!-- p class="company-p text-center">Lorem Ipsum is simply dummy text of the printing and
<ul class="timeline"> typesetting</p -->
<ul class="timeline">
<?
$ic = 1;
foreach ($market_data as $row) {
// echo $row->title;
$line_class = "wow fadeInLeft ";
if ($ic % 2 == 1) {
$line_class = "timeline-inverted wow fadeInRight ";
}
?>
<li class=" <?= $line_class; ?> " data-wow-duration="500ms">
<div class="timeline-badge"><a><i class="fa fa-circle"></i></a></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4><a href="/login"><?php echo $row->title; ?></a></h4></div>
<div class="timeline-body">
<p><?php echo $row->description; ?></p>
</div>
<div class="timeline-footer">
<p>Available till : <?php echo date("F j, Y, g:i a", strtotime($row->expire)); ?></p>
</div>
</div>
</li>
<?
$ic++;
}
?>
<li class="timeline-inverted wow fadeInRight" data-wow-duration="500ms">
<div class="timeline-badge"><a><i class="fa fa-circle"></i></a></div>
<div class="timeline-panel">
<div class="timeline-heading" style="background-color: #6495ED">
<h4><a href="/login"><button type="button" class="btn btn-info btn-block">Login to see more ...</button></a></h4></div>
<div class="timeline-body">
<p>Login to visit the marketplace and find task you are interested in</p>
</div>
</div>
</li>
<li class="clearfix no-float"></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Company History end -->
</section>
<!--About-us end-->
<!--Blog start-->
<section id="blog">
<!--blog-post-->
<div id="blog-post" class="padding-40">
<div class="container ">
<div class="row">
<div class="col-xs-12 wow fadeInRight ">
<h2>Start your Project</h2>
<hr>
<p class="text-center p-margin bg-info">Manage your small, medium and big projects with WrenchBoard. WrenchBoard Platform enables you to organize teams of freelancers as well as dedicated skills sets for your goals.</p>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<img src="/assets/ext/images/create_project.jpg" alt="Contact us" style="width:100%; height: auto;">
</div>
<div class="col-xs-9">
<ul class="list-group">
<li class="list-group-item" style="border: none"><b>Create your projects</b> from complex to most basic task as targetted offering or market place posting</li>
<li class="list-group-item" style="border: none"><b>Hire experts</b> from reviewed profiles, accept interest in your project from qualified members to complete hiring.</li>
<li class="list-group-item" style="border: none"><b>Monitor Progress:</b> Monitor work progress and track performance with real time tools from your account</li>
<li class="list-group-item" style="border: none"><b>Pay:</b> Make payment easily and securely by milestones or project completion. </li>
</ul>
</div>
</div>
<div class="row">
<b>What can i do with WrenchBoard? </b>
<div id="blog-slider">
<?
foreach ($why_list as $rect) {
?>
<div class="item">
<div class="blog-border list-group-item-info">
<div class="blog-slider-descp" style="height: 200px;">
<h4><a href="/login"><?= $rect->title ?></a></h4>
<p class="p-font"><h5><?php echo substr($rect->msg, 0, 350); ?></h5></p>
</div>
</div>
</div>
<?
}
?>
</div>
</div>
</div>
</div>
<!--blog-post end-->
</section>
<!--Blog end-->
<!--contact-us start-->
<section id="contact-us">
<div id="contact-form" class="padding-two">
<div class="container ">
<div class="row">
<div class="col-xs-12 wow fadeInRight ">
<h2>Contact Us</h2>
<hr>
<p class="text-center p-margin">We are here to help you receive the absolute highest level of service. You can use the form below to get in touch.</p>
</div>
</div>
<div class="row padding-top-40">
<div class="col-xs-4">
<img src="/assets/ext/images/home-support.jpg" alt="Contact us" style="width:100%; height: auto;">
</div>
<div class="col-xs-4">
<div class="bottom-section-right">
<ul class="list-group">
<li class="list-group-item" style="border: none"><a href="/faq" class="text-info">Frequently Asked Questions</a></li>
<li class="list-group-item" style="border: none"><a href="/about" class="text-info">About</a></li>
<li class="list-group-item" style="border: none" class="text-info"><a href="/contact">Email Support</a></li>
<!-- li class="list-group-item" style="border: none">Phone : <? echo SUPPORT_PHONE; ?></li -->
</ul>
</div>
</div>
<div class="col-xs-4">
<div class="bottom-section-right">
<ul class="list-group">
<li class="list-group-item list-group-item-success" style="border: none"><a href="/registration">Sign up</a></li>
<li class="list-group-item list-group-item-info" style="border: none"><a href="/login">Log in</a></li>
<li class="list-group-item" style="border: none"><a href="/privacy" class="text-info">Privacy Policy</a></li>
<li class="list-group-item" style="border: none"><a href="/terms" class="text-info">Terms and Conditions</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--/contact-form end-->
</section>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6">
<p>Copyright &copy; 2020 WrenchBoard. All rights reserved.</p>
</div>
<div class="col-sm-6 pull-right ">
<ul class="list-inline pull-right ">
<li><a href="https://www.facebook.com/wrenchboard" class="fa fb"><i class="fa fa-fw fa-facebook"></i></a></li>
<li><a href="https://www.twitter.com/wrenchboard/" class="fa tw"><i class="fa fa-fw fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!--contact-us end-->
<!-- jQuery (necessary for Bootstrap 's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?key=AIzaSyAOBKD6V47-g_3opmidcmFapb3kSNAR70U"></script>
<script src="/assets/ext/js/gmaps.min.js"></script>
<script src="/assets/ext/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/jquery.themepunch.tools.min.js?rev=5.0"></script>
<script type="text/javascript" src="/assets/ext/js/jquery.themepunch.revolution.min.js?rev=5.0"></script>
<script type="text/javascript" src="/assets/ext/js/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/revolution.extension.video.min.js"></script>
<script src="/assets/ext/js/wow.js"></script>
<script src="/assets/ext/js/owl.carousel.min.js"></script>
<script src="/assets/ext/js/jquery.responsiveTabs.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/jquery.fancybox.pack.js"></script>
<script src="/assets/ext/js/jquery.appear.js"></script>
<script src="/assets/ext/js/script.js"></script>
+506
View File
@@ -0,0 +1,506 @@
<!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, user-scalable=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>WrenchBoard</title>
<meta name="description" content="wrenchboard.com is an online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster. Trade your freelance services." />
<meta name="title" content="WrenchBoard: Find a Freelancer | Sell Professional Services" />
<meta name="keywords" content="Online Jobs, Online Workers, work online Nigeria, hire a freelancer, hire freelancers, freelance marketplace, freelancer hire, freelance service, freelance professional services, How to make money online, find workers online, Online Services, digital services, freelancers community in Ghana, freelancers community in Nigeria, freelancer site in Africa, Best freelance website in Africa, Freelance Designers, Photographers, Writers in Nigeria, freelancers, freelance outsourcing in Nigeria, freelance IT services in Nigeria, hire freelancers online in Nigeria, freelance services online in Nigeria, freelance contractor in Nigeria, freelance sites in Nigeria, freelance jobs in Nigeria, freelance projects in Nigeria, freelance jobs online in Nigeria, professional freelancers in Nigeria, buy professional services in Nigeria, professional services jobs, professional business services, professional service providers in Nigeria, freelancing services, freelancing sites in Nigeria, freelancers for hire in Nigeria, freelancer search in Nigeria, search freelancer in Nigeria, find freelancers in Nigeria, Find workers US. Outsource from US to Nigeria, find a freelancer in Nigeria, freelancing projects in Nigeria, web freelancing in Nigeria, outsourcing sites freelancers in Nigeria, website for freelancers in Nigeria, marketplace for freelancers " />
<link href="/assets/ext/css/bootstrap.min.css" rel="stylesheet">
<link href="/assets/ext/css/font-awesome.css" rel="stylesheet">
<link href="/assets/ext/css/animate.css" rel="stylesheet">
<link href="/assets/ext/css/owl.carousel.css" rel="stylesheet">
<link href="/assets/ext/css/owl.transitions.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/assets/ext/css/settings.css">
<link rel="stylesheet" type="text/css" href="/assets/ext/css/layers.css">
<link rel="stylesheet" type="text/css" href="/assets/ext/css/navigation.css">
<link href="/assets/ext/css/responsive-tabs.css" rel="stylesheet">
<link rel="stylesheet" href="/assets/ext/css/jquery.fancybox.css" type="text/css" media="screen"/>
<link href="/assets/ext/css/style.css" rel="stylesheet">
<link href="/assets/ext/css/wrenchboard-colors.css" rel="stylesheet">
<link rel="shortcut icon" href="/assets/ext/images/favicon.png">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target=".navbars" data-offset="90" id="main">
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-54829827-4', 'auto');
ga('send', 'pageview');
</script>
<!--Home start-->
<section id="home">
<!--header start-->
<header>
<!--nav bar start -->
<nav class="navbar navbar-default navbar-fixed-top navbars">
<div class="container-fluid">
<a class="side-menu-button"> <i class="fa fa-bars" aria-hidden="true"></i> </a>
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#."><img src="/assets/ext/images/wrenchboard.png" alt="WrenchBoard"></a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse hidden-xs ">
<ul class="nav navbar-nav navbar-right navbars">
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li><a href="#about-us" class="scroll">How it works</a></li>
<li><a href="#blog" class="scroll">Create Project</a></li>
<!-- li style="background-color:#F0FFFF;"><a href="/login">Login</a></li -->
<li style="background-color:#DCDCDC;"><a href="/signup">Sign up</a></li>
<!-- li><a href="#contact-us" class="scroll">Contact Us </a></li -->
</ul>
</div>
<div class="sidenav ">
<!-- Use any element to open the sidenav -->
<ul class="nav">
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li><a href="#about-us" class="scroll">How it works</a></li>
<li><a href="#blog" class="scroll">Create Project</a></li>
<li style="background-color:#F0FFFF;"><a href="/login" class="scroll">Login</a></li>
<li style="background-color:#DCDCDC;"><a href="/signup">Sign up</a></li>
<!-- li><a href="#contact-us" class="scroll">Contact Us </a></li -->
</ul>
</div>
</div>
</div>
</nav>
<!--navbar-end -->
</header>
<!--header end-->
<!-- START REVOLUTION SLIDER 5.0 -->
<div class="top_image padding-20">
<div class="container">
<div class="row">
<div class="col-sm-8" style='text-align: center; padding-top: 110px;'>
<h2>Convert your Creativity <br>to Earning Power</h2>
</div>
<div style='position: absolute; text-align: right; padding-top: 350px;'>
<a href="https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8" target="_blank"><img class="download-icon download-ios" src="/assets/svg/app-store.svg"></a>
<a href="https://play.google.com/store/apps/details?id=com.wrenchboard.users" target="_blank"><img class="download-icon download-android" src="/assets/svg/google-play.svg"> </a>
</div>
<div class="col-sm-4" style='padding-top: 100px;'>
<!-- Form with validation -->
<form action="/login" method="POST">
<div class="panel panel-body login-form" style=' background:rgba(255,255,255,1); z-index: 2;'>
<div class="form-group has-feedback has-feedback-left">
<span class="welcomeBoxHeader">
Welcome Back
</span>
</div>
<div class="form-group has-feedback has-feedback-left">
<input type="text" class="form-control" placeholder="Username i.e. your email" name="username" required="required" maxlength='30'>
<div class="form-control-feedback">
<i class="icon-user text-muted"></i>
</div>
</div>
<div class="form-group has-feedback has-feedback-left">
<input type="password" class="form-control" placeholder="Password" name="password" required="required" maxlength='15'>
<div class="form-control-feedback">
<i class="icon-lock2 text-muted"></i>
</div>
</div>
<div class="form-group login-options">
<div class="row">
<div class="col-sm-8">
<a href="/password_recovery">Forgot password?</a>
</div>
<div class="col-sm-4 text-right">
<button type="submit" class="btn bg-blue" style='background-color: #008CBA; color: white;'>Login</button>
</div>
</div>
</div>
<div class="form-group">
</div>
<div class="content-divider text-muted form-group"><span>Don't have an account?</span></div>
<div class="form-group login-options">
<div class="row">
<div class="col-sm-6">
<a href="/signup" class="btn btn-info btn-block content-group">Sign up</a>
</div>
<div class="col-sm-6 text-right">
<a class="btn bg-blue" style='background-color: #008CBA; color: white;' href="<?php echo $this->lib_login->getLoginUrl(); ?>" class="label label-info" >Facebook </a>
</div>
</div>
</div>
</div>
</form>
<!-- /form with validation -->
</div>
</div>
</div>
</div>
</section>
<div class="container" style="padding-top:20px;">
<!-- Extra Section Home -->
<div class="row">
<div class="col-sm-4">
<div class="thumbnail" style="border-color: white;">
<div class="thumbnail">
<img src="assets/images/freelancers.jpg" alt="WrenchBoard freelancers">
</div>
<div class="caption wrenchboard-promo-description">
Join WrenchBoard to connect with businesses that need articles writing, blog management, photography, product testing research and surveys and more.
</div>
</div>
</div>
<div class="col-sm-4">
<div class="thumbnail" style="border-color: white;">
<div class="caption wrenchboard-promo-description">
Do what you do best and let WrenchBoard team worry about your blog, online marketing, surveys and more by connecting with dedicated talents for your needed skills.
</div>
<div class="thumbnail">
<img src="assets/images/employers.jpg" alt="WrenchBoard employers">
</div>
</div>
</div>
<div class="col-sm-4">
<div class="thumbnail" style="border-color: white;">
<div class="thumbnail">
<img src="assets/images/group.jpg" alt="WrenchBoard employers">
</div>
<div class="caption wrenchboard-promo-description">
You can do more with WrenchBoard . Create and manage your preferred workgroup. Organize and manage your teams efficiently. Get started <a href="/signup" class="label label-success">Sign up</a> or <a href="<?php echo $this->lib_login->getLoginUrl(); ?>" class="label label-info" >Login in with Facebook</a>
</div>
</div>
</div>
</div>
<!-- Extra Home End -->
</div>
<!--Home end-->
<!--About-us start-->
<section id="about-us">
<!--what-we-do-section start-->
<div id="what-we-do" class="padding-20">
<div class="container">
<div class="row">
<div class="col-sm-12 wow fadeInRight ">
<h2 class="pg-headline">How it works</h2>
<hr>
<p class="text-center p-margin">If you are either currently employed, unemployed or unsatisfied with your job or want extra cash on the side, consider WrenchBoard as a reliable partner to connect you with new opportunities.</p>
</div>
</div>
<div class="row margin-100-top" id="none">
<div class="col-sm-6 wow fadeInLeft" style="background-color:#F0FFFF;">
<div class="row">
<div class="col-xs-12 ">
<div class="what-we-do-features margin-20-bottom">
<h3><span><i class="fa fa-gitlab" aria-hidden="true"></i></span>Posting Jobs</h3>
<p>WrenchBoard platform connects you with quality service to deliver your project with ease.</p>
</div>
<ul class="list-group">
<li class="list-group-item" style="border: none"><b>Create your projects</b> from complex to most basic task as targetted offering or market place posting</li>
<li class="list-group-item" style="border: none"><b>Hire experts</b> from reviewed profiles, accept interest in your project from qualified members to complete hiring.</li>
<li class="list-group-item" style="border: none"><b>Monitor Progress:</b> Monitor work progress and track performance with real time tools from your account</li>
<li class="list-group-item" style="border: none"><b>Pay:</b> Make payment easily and securely by milestones or project completion. </li>
<li class="list-group-item" style="border: none"><a href="#blog" class="text-info">Learn more about what you can do with WrenchBoard</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 wow fadeInLeft" style="background-color:#87CEFA;">
<div class="row">
<div class="col-xs-12 ">
<div class="what-we-do-features margin-20-bottom">
<h3><span><i class="fa fa-gitlab" aria-hidden="true"></i></span>Performing task</h3>
<p>Performing task on WrenchBoard is easy. All you need is a free account and follow the steps below.</p>
</div>
<ul class="list-group" style="border: none">
<li class="list-group-item" style="border: none"><a href="/registration"><b>Create free account</b></a> and publish your skills to be hired. Your ratings will grow with performance</li>
<li class="list-group-item" style="border: none"><b>Find or Accept job offers</b> to get hired or search in the marketplace for your skill match</li>
<li class="list-group-item" style="border: none"><b>Complete the task</b> professionally. Deliver client specification, communicate with instant messaging.</li>
<li class="list-group-item" style="border: none"><b>Get Pay.</b> Get your account credited when the job is completed, and the client authorizes payment.</li>
<li class="list-group-item" style="border: none"><a href="/login"><button class="btn bg-blue btn-block content-group">Login</button></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--what-we-do section end -->
<!-- Company History -->
<div id="company-history" class="padding-one">
<div class="container">
<div class="row">
<div class="col-xs-12 wow fadeInRight ">
<h2>WrenchBoard Market</h2>
<!-- p class="company-p text-center">Lorem Ipsum is simply dummy text of the printing and
<ul class="timeline"> typesetting</p -->
<ul class="timeline">
<?
$ic = 1;
foreach ($market_data as $row) {
// echo $row->title;
$line_class = "wow fadeInLeft ";
if ($ic % 2 == 1) {
$line_class = "timeline-inverted wow fadeInRight ";
}
?>
<li class=" <?= $line_class; ?> " data-wow-duration="500ms">
<div class="timeline-badge"><a><i class="fa fa-circle"></i></a></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4><a href="/login"><?php echo $row->title; ?></a></h4></div>
<div class="timeline-body">
<p><?php echo $row->description; ?></p>
</div>
<div class="timeline-footer">
<p>Available till : <?php echo date("F j, Y, g:i a", strtotime($row->expire)); ?></p>
</div>
</div>
</li>
<?
$ic++;
}
?>
<li class="timeline-inverted wow fadeInRight" data-wow-duration="500ms">
<div class="timeline-badge"><a><i class="fa fa-circle"></i></a></div>
<div class="timeline-panel">
<div class="timeline-heading" style="background-color: #6495ED">
<h4><a href="/login"><button type="button" class="btn btn-info btn-block">Login to see more ...</button></a></h4></div>
<div class="timeline-body">
<p>Login to visit the marketplace and find task you are interested in</p>
</div>
</div>
</li>
<li class="clearfix no-float"></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Company History end -->
</section>
<!--About-us end-->
<!--Blog start-->
<section id="blog">
<!--blog-post-->
<div id="blog-post" class="padding-40">
<div class="container ">
<div class="row">
<div class="col-xs-12 wow fadeInRight ">
<h2>Start your Project</h2>
<hr>
<p class="text-center p-margin bg-info">Manage your small, medium and big projects with WrenchBoard. WrenchBoard Platform enables you to organize teams of freelancers as well as dedicated skills sets for your goals.</p>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<img src="/assets/ext/images/create_project.jpg" alt="Contact us" style="width:100%; height: auto;">
</div>
<div class="col-xs-9">
<ul class="list-group">
<li class="list-group-item" style="border: none"><b>Create your projects</b> from complex to most basic task as targetted offering or market place posting</li>
<li class="list-group-item" style="border: none"><b>Hire experts</b> from reviewed profiles, accept interest in your project from qualified members to complete hiring.</li>
<li class="list-group-item" style="border: none"><b>Monitor Progress:</b> Monitor work progress and track performance with real time tools from your account</li>
<li class="list-group-item" style="border: none"><b>Pay:</b> Make payment easily and securely by milestones or project completion. </li>
</ul>
</div>
</div>
<div class="row">
<b>What can i do with WrenchBoard? </b>
<div id="blog-slider">
<?
foreach ($why_list as $rect) {
?>
<div class="item">
<div class="blog-border list-group-item-info">
<div class="blog-slider-descp" style="height: 200px;">
<h4><a href="/login"><?= $rect->title ?></a></h4>
<p class="p-font"><h5><?php echo substr($rect->msg, 0, 350); ?></h5></p>
</div>
</div>
</div>
<?
}
?>
</div>
</div>
</div>
</div>
<!--blog-post end-->
</section>
<!--Blog end-->
<!--contact-us start-->
<section id="contact-us">
<div id="contact-form" class="padding-two">
<div class="container ">
<div class="row">
<div class="col-xs-12 wow fadeInRight ">
<h2>Contact Us</h2>
<hr>
<p class="text-center p-margin">We are here to help you receive the absolute highest level of service. You can use the form below to get in touch.</p>
</div>
</div>
<div class="row padding-top-40">
<div class="col-xs-4">
<img src="/assets/ext/images/home-support.jpg" alt="Contact us" style="width:100%; height: auto;">
</div>
<div class="col-xs-4">
<div class="bottom-section-right">
<ul class="list-group">
<li class="list-group-item" style="border: none"><a href="https://blog.wrenchboard.com/blog/" class="text-info">Visit our Blog</a></li>
<li class="list-group-item" style="border: none"><a href="/faq" class="text-info">Frequently Asked Questions</a></li>
<li class="list-group-item" style="border: none"><a href="/about" class="text-info">About</a></li>
<li class="list-group-item" style="border: none" class="text-info"><a href="/contact">Email Support</a></li>
<!-- li class="list-group-item" style="border: none">Phone : <? echo SUPPORT_PHONE; ?></li -->
</ul>
</div>
</div>
<div class="col-xs-4">
<div class="bottom-section-right">
<ul class="list-group">
<li class="list-group-item list-group-item-success" style="border: none"><a href="/signup">Sign up</a></li>
<li class="list-group-item list-group-item-info" style="border: none"><a href="/login">Log in</a></li>
<li class="list-group-item" style="border: none"><a href="/privacy" class="text-info">Privacy Policy</a></li>
<li class="list-group-item" style="border: none"><a href="/terms" class="text-info">Terms and Conditions</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--/contact-form end-->
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6">
<p>Copyright &copy; <?php echo date("Y"); ?> WrenchBoard. All rights reserved.</p>
</div>
<div class="col-sm-6 pull-right ">
<ul class="list-inline pull-right ">
<li><a href="https://www.facebook.com/wrenchboard" class="fa fb"><i class="fa fa-fw fa-facebook"></i></a></li>
<li><a href="https://www.twitter.com/wrenchboard/" class="fa tw"><i class="fa fa-fw fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!--contact-us end-->
<!-- jQuery (necessary for Bootstrap 's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!-- script type="text/javascript"
src="http://maps.google.com/maps/api/js?key=AIzaSyAOBKD6V47-g_3opmidcmFapb3kSNAR70U"></script>
<script src="/assets/ext/js/gmaps.min.js"></script-->
<script src="/assets/ext/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/jquery.themepunch.tools.min.js?rev=5.0"></script>
<script type="text/javascript" src="/assets/ext/js/jquery.themepunch.revolution.min.js?rev=5.0"></script>
<script type="text/javascript" src="/assets/ext/js/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/revolution.extension.video.min.js"></script>
<script src="/assets/ext/js/wow.js"></script>
<script src="/assets/ext/js/owl.carousel.min.js"></script>
<script src="/assets/ext/js/jquery.responsiveTabs.min.js"></script>
<script type="text/javascript" src="/assets/ext/js/jquery.fancybox.pack.js"></script>
<script src="/assets/ext/js/jquery.appear.js"></script>
<script src="/assets/ext/js/script.js"></script>
+522
View File
@@ -0,0 +1,522 @@
<section id="slider" class="slider-element slider-parallax swiper_wrapper clearfix">
<div class="slider-parallax-inner">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark" style="background-image: url('images/slider/swiper/1.jpg');">
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp">Welcome to WrenchBoard</h2>
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">Create just what you need for your Perfect Website. Choose from a wide range of Elements &amp; simply put them on our Canvas.</p>
</div>
</div>
</div>
<div class="swiper-slide dark">
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp">Beautifully Flexible</h2>
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">Looks beautiful &amp; ultra-sharp on Retina Screen Displays. Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
</div>
</div>
<div class="video-wrap">
<video poster="/hassets2/images/videos/explore.jpg" preload="auto" loop autoplay muted>
<source src='/hassets2/images/videos/explore.mp4' type='video/mp4' />
<source src='/hassets2/images/videos/explore.webm' type='video/webm' />
</video>
<div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div>
</div>
</div>
<div class="swiper-slide" style="background-image: url('/hassets2/images/slider/swiper/3.jpg'); background-position: center top;">
<div class="container clearfix">
<div class="slider-caption">
<h2 data-caption-animate="fadeInUp">Great Performance</h2>
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">You'll be surprised to see the Final Results of your Creation &amp; would crave for more.</p>
</div>
</div>
</div>
</div>
<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
<div class="slide-number"><div class="slide-number-current"></div><span>/</span><div class="slide-number-total"></div></div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="promo promo-light promo-full bottommargin-lg header-stick notopborder">
<div class="container clearfix">
<h3>Call us today at <span>+91.22.57412541</span> or Email us at <span>support@canvas.com</span></h3>
<span>We strive to provide Our Customers with Top Notch Support to make their Theme Experience Wonderful</span>
<a href="/login" class="button button-dark button-xlarge button-rounded">Your Dashboard</a>
</div>
</div>
<div class="container clearfix">
<div class="col_one_fourth nobottommargin">
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
<div class="fbox-icon">
<a href="#"><i class="i-alt noborder icon-shop"></i></a>
</div>
<h3>e-Commerce Solutions<span class="subtitle">Start your Own Shop today</span></h3>
</div>
</div>
<div class="col_one_fourth nobottommargin">
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
<div class="fbox-icon">
<a href="#"><i class="i-alt noborder icon-wallet"></i></a>
</div>
<h3>Easy Payment Options<span class="subtitle">Credit Cards &amp; PayPal Support</span></h3>
</div>
</div>
<div class="col_one_fourth nobottommargin">
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
<div class="fbox-icon">
<a href="#"><i class="i-alt noborder icon-megaphone"></i></a>
</div>
<h3>Instant Notifications<span class="subtitle">Realtime Email &amp; SMS Support</span></h3>
</div>
</div>
<div class="col_one_fourth nobottommargin col_last">
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
<div class="fbox-icon">
<a href="#"><i class="i-alt noborder icon-fire"></i></a>
</div>
<h3>Hot Offers Daily<span class="subtitle">Upto 50% Discounts</span></h3>
</div>
</div>
<div class="clear"></div><div class="line bottommargin-lg"></div>
<div class="col_two_fifth nobottommargin">
<a href="http://vimeo.com/101373765" data-lightbox="iframe">
<img src="/hassets2/images/others/1.jpg" alt="Image">
<span class="i-overlay"><img src="/hassets2/images/icons/play.png" alt="Play"></span>
</a>
</div>
<div class="col_three_fifth nobottommargin col_last">
<div class="heading-block">
<h2>Globally Preferred Ecommerce Platform</h2>
</div>
<p>Worldwide John Lennon, mobilize humanitarian; emergency response donors; cause human experience effect. Volunteer Action Against Hunger Aga Khan safeguards women's.</p>
<div class="col_half nobottommargin">
<ul class="iconlist iconlist-color nobottommargin">
<li><i class="icon-caret-right"></i> Responsive Ready Layout</li>
<li><i class="icon-caret-right"></i> Retina Display Supported</li>
<li><i class="icon-caret-right"></i> Powerful &amp; Optimized Code</li>
<li><i class="icon-caret-right"></i> 380+ Templates Included</li>
</ul>
</div>
<div class="col_half nobottommargin col_last">
<ul class="iconlist iconlist-color nobottommargin">
<li><i class="icon-caret-right"></i> 12+ Headers &amp; Menu Designs</li>
<li><i class="icon-caret-right"></i> Premium Sliders Included</li>
<li><i class="icon-caret-right"></i> Light &amp; Dark Colors</li>
<li><i class="icon-caret-right"></i> e-Commerce Design Included</li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div class="section topmargin-lg">
<div class="container clearfix">
<div class="heading-block center">
<h2>Features that you are gonna Love</h2>
<span>Canvas comes with 100+ Feature oriented Shortcodes that are easy to use too.</span>
</div>
<div class="clear bottommargin-sm"></div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn">
<div class="fbox-icon">
<a href="#"><i class="icon-phone2"></i></a>
</div>
<h3>Responsive Layout</h3>
<p>Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
</div>
</div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="200">
<div class="fbox-icon">
<a href="#"><i class="icon-eye"></i></a>
</div>
<h3>Retina Ready Graphics</h3>
<p>Looks beautiful &amp; ultra-sharp on Retina Displays with Retina Icons, Fonts &amp; Images.</p>
</div>
</div>
<div class="col_one_third col_last">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="400">
<div class="fbox-icon">
<a href="#"><i class="icon-star2"></i></a>
</div>
<h3>Powerful Performance</h3>
<p>Optimized code that are completely customizable and deliver unmatched fast performance.</p>
</div>
</div>
<div class="clear"></div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="600">
<div class="fbox-icon">
<a href="#"><i class="icon-video"></i></a>
</div>
<h3>HTML5 Video</h3>
<p>Canvas provides support for Native HTML5 Videos that can be added to a Full Width Background.</p>
</div>
</div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="800">
<div class="fbox-icon">
<a href="#"><i class="icon-params"></i></a>
</div>
<h3>Parallax Support</h3>
<p>Display your Content attractively using Parallax Sections that have unlimited customizable areas.</p>
</div>
</div>
<div class="col_one_third col_last">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1000">
<div class="fbox-icon">
<a href="#"><i class="icon-fire"></i></a>
</div>
<h3>Endless Possibilities</h3>
<p>Complete control on each &amp; every element that provides endless customization possibilities.</p>
</div>
</div>
<div class="clear"></div>
<div class="col_one_third nobottommargin">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1200">
<div class="fbox-icon">
<a href="#"><i class="icon-bulb"></i></a>
</div>
<h3>Light &amp; Dark Color Schemes</h3>
<p>Change your Website's Primary Scheme instantly by simply adding the dark class to the body.</p>
</div>
</div>
<div class="col_one_third nobottommargin">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1400">
<div class="fbox-icon">
<a href="#"><i class="icon-heart2"></i></a>
</div>
<h3>Boxed &amp; Wide Layouts</h3>
<p>Stretch your Website to the Full Width or make it boxed to surprise your visitors.</p>
</div>
</div>
<div class="col_one_third nobottommargin col_last">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1600">
<div class="fbox-icon">
<a href="#"><i class="icon-note"></i></a>
</div>
<h3>Extensive Documentation</h3>
<p>We have covered each &amp; everything in our Documentation including Videos &amp; Screenshots.</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="container clearfix">
<div class="heading-block center">
<h3>Some of our <span>Featured</span> Works</h3>
<span>We have worked on some Awesome Projects that are worth boasting of.</span>
</div>
<div id="oc-portfolio" class="owl-carousel portfolio-carousel portfolio-nomargin carousel-widget" data-margin="1" data-pagi="false" data-autoplay="5000" data-items-xs="1" data-items-sm="2" data-items-md="3" data-items-xl="4">
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="/hassets2/images/portfolio/4/1.jpg" alt="Open Imagination">
</a>
<div class="portfolio-overlay">
<a href="/hassets2/images/portfolio/full/1.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single.html">Open Imagination</a></h3>
<span><a href="#">Media</a>, <a href="#">Icons</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="/hassets2/images/portfolio/4/2.jpg" alt="Locked Steel Gate">
</a>
<div class="portfolio-overlay">
<a href="/hassets2/images/portfolio/full/2.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single.html">Locked Steel Gate</a></h3>
<span><a href="#">Illustrations</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="#">
<img src="/hassets2/images/portfolio/4/3.jpg" alt="Mac Sunglasses">
</a>
<div class="portfolio-overlay">
<a href="http://vimeo.com/89396394" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single-video.html">Mac Sunglasses</a></h3>
<span><a href="#">Graphics</a>, <a href="#">UI Elements</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="/hassets2/images/portfolio/4/5.jpg" alt="Console Activity">
</a>
<div class="portfolio-overlay">
<a href="/hassets2/images/portfolio/full/5.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single.html">Console Activity</a></h3>
<span><a href="#">UI Elements</a>, <a href="#">Media</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single-video.html">
<img src="/hassets2/images/portfolio/4/7.jpg" alt="Backpack Contents">
</a>
<div class="portfolio-overlay">
<a href="http://www.youtube.com/watch?v=kuceVNBTJio" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single-video.html">Backpack Contents</a></h3>
<span><a href="#">UI Elements</a>, <a href="#">Icons</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="/hassets2/images/portfolio/4/8.jpg" alt="Sunset Bulb Glow">
</a>
<div class="portfolio-overlay">
<a href="/hassets2/images/portfolio/full/8.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single.html">Sunset Bulb Glow</a></h3>
<span><a href="#">Graphics</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single-video.html">
<img src="/hassets2/images/portfolio/4/10.jpg" alt="Study Table">
</a>
<div class="portfolio-overlay">
<a href="http://vimeo.com/91973305" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single-video.html">Study Table</a></h3>
<span><a href="#">Graphics</a>, <a href="#">Media</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="/hassets2/images/portfolio/4/11.jpg" alt="Workspace Stuff">
</a>
<div class="portfolio-overlay">
<a href="/hassets2/images/portfolio/full/11.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single.html">Workspace Stuff</a></h3>
<span><a href="#">Media</a>, <a href="#">Icons</a></span>
</div>
</div>
</div>
</div>
</div>
<div class="section topmargin-sm nobottommargin">
<div class="container clearfix">
<div class="heading-block center">
<h3>Testimonials</h3>
<span>Check out some of our Client Reviews</span>
</div>
<ul class="testimonials-grid grid-3 clearfix nobottommargin">
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/1.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero illo rerum repellendus!</p>
<div class="testi-meta">
John Doe
<span>XYZ Inc.</span>
</div>
</div>
</div>
</li>
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/2.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Natus voluptatum enim quod necessitatibus quis expedita harum provident eos obcaecati id culpa corporis molestias.</p>
<div class="testi-meta">
Collis Ta'eed
<span>Envato Inc.</span>
</div>
</div>
</div>
</li>
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/7.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Fugit officia dolor sed harum excepturi ex iusto magnam asperiores molestiae qui natus obcaecati facere sint amet.</p>
<div class="testi-meta">
Mary Jane
<span>Google Inc.</span>
</div>
</div>
</div>
</li>
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/3.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Similique fugit repellendus expedita excepturi iure perferendis provident quia eaque. Repellendus, vero numquam?</p>
<div class="testi-meta">
Steve Jobs
<span>Apple Inc.</span>
</div>
</div>
</div>
</li>
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/4.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus, perspiciatis illum totam dolore deleniti labore.</p>
<div class="testi-meta">
Jamie Morrison
<span>Adobe Inc.</span>
</div>
</div>
</div>
</li>
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/8.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Porro dolorem saepe reiciendis nihil minus neque. Ducimus rem necessitatibus repellat laborum nemo quod.</p>
<div class="testi-meta">
Cyan Ta'eed
<span>Tutsplus</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="container clearfix">
</div>
<a href="#" class="button button-full center tright footer-stick">
<div class="container clearfix">
Canvas comes with Unlimited Customizations &amp; Options. <strong>Check Out</strong> <i class="icon-caret-right" style="top:4px;"></i>
</div>
</a>
</div>
</section><!-- #content end -->
+285
View File
@@ -0,0 +1,285 @@
<!-- Page Title
============================================= -->
<section id="page-title" class="page-title-parallax page-title-dark" style="padding: 250px 0; background-image: url('/hassets2/images/about/parallax.jpg'); background-size: cover; background-position: center center;" data-bottom-top="background-position:0px 400px;" data-top-bottom="background-position:0px -500px;">
<div class="container clearfix">
<h1>About Us</h1>
<span>Everything you need to know about our Company</span>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Pages</a></li>
<li class="breadcrumb-item active" aria-current="page">About Us</li>
</ol>
</div>
</section><!-- #page-title end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container clearfix">
<div class="col_one_third">
<div class="heading-block fancy-title nobottomborder title-bottom-border">
<h4>Why choose <span>Us</span>.</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi quidem minus id omnis, nam expedita, ea fuga commodi voluptas iusto, hic autem deleniti dolores explicabo labore enim repellat earum perspiciatis.</p>
</div>
<div class="col_one_third">
<div class="heading-block fancy-title nobottomborder title-bottom-border">
<h4>Our <span>Mission</span>.</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi quidem minus id omnis, nam expedita, ea fuga commodi voluptas iusto, hic autem deleniti dolores explicabo labore enim repellat earum perspiciatis.</p>
</div>
<div class="col_one_third col_last">
<div class="heading-block fancy-title nobottomborder title-bottom-border">
<h4>What we <span>Do</span>.</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi quidem minus id omnis, nam expedita, ea fuga commodi voluptas iusto, hic autem deleniti dolores explicabo labore enim repellat earum perspiciatis.</p>
</div>
</div>
<div class="section nomargin">
<div class="container clearfix">
<div class="col_one_fourth nobottommargin center" data-animate="bounceIn">
<i class="i-plain i-xlarge divcenter icon-line2-directions"></i>
<div class="counter counter-lined"><span data-from="100" data-to="846" data-refresh-interval="50" data-speed="2000"></span>K+</div>
<h5>Lines of Codes</h5>
</div>
<div class="col_one_fourth nobottommargin center" data-animate="bounceIn" data-delay="200">
<i class="i-plain i-xlarge divcenter nobottommargin icon-line2-graph"></i>
<div class="counter counter-lined"><span data-from="3000" data-to="15360" data-refresh-interval="100" data-speed="2500"></span>+</div>
<h5>KBs of HTML Files</h5>
</div>
<div class="col_one_fourth nobottommargin center" data-animate="bounceIn" data-delay="400">
<i class="i-plain i-xlarge divcenter nobottommargin icon-line2-layers"></i>
<div class="counter counter-lined"><span data-from="10" data-to="408" data-refresh-interval="25" data-speed="3500"></span>*</div>
<h5>No. of Templates</h5>
</div>
<div class="col_one_fourth nobottommargin center col_last" data-animate="bounceIn" data-delay="600">
<i class="i-plain i-xlarge divcenter nobottommargin icon-line2-clock"></i>
<div class="counter counter-lined"><span data-from="60" data-to="1200" data-refresh-interval="30" data-speed="2700"></span>+</div>
<h5>Hours of Coding</h5>
</div>
</div>
</div>
<div class="row common-height clearfix">
<div class="col-md-5 col-padding" style="background: url('/hassets2/images/team/3.jpg') center center no-repeat; background-size: cover;"></div>
<div class="col-md-7 col-padding">
<div>
<div class="heading-block">
<span class="before-heading color">CEO &amp; Co-Founder</span>
<h3>John Doe</h3>
</div>
<div class="row clearfix">
<div class="col-lg-6">
<p>Employment respond committed meaningful fight against oppression social challenges rural legal aid governance. Meaningful work, implementation, process cooperation, campaign inspire.</p>
<p>Advancement, promising development John Lennon, our ambitions involvement underprivileged billionaire philanthropy save the world transform. Carbon rights maintain healthcare emergent, implementation inspire social change solve clean water livelihoods.</p>
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-facebook">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i>
</a>
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-twitter">
<i class="icon-twitter"></i>
<i class="icon-twitter"></i>
</a>
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-gplus">
<i class="icon-gplus"></i>
<i class="icon-gplus"></i>
</a>
</div>
<div class="col-lg-6">
<ul class="skills">
<li data-percent="80">
<span>Wordpress</span>
<div class="progress">
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="80" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
</div>
</li>
<li data-percent="60">
<span>CSS3</span>
<div class="progress">
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="60" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
</div>
</li>
<li data-percent="90">
<span>HTML5</span>
<div class="progress">
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="90" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
</div>
</li>
<li data-percent="70">
<span>jQuery</span>
<div class="progress">
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="70" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
</div>
</li>
<li data-percent="85">
<span>Ruby</span>
<div class="progress">
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="85" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row common-height bottommargin-lg clearfix">
<div class="col-md-7 col-padding" style="background-color: #F5F5F5;">
<div>
<div class="heading-block">
<span class="before-heading color">Developer &amp; Evangelist</span>
<h3>Mary Jane</h3>
</div>
<div class="row clearfix">
<div class="col-lg-6">
<p>Employment respond committed meaningful fight against oppression social challenges rural legal aid governance. Meaningful work, implementation, process cooperation, campaign inspire.</p>
<p>Advancement, promising development John Lennon, our ambitions involvement underprivileged billionaire philanthropy save the world transform. Carbon rights maintain healthcare emergent, implementation inspire social change solve clean water livelihoods.</p>
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-facebook">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i>
</a>
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-twitter">
<i class="icon-twitter"></i>
<i class="icon-twitter"></i>
</a>
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-gplus">
<i class="icon-gplus"></i>
<i class="icon-gplus"></i>
</a>
</div>
<div class="col-lg-6">
<ul class="skills">
<li data-percent="80">
<span>Wordpress</span>
<div class="progress">
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="80" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
</div>
</li>
<li data-percent="60">
<span>CSS3</span>
<div class="progress">
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="60" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
</div>
</li>
<li data-percent="90">
<span>HTML5</span>
<div class="progress">
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="90" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
</div>
</li>
<li data-percent="70">
<span>jQuery</span>
<div class="progress">
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="70" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
</div>
</li>
<li data-percent="85">
<span>Ruby</span>
<div class="progress">
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="85" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-padding" style="background: url('/hassets2/images/team/8.jpg') center center no-repeat; background-size: cover;"></div>
</div>
<div class="section footer-stick">
<h4 class="uppercase center">What <span>Clients</span> Say?</h4>
<div class="fslider testimonial testimonial-full" data-animation="fade" data-arrows="false">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/3.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Similique fugit repellendus expedita excepturi iure perferendis provident quia eaque. Repellendus, vero numquam?</p>
<div class="testi-meta">
Steve Jobs
<span>Apple Inc.</span>
</div>
</div>
</div>
<div class="slide">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/2.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Natus voluptatum enim quod necessitatibus quis expedita harum provident eos obcaecati id culpa corporis molestias.</p>
<div class="testi-meta">
Collis Ta'eed
<span>Envato Inc.</span>
</div>
</div>
</div>
<div class="slide">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/1.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero illo rerum!</p>
<div class="testi-meta">
John Doe
<span>XYZ Inc.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
+247
View File
@@ -0,0 +1,247 @@
<!-- Footer
============================================= -->
<footer id="footer" class="dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap clearfix">
<div class="col_two_third">
<div class="col_one_third">
<div class="widget clearfix">
<img src="/hassets2/images/footer-widget-logo.png" alt="" class="footer-logo">
<p>We believe in <strong>Simple</strong>, <strong>Creative</strong> &amp; <strong>Flexible</strong> Design Standards.</p>
<div style="background: url('images/world-map.png') no-repeat center center; background-size: 100%;">
<address>
<strong>Headquarters:</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
</address>
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (91) 8547 632521<br>
<abbr title="Fax"><strong>Fax:</strong></abbr> (91) 11 4752 1433<br>
<abbr title="Email Address"><strong>Email:</strong></abbr> info@canvas.com
</div>
</div>
</div>
<div class="col_one_third">
<div class="widget widget_links clearfix">
<h4>Blogroll</h4>
<ul>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/support/">Support Forums</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://wordpress.org/news/">WordPress Blog</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
</ul>
</div>
</div>
<div class="col_one_third col_last">
<div class="widget clearfix">
<h4>Recent Posts</h4>
<div id="post-list-footer">
<div class="spost clearfix">
<div class="entry-c">
<div class="entry-title">
<h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
</div>
<ul class="entry-meta">
<li>10th July 2014</li>
</ul>
</div>
</div>
<div class="spost clearfix">
<div class="entry-c">
<div class="entry-title">
<h4><a href="#">Elit Assumenda vel amet dolorum quasi</a></h4>
</div>
<ul class="entry-meta">
<li>10th July 2014</li>
</ul>
</div>
</div>
<div class="spost clearfix">
<div class="entry-c">
<div class="entry-title">
<h4><a href="#">Debitis nihil placeat, illum est nisi</a></h4>
</div>
<ul class="entry-meta">
<li>10th July 2014</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col_one_third col_last">
<div class="widget clearfix" style="margin-bottom: -20px;">
<div class="row">
<div class="col-lg-6 bottommargin-sm">
<div class="counter counter-small"><span data-from="50" data-to="15065421" data-refresh-interval="80" data-speed="3000" data-comma="true"></span></div>
<h5 class="nobottommargin">Total Downloads</h5>
</div>
<div class="col-lg-6 bottommargin-sm">
<div class="counter counter-small"><span data-from="100" data-to="18465" data-refresh-interval="50" data-speed="2000" data-comma="true"></span></div>
<h5 class="nobottommargin">Clients</h5>
</div>
</div>
</div>
<div class="widget subscribe-widget clearfix">
<h5><strong>Subscribe</strong> to Our Newsletter to get Important News, Amazing Offers &amp; Inside Scoops:</h5>
<div class="widget-subscribe-form-result"></div>
<form id="widget-subscribe-form" action="include/subscribe.php" role="form" method="post" class="nobottommargin">
<div class="input-group divcenter">
<div class="input-group-prepend">
<div class="input-group-text"><i class="icon-email2"></i></div>
</div>
<input type="email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email">
<div class="input-group-append">
<button class="btn btn-success" type="submit">Subscribe</button>
</div>
</div>
</form>
</div>
<div class="widget clearfix" style="margin-bottom: -20px;">
<div class="row">
<div class="col-lg-6 clearfix bottommargin-sm">
<a href="#" class="social-icon si-dark si-colored si-facebook nobottommargin" style="margin-right: 10px;">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i>
</a>
<a href="#"><small style="display: block; margin-top: 3px;"><strong>Like us</strong><br>on Facebook</small></a>
</div>
<div class="col-lg-6 clearfix">
<a href="#" class="social-icon si-dark si-colored si-rss nobottommargin" style="margin-right: 10px;">
<i class="icon-rss"></i>
<i class="icon-rss"></i>
</a>
<a href="#"><small style="display: block; margin-top: 3px;"><strong>Subscribe</strong><br>to RSS Feeds</small></a>
</div>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container clearfix">
<div class="col_half">
Copyrights &copy; 2020 All Rights Reserved by WrenchBoard.<br>
<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
</div>
<div class="col_half col_last tright">
<div class="fright clearfix">
<a href="#" class="social-icon si-small si-borderless si-facebook">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i>
</a>
<a href="#" class="social-icon si-small si-borderless si-twitter">
<i class="icon-twitter"></i>
<i class="icon-twitter"></i>
</a>
<a href="#" class="social-icon si-small si-borderless si-gplus">
<i class="icon-gplus"></i>
<i class="icon-gplus"></i>
</a>
<a href="#" class="social-icon si-small si-borderless si-pinterest">
<i class="icon-pinterest"></i>
<i class="icon-pinterest"></i>
</a>
<a href="#" class="social-icon si-small si-borderless si-vimeo">
<i class="icon-vimeo"></i>
<i class="icon-vimeo"></i>
</a>
<a href="#" class="social-icon si-small si-borderless si-github">
<i class="icon-github"></i>
<i class="icon-github"></i>
</a>
<a href="#" class="social-icon si-small si-borderless si-yahoo">
<i class="icon-yahoo"></i>
<i class="icon-yahoo"></i>
</a>
<a href="#" class="social-icon si-small si-borderless si-linkedin">
<i class="icon-linkedin"></i>
<i class="icon-linkedin"></i>
</a>
</div>
<div class="clear"></div>
<i class="icon-envelope2"></i> info@canvas.com <span class="middot">&middot;</span> <i class="icon-headphones"></i> +91-11-6541-6369 <span class="middot">&middot;</span> <i class="icon-skype2"></i> CanvasOnSkype
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>
<!-- External JavaScripts
============================================= -->
<script src="/hassets2/js/jquery.js"></script>
<script src="/hassets2/js/plugins.js"></script>
<!-- Footer Scripts
============================================= -->
<script src="/hassets2/js/functions.js"></script>
</body>
</html>
+64
View File
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="SemiColonWeb" />
<meta name="description" content="wrenchboard.com is an online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster. Trade your freelance services." />
<meta name="title" content="WrenchBoard: Find a Freelancer | Sell Professional Services" />
<meta name="keywords" content="Online Jobs, Online Workers, work online Nigeria, hire a freelancer, hire freelancers, freelance marketplace, freelancer hire, freelance service, freelance professional services, How to make money online, find workers online, Online Services, digital services, freelancers community in Ghana, freelancers community in Nigeria, freelancer site in Africa, Best freelance website in Africa, Freelance Designers, Photographers, Writers in Nigeria, freelancers, freelance outsourcing in Nigeria, freelance IT services in Nigeria, hire freelancers online in Nigeria, freelance services online in Nigeria, freelance contractor in Nigeria, freelance sites in Nigeria, freelance jobs in Nigeria, freelance projects in Nigeria, freelance jobs online in Nigeria, professional freelancers in Nigeria, buy professional services in Nigeria, professional services jobs, professional business services, professional service providers in Nigeria, freelancing services, freelancing sites in Nigeria, freelancers for hire in Nigeria, freelancer search in Nigeria, search freelancer in Nigeria, find freelancers in Nigeria, Find workers US. Outsource from US to Nigeria, find a freelancer in Nigeria, freelancing projects in Nigeria, web freelancing in Nigeria, outsourcing sites freelancers in Nigeria, website for freelancers in Nigeria, marketplace for freelancers " />
<!-- Stylesheets
============================================= -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,400,500,600,700|Crete+Round:400i" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/hassets2/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/hassets2/style.css" type="text/css" />
<link rel="stylesheet" href="/hassets2/css/swiper.css" type="text/css" />
<link rel="stylesheet" href="/hassets2/css/dark.css" type="text/css" />
<link rel="stylesheet" href="/hassets2/css/font-icons.css" type="text/css" />
<link rel="stylesheet" href="/hassets2/css/animate.css" type="text/css" />
<link rel="stylesheet" href="/hassets2/css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="/hassets2/css/responsive.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Document Title
============================================= -->
<title>WrenchBoard</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Header
============================================= -->
<header id="header" class="full-header">
<div id="header-wrap">
<div class="container clearfix">
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
<!-- Logo
============================================= -->
<div id="logo">
<a href="/" class="standard-logo" data-dark-logo="/assets/ext/images/wrenchboard.png"><img src="/assets/ext/images/wrenchboard.png" alt="WrenchBoard Logo"></a>
<a href="/" class="retina-logo" data-dark-logo="/assets/ext/images/wrenchboard.png"><img src="/assets/ext/images/wrenchboard.png" alt="WrenchBoard Logo"></a>
</div><!-- #logo end -->
<!-- Primary Navigation
============================================= -->
<? include 'index2/menu.php'; ?>
</div>
</div>
</header><!-- #header end -->
+586
View File
@@ -0,0 +1,586 @@
<nav id="primary-menu">
<ul>
<li class="current"><a href="index.html"><div>Home</div></a>
<ul>
<li><a href="index-corporate.html"><div>Home - Corporate</div></a>
<ul>
<li><a href="index-corporate.html"><div>Corporate - Layout 1</div></a></li>
<li><a href="index-corporate-2.html"><div>Corporate - Layout 2</div></a></li>
<li><a href="index-corporate-3.html"><div>Corporate - Layout 3</div></a></li>
<li><a href="index-corporate-4.html"><div>Corporate - Layout 4</div></a></li>
</ul>
</li>
<li><a href="index-portfolio.html"><div>Home - Portfolio</div></a>
<ul>
<li><a href="index-portfolio.html"><div>Portfolio - Layout 1</div></a></li>
<li><a href="index-portfolio-2.html"><div>Portfolio - Layout 2</div></a></li>
<li><a href="index-portfolio-3.html"><div>Portfolio - Masonry</div></a></li>
<li><a href="index-portfolio-4.html"><div>Portfolio - AJAX</div></a></li>
</ul>
</li>
<li><a href="index-blog.html"><div>Home - Blog</div></a>
<ul>
<li><a href="index-blog.html"><div>Blog - Layout 1</div></a></li>
<li><a href="index-blog-2.html"><div>Blog - Layout 2</div></a></li>
<li><a href="index-blog-3.html"><div>Blog - Layout 3</div></a></li>
</ul>
</li>
<li><a href="index-shop.html"><div>Home - Shop</div></a>
<ul>
<li><a href="index-shop.html"><div>Shop - Layout 1</div></a></li>
<li><a href="index-shop-2.html"><div>Shop - Layout 2</div></a></li>
</ul>
</li>
<li><a href="index-magazine.html"><div>Home - Magazine</div></a>
<ul>
<li><a href="index-magazine.html"><div>Magazine - Layout 1</div></a></li>
<li><a href="index-magazine-2.html"><div>Magazine - Layout 2</div></a></li>
<li><a href="index-magazine-3.html"><div>Magazine - Layout 3</div></a></li>
</ul>
</li>
<li><a href="landing.html"><div>Home - Landing Page</div></a>
<ul>
<li><a href="landing.html"><div>Landing Page - Layout 1</div></a></li>
<li><a href="landing-2.html"><div>Landing Page - Layout 2</div></a></li>
<li><a href="landing-3.html"><div>Landing Page - Layout 3</div></a></li>
<li><a href="landing-4.html"><div>Landing Page - Layout 4</div></a></li>
<li><a href="landing-5.html"><div>Landing Page - Layout 5</div></a></li>
</ul>
</li>
<li><a href="index-fullscreen-image.html"><div>Home - Full Screen</div></a>
<ul>
<li><a href="index-fullscreen-image.html"><div>Full Screen - Image</div></a></li>
<li><a href="index-fullscreen-slider.html"><div>Full Screen - Slider</div></a></li>
<li><a href="index-fullscreen-video.html"><div>Full Screen - Video</div></a></li>
</ul>
</li>
<li><a href="index-onepage.html"><div>Home - One Page</div></a>
<ul>
<li><a href="index-onepage.html"><div>One Page - Default</div></a></li>
<li><a href="index-onepage-2.html"><div>One Page - Submenu</div></a></li>
<li><a href="index-onepage-3.html"><div>One Page - Dots Style</div></a></li>
</ul>
</li>
<li><a href="index-wedding.html"><div>Home - Wedding</div></a></li>
<li><a href="index-restaurant.html"><div>Home - Restaurant</div></a></li>
<li><a href="index-events.html"><div>Home - Events</div></a></li>
<li><a href="index-parallax.html"><div>Home - Parallax</div></a></li>
<li><a href="index-app-showcase.html"><div>Home - App Showcase</div></a></li>
<li><a href="index-boxed.html"><div>Home - Boxed Layout</div></a></li>
</ul>
</li>
<li><a href="#"><div>Features</div></a>
<ul>
<li><a href="#"><div><i class="icon-stack"></i>Sliders</div></a>
<ul>
<li><a href="slider-revolution.html"><div>Revolution Slider</div></a>
<ul>
<li><a href="rs-demo-premium-concept.html"><div>Premium Templates</div></a></li>
<li><a href="slider-revolution.html"><div>Full Screen</div></a></li>
<li><a href="slider-revolution-fullwidth.html"><div>Full Width</div></a></li>
<li><a href="slider-revolution-kenburns.html"><div>Kenburns Effect</div></a></li>
<li><a href="slider-revolution-html5-videos.html"><div>HTML5 Video</div></a></li>
</ul>
</li>
<li><a href="slider-canvas.html"><div>Canvas Slider</div></a>
<ul>
<li><a href="slider-canvas.html"><div>Full Width</div></a></li>
<li><a href="slider-canvas-fade.html"><div>Fade Transition</div></a></li>
<li><a href="slider-canvas-autoplay.html"><div>Autoplay Feature</div></a></li>
<li><a href="slider-canvas-video-event.html"><div>Custom Video Event</div></a></li>
<li><a href="slider-canvas-pagination.html"><div>Pagination Navigation</div></a></li>
<li><a href="slider-canvas-3.html"><div>3 Columns</div></a></li>
<li><a href="slider-canvas-4.html"><div>4 Columns</div></a></li>
<li><a href="slider-canvas-5.html"><div>5 Columns</div></a></li>
</ul>
</li>
<li><a href="slider-flex.html"><div>Flex Slider</div></a>
<ul>
<li><a href="slider-flex.html"><div>Default Layout</div></a></li>
<li><a href="slider-flex-thumbs.html"><div>with Thumbs</div></a></li>
</ul>
</li>
<li><a href="slider-owl.html"><div>Owl Slider</div></a>
<ul>
<li><a href="slider-owl-full.html"><div>Full Width</div></a></li>
<li><a href="slider-owl.html"><div>Boxed Width</div></a></li>
<li><a href="slider-owl-videos.html"><div>Video Slider</div></a></li>
</ul>
</li>
<li><a href="static-parallax.html"><div>Static Media</div></a>
<ul>
<li><a href="static-parallax.html"><div>Static - Parallax</div></a></li>
<li><a href="static-image.html"><div>Static - Image</div></a></li>
<li><a href="static-thumbs-grid.html"><div>Static - Thumb Gallery</div></a></li>
<li><a href="static-html5-video.html"><div>Static - HTML5 Video</div></a></li>
<li><a href="static-embed-video.html"><div>Static - Embedded Video</div></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="widgets.html"><div><i class="icon-gift"></i>Widgets</div></a>
<ul>
<li><a href="widgets.html"><div>Links</div></a></li>
<li><a href="widgets.html"><div>Flickr Photostream</div></a></li>
<li><a href="widgets.html"><div>Dribbble Shots</div></a></li>
<li><a href="widgets.html"><div>Instagram Feed</div></a></li>
<li><a href="widgets.html"><div>Posts List</div></a></li>
<li><a href="widgets.html"><div>Twitter Feed</div></a></li>
<li><a href="widgets.html"><div>Tabbed Widgets</div></a></li>
<li><a href="widgets.html"><div>Carousel</div></a></li>
<li><a href="widgets.html"><div>Subscribers</div></a></li>
<li><a href="widgets.html"><div>Social Icons</div></a></li>
<li><a href="widgets.html"><div>Testimonials</div></a></li>
<li><a href="widgets.html"><div>Quick Contact</div></a></li>
<li><a href="widgets.html"><div>Tags Cloud</div></a></li>
<li><a href="widgets.html"><div>Video Embeds</div></a></li>
<li><a href="widgets.html"><div>Raw Text/HTML</div></a></li>
</ul>
</li>
<li><a href="#"><div><i class="icon-umbrella"></i>Headers</div></a>
<ul>
<li><a href="header-light.html"><div>Light Version</div></a></li>
<li><a href="header-dark.html"><div>Dark Version</div></a></li>
<li><a href="header-transparent.html"><div>Transparent</div></a></li>
<li><a href="header-semi-transparent.html"><div>Semi Transparent</div></a>
<ul>
<li><a href="header-semi-transparent.html"><div>Light Version</div></a></li>
<li><a href="header-semi-transparent-dark.html"><div>Dark Version</div></a></li>
</ul>
</li>
<li><a href="header-side-left.html"><div>Left Side Header</div></a>
<ul>
<li><a href="header-side-left.html"><div>Fixed Position</div></a></li>
<li><a href="header-side-left-open.html"><div>OnClick Open</div></a></li>
<li><a href="header-side-left-open-push.html"><div>Push Content</div></a></li>
</ul>
</li>
<li><a href="header-side-right.html"><div>Right Side Header</div></a>
<ul>
<li><a href="header-side-right.html"><div>Fixed Position</div></a></li>
<li><a href="header-side-right-open.html"><div>OnClick Open</div></a></li>
<li><a href="header-side-right-open-push.html"><div>Push Content</div></a></li>
</ul>
</li>
<li><a href="header-floating.html"><div>Floating Version</div></a></li>
<li><a href="static-sticky.html"><div>Static Sticky</div></a></li>
<li><a href="responsive-sticky.html"><div>Responsive Sticky</div></a></li>
<li><a href="logo-changer.html"><div>Alternate Logos</div></a></li>
<li><a href="alternate-mobile-menu.html"><div>Alternate Mobile Menu</div></a></li>
</ul>
</li>
<li><a href="side-panel.html"><div><i class="icon-line-layout"></i>Side Panel</div></a>
<ul>
<li><a href="side-panel-left-overlay.html"><div>Left Overlay</div></a></li>
<li><a href="side-panel-left-push.html"><div>Left Push</div></a></li>
<li><a href="side-panel-right-overlay.html"><div>Right Overlay</div></a></li>
<li><a href="side-panel.html"><div>Right Push</div></a></li>
<li><a href="side-panel-light.html"><div>Light Background</div></a></li>
</ul>
</li>
<li><a href="mega-menu.html"><div><i class="icon-line-columns"></i>Mega Menu</div></a></li>
<li><a href="#"><div><i class="icon-align-justify2"></i>Menu Styles</div></a>
<ul>
<li><a href="header-light.html"><div>Menu - Style 1</div></a></li>
<li><a href="menu-2.html"><div>Menu - Style 2</div></a></li>
<li><a href="menu-3.html"><div>Menu - Style 3</div></a></li>
<li><a href="menu-4.html"><div>Menu - Style 4</div></a></li>
<li><a href="menu-5.html"><div>Menu - Style 5</div></a></li>
<li><a href="menu-6.html"><div>Menu - Style 6</div></a></li>
<li><a href="menu-7.html"><div>Menu - Style 7</div></a></li>
<li><a href="menu-8.html"><div>Menu - Style 8</div></a></li>
<li><a href="menu-9.html"><div>Menu - Style 9</div></a></li>
<li><a href="menu-10.html"><div>Menu - Overlay</div></a></li>
<li><a href="split-menu.html"><div>Menu - Split Layout</div></a></li>
</ul>
</li>
<li><a href="#"><div><i class="icon-ok-sign"></i>Page Titles</div></a>
<ul>
<li><a href="page.html"><div>Left Align</div></a></li>
<li><a href="page-title-right.html"><div>Right Align</div></a></li>
<li><a href="page-title-center.html"><div>Center Align</div></a></li>
<li><a href="page-titledark.html"><div>Dark Style</div></a></li>
<li><a href="page-title-pattern.html"><div>Pattern Background</div></a></li>
<li><a href="page-title-parallax.html"><div>Parallax Background</div></a>
<ul>
<li><a href="page-title-parallax.html"><div>Default Header</div></a></li>
<li><a href="page-title-parallax-header.html"><div>Transparent Header</div></a></li>
</ul>
</li>
<li><a href="page-title-video.html"><div>HTML5 Video</div></a></li>
<li><a href="page-title-nobg.html"><div>No Background</div></a></li>
<li><a href="page-title-mini.html"><div>Mini Version</div></a></li>
</ul>
</li>
<li><a href="contact.html"><div><i class="icon-envelope-alt"></i>Contact Pages</div></a>
<ul>
<li><a href="contact.html">Contact 1</a></li>
<li><a href="contact-2.html">Contact 2</a></li>
<li><a href="contact-3.html">Contact 3</a></li>
<li><a href="contact-4.html">Contact 4</a></li>
<li><a href="contact-5.html">Contact 5</a></li>
<li><a href="contact-6.html">Contact 6</a></li>
<li><a href="contact-7.html">Contact 7</a></li>
</ul>
</li>
<li><a href="#footer" data-scrollto="#footer"><div><i class="icon-th"></i>Footers</div></a>
<ul>
<li><a href="sticky-footer.html"><div>Sticky Footer</div></a></li>
<li><a href="#footer" data-scrollto="#footer"><div>Footer - Layout 1</div></a></li>
<li><a href="footer-2.html#footer"><div>Footer - Layout 2</div></a></li>
<li><a href="footer-3.html#footer"><div>Footer - Layout 3</div></a></li>
<li><a href="footer-4.html#footer"><div>Footer - Layout 4</div></a></li>
<li><a href="footer-5.html#footer"><div>Footer - Layout 5</div></a></li>
<li><a href="footer-6.html#footer"><div>Footer - Layout 6</div></a></li>
<li><a href="footer-7.html#footer"><div>Footer - Layout 7</div></a></li>
</ul>
</li>
<li><a href="#"><div><i class="icon-calendar3"></i>Events</div></a>
<ul>
<li><a href="events-calendar.html"><div>Full Width Calendar</div></a></li>
<li><a href="events-list.html"><div>Events List</div></a>
<ul>
<li><a href="events-list.html"><div>Right Sidebar</div></a></li>
<li><a href="events-list-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="events-list-both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="events-list-fullwidth.html"><div>Full Width</div></a></li>
<li><a href="events-list-parallax.html"><div>Parallax List</div></a></li>
</ul>
</li>
<li><a href="event-single.html"><div>Single Event</div></a>
<ul>
<li><a href="event-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="event-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="event-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="event-single.html"><div>Full Width</div></a></li>
</ul>
</li>
<li><a href="event-single-full-width-image.html"><div>Single Event - Full</div></a>
<ul>
<li><a href="event-single-full-width-image.html"><div>Parallax Image</div></a></li>
<li><a href="event-single-full-width-map.html"><div>Google Map</div></a></li>
<li><a href="event-single-full-width-slider.html"><div>Slider Gallery</div></a></li>
<li><a href="event-single-full-width-video.html"><div>HTML5 Video</div></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="modal-onload.html"><div><i class="icon-line-expand"></i>Modal OnLoad</div></a>
<ul>
<li><a href="modal-onload.html"><div>Simple Layout</div></a></li>
<li><a href="modal-onload-iframe.html"><div>Video iFrame</div></a></li>
<li><a href="modal-onload-subscribe.html"><div>Subscription Form</div></a></li>
<li><a href="modal-onload-common-height.html"><div>Common Height</div></a></li>
<li><a href="modal-onload-cookie.html"><div>Cookies Enabled</div></a></li>
</ul>
</li>
<li><a href="coming-soon.html"><div><i class="icon-time"></i>Coming Soon</div></a>
<ul>
<li><a href="coming-soon.html"><div>Simple Layout</div></a></li>
<li><a href="coming-soon-2.html"><div>Parallax Image</div></a></li>
<li><a href="coming-soon-3.html"><div>HTML5 Video</div></a></li>
</ul>
</li>
<li><a href="profile.html"><div><i class="icon-user"></i>User Profile</div></a></li>
</ul>
</li>
<li class="mega-menu"><a href="#"><div>Pages</div></a>
<div class="mega-menu-content style-2 clearfix">
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Introduction</div></a>
<ul>
<li><a href="about.html"><div>About Us</div></a></li>
<li><a href="about-2.html"><div>About Us - Layout 2</div></a></li>
<li><a href="about-me.html"><div>About Me</div></a></li>
<li><a href="team.html"><div>Team Members</div></a></li>
<li><a href="jobs.html"><div>Careers</div></a></li>
<li><a href="side-navigation.html"><div>Side Navigation</div></a></li>
<li><a href="page-submenu.html"><div>Page Submenu</div></a></li>
<li><a href="sitemap.html"><div>Sitemap</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Utility</div></a>
<ul>
<li><a href="services.html"><div>Services - Layout 1</div></a></li>
<li><a href="services-2.html"><div>Services - Layout 2</div></a></li>
<li><a href="services-3.html"><div>Services - Layout 3</div></a></li>
<li><a href="faqs.html"><div>FAQs - Layout 1</div></a></li>
<li><a href="faqs-2.html"><div>FAQs - Layout 2</div></a></li>
<li><a href="faqs-3.html"><div>FAQs - Layout 3</div></a></li>
<li><a href="faqs-4.html"><div>FAQs - Layout 4</div></a></li>
<li><a href="maintenance.html"><div>Maintenance Page</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Layout Grids</div></a>
<ul>
<li><a href="full-width.html"><div>Full Width</div></a></li>
<li><a href="full-width-wide.html"><div>Full Width - Wide</div></a></li>
<li><a href="right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="both-right-sidebar.html"><div>Both Right Sidebar</div></a></li>
<li><a href="both-left-sidebar.html"><div>Both Left Sidebar</div></a></li>
<li><a href="blank-page.html"><div>Blank Page</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Miscellaneous</div></a>
<ul>
<li><a href="login-register.html"><div>Login/Register</div></a></li>
<li><a href="login-register-2.html"><div>Login/Register - Style 2</div></a></li>
<li><a href="login-register-3.html"><div>Login/Register - Style 3</div></a></li>
<li><a href="login-1.html"><div>Login - Style 1</div></a></li>
<li><a href="login-2.html"><div>Login - Style 2</div></a></li>
<li><a href="404.html"><div>404 - Simple Layout</div></a></li>
<li><a href="404-2.html"><div>404 - Parallax Image</div></a></li>
<li><a href="404-3.html"><div>404 - HTML5 Video</div></a></li>
</ul>
</li>
</ul>
</div>
</li>
<li class="mega-menu"><a href="#"><div>Portfolio</div></a>
<div class="mega-menu-content style-2 clearfix">
<ul class="mega-menu-column col-5">
<li class="mega-menu-title"><a href="#"><div>Grids</div></a>
<ul>
<li><a href="portfolio-1.html"><div>1 Column</div></a></li>
<li><a href="portfolio-2.html"><div>2 Columns</div></a></li>
<li><a href="portfolio-3.html"><div>3 Columns</div></a></li>
<li><a href="portfolio.html"><div>4 Columns</div></a></li>
<li><a href="portfolio-5.html"><div>5 Columns</div></a></li>
<li><a href="portfolio-6.html"><div>6 Columns</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-5">
<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
<ul>
<li><a href="portfolio-mixed-masonry.html"><div>Mixed Columns</div></a></li>
<li><a href="portfolio-2-masonry.html"><div>2 Columns</div></a></li>
<li><a href="portfolio-3-masonry.html"><div>3 Columns</div></a></li>
<li><a href="portfolio-masonry.html"><div>4 Columns</div></a></li>
<li><a href="portfolio-5-masonry.html"><div>5 Columns</div></a></li>
<li><a href="portfolio-6-masonry.html"><div>6 Columns</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-5">
<li class="mega-menu-title"><a href="#"><div>Loading Styles</div></a>
<ul>
<li><a href="portfolio.html"><div>jQuery Filter</div></a></li>
<li><a href="portfolio-jpagination.html"><div>jQuery Pagination</div></a></li>
<li><a href="portfolio-infinity-scroll.html"><div>Infinity Scroll</div></a></li>
<li><a href="portfolio-ajax.html"><div>AJAX In Page</div></a></li>
<li><a href="portfolio-ajax-in-modal.html"><div>AJAX In Modal</div></a></li>
<li><a href="portfolio-filter-styles.html"><div>Filter Styles</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-5">
<li class="mega-menu-title"><a href="#"><div>Single Project</div></a>
<ul>
<li><a href="portfolio-single-extended.html"><div>Extended Item</div></a></li>
<li><a href="portfolio-single-fullwidth.html"><div>Parallax Image</div></a></li>
<li><a href="portfolio-single-gallery-full.html"><div>Slider Gallery</div></a></li>
<li><a href="portfolio-single-video-fullwidth-left-sidebar.html"><div>HTML5 Video</div></a></li>
<li><a href="portfolio-single-thumbs-right-sidebar.html"><div>Masonry Thumbs</div></a></li>
<li><a href="portfolio-single-video-both-sidebar.html"><div>Embed Video</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-5">
<li class="mega-menu-title"><a href="#"><div>Layouts</div></a>
<ul>
<li><a href="portfolio-nomargin.html"><div>Default</div></a></li>
<li><a href="portfolio-1-alt-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="portfolio-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="portfolio-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="portfolio-fullwidth-notitle.html"><div>100% Width</div></a></li>
<li><a href="portfolio-parallax.html"><div>Parallax</div></a></li>
</ul>
</li>
</ul>
</div>
</li>
<li class="mega-menu"><a href="#"><div>Blog</div></a>
<div class="mega-menu-content style-2 clearfix">
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Default</div></a>
<ul>
<li><a href="blog.html"><div>Right Sidebar</div></a></li>
<li><a href="blog-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="blog-both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="blog-full-width.html"><div>Full Width</div></a></li>
</ul>
</li>
<li class="mega-menu-title"><a href="#"><div>Timeline</div></a>
<ul>
<li><a href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="blog-timeline.html"><div>Full Width</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
<ul>
<li><a href="blog-masonry.html"><div>4 Columns</div></a></li>
<li><a href="blog-masonry-3.html"><div>3 Columns</div></a></li>
<li><a href="blog-masonry-2.html"><div>2 Columns</div></a></li>
<li><a href="blog-masonry-full.html"><div>100% Width</div></a></li>
</ul>
</li>
<li class="mega-menu-title"><a href="#"><div>Grid</div></a>
<ul>
<li><a href="blog-grid.html"><div>4 Columns</div></a></li>
<li><a href="blog-grid-3.html"><div>3 Columns</div></a></li>
<li><a href="blog-grid-2.html"><div>2 Columns</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Small Thumbs</div></a>
<ul>
<li><a href="blog-small-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="blog-small.html"><div>Right Sidebar</div></a></li>
<li><a href="blog-small-both-sidebar.html"><div>Both Sidebar</div></a></li>
<li><a href="blog-small-full-width.html"><div>Full Width</div></a></li>
<li><a href="blog-small-alt.html"><div>Alternate Layout</div></a></li>
</ul>
</li>
<li class="mega-menu-title"><a href="#"><div>Item Splitting</div></a>
<ul>
<li><a href="blog-grid.html"><div>Pagination</div></a></li>
<li><a href="blog-masonry.html"><div>Infinite Scroll</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column col-lg-3">
<li class="mega-menu-title"><a href="#"><div>Single</div></a>
<ul>
<li><a href="blog-single.html"><div>Default Layout</div></a></li>
<li><a href="blog-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="blog-single-full.html"><div>Full Width</div></a></li>
<li><a href="blog-single-small.html"><div>Small Image</div></a></li>
<li><a href="blog-single-split-right-sidebar.html"><div>Split Layout</div></a></li>
</ul>
</li>
<li class="mega-menu-title"><a href="#"><div>Comments Module</div></a>
<ul>
<li><a href="blog-single-left-sidebar.html#comments"><div>Facebook Comments</div></a></li>
<li><a href="blog-single-small.html#comments"><div>Disqus Comments</div></a></li>
</ul>
</li>
</ul>
</div>
</li>
<li><a href="shop.html"><div>Shop</div></a>
<ul>
<li><a href="shop.html"><div>4 Columns</div></a></li>
<li><a href="shop-3.html"><div>3 Columns</div></a>
<ul>
<li><a href="shop-3.html"><div>Full Width</div></a></li>
<li><a href="shop-3-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="shop-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
</ul>
</li>
<li><a href="shop-2.html"><div>2 Columns</div></a>
<ul>
<li><a href="shop-2-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="shop-2-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="shop-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
</ul>
</li>
<li><a href="shop-1.html"><div>1 Columns</div></a>
<ul>
<li><a href="shop-1.html"><div>Full Width</div></a></li>
<li><a href="shop-1-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="shop-1-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="shop-1-both-sidebar.html"><div>Both Sidebar</div></a></li>
</ul>
</li>
<li><a href="shop-category-parallax.html"><div>Categories - Parallax</div></a></li>
<li><a href="shop-combination-filter.html"><div>Combination Filter</div></a></li>
<li><a href="shop-single.html"><div>Single Product</div></a>
<ul>
<li><a href="shop-single.html"><div>Full Width</div></a></li>
<li><a href="shop-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
<li><a href="shop-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
<li><a href="shop-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
</ul>
</li>
<li><a href="cart.html"><div>Cart</div></a></li>
<li><a href="checkout.html"><div>Checkout</div></a></li>
</ul>
</li>
<li class="mega-menu"><a href="#"><div>Shortcodes</div></a>
<div class="mega-menu-content clearfix">
<ul class="mega-menu-column col-5">
<li><a href="animations.html"><div><i class="icon-magic"></i>Animations</div></a></li>
<li><a href="buttons.html"><div><i class="icon-link"></i>Buttons</div></a></li>
<li><a href="carousel.html"><div><i class="icon-heart3"></i>Carousel</div></a></li>
<li><a href="charts.html"><div><i class="icon-bar-chart"></i>Charts</div></a></li>
<li><a href="clients.html"><div><i class="icon-apple"></i>Clients</div></a></li>
<li><a href="columns-grids.html"><div><i class="icon-th-large"></i>Columns</div></a></li>
<li><a href="counters.html"><div><i class="icon-time"></i>Counters</div></a></li>
<li><a href="component-datatable.html"><div><i class="icon-table"></i>Data Tables</div></a></li>
<li><a href="component-datepicker.html"><div><i class="icon-calendar3"></i>Date &amp; Time Pickers</div></a></li>
</ul>
<ul class="mega-menu-column col-5">
<li><a href="dividers.html"><div><i class="icon-indent-right"></i>Dividers</div></a></li>
<li><a href="featured-boxes.html"><div><i class="icon-lightbulb"></i>Icon Boxes</div></a></li>
<li><a href="gallery.html"><div><i class="icon-picture"></i>Galleries</div></a></li>
<li><a href="headings-dropcaps.html"><div><i class="icon-pencil2"></i>Heading Styles</div></a></li>
<li><a href="icon-lists.html"><div><i class="icon-list-alt"></i>Icon Lists</div></a></li>
<li><a href="labels-badges.html"><div><i class="icon-plus-sign"></i>Labels</div></a></li>
<li><a href="lightbox.html"><div><i class="icon-resize-full"></i>Lightbox</div></a></li>
<li><a href="form-elements.html"><div><i class="icon-edit"></i>Form Elements</div></a></li>
<li><a href="component-uploads.html"><div><i class="icon-line-upload"></i>File Uploads</div></a></li>
</ul>
<ul class="mega-menu-column col-5">
<li><a href="lists-cards.html"><div><i class="icon-th-list"></i>Lists &amp; Cards</div></a></li>
<li><a href="maps.html"><div><i class="icon-map-marker2"></i>Maps</div></a></li>
<li><a href="media-embeds.html"><div><i class="icon-play"></i>Media Embeds</div></a></li>
<li><a href="modal-popovers.html"><div><i class="icon-move"></i>Modal Boxes</div></a></li>
<li><a href="navigation.html"><div><i class="icon-align-justify2"></i>Navigations</div></a></li>
<li><a href="pagination-progress.html"><div><i class="icon-cogs"></i>Pagination</div></a></li>
<li><a href="pie-skills.html"><div><i class="icon-tasks"></i>Pies &amp; Skills</div></a></li>
<li><a href="component-range-slider.html"><div><i class="icon-line-move"></i>Range Slider</div></a></li>
<li><a href="component-ratings.html"><div><i class="icon-star3"></i>Star Ratings</div></a></li>
</ul>
<ul class="mega-menu-column col-5">
<li><a href="pricing.html"><div><i class="icon-dollar"></i>Pricing Boxes</div></a></li>
<li><a href="process-steps.html"><div><i class="icon-thumbs-up"></i>Process Steps</div></a></li>
<li><a href="promo-boxes.html"><div><i class="icon-rocket"></i>Promo Boxes</div></a></li>
<li><a href="quotes-blockquotes.html"><div><i class="icon-quote-left"></i>Blockquotes</div></a></li>
<li><a href="responsive.html"><div><i class="icon-laptop2"></i>Responsive</div></a></li>
<li><a href="sections.html"><div><i class="icon-folder-open"></i>Sections</div></a></li>
<li><a href="social-icons.html"><div><i class="icon-facebook2"></i>Social Icons</div></a></li>
<li><a href="component-select-picker.html"><div><i class="icon-select"></i>Select Picker</div></a></li>
<li><a href="component-select-box.html"><div><i class="icon-line-columns"></i>Select Boxes</div></a></li>
</ul>
<ul class="mega-menu-column col-5">
<li><a href="style-boxes.html"><div><i class="icon-exclamation-sign"></i>Alert Boxes</div></a></li>
<li><a href="styled-icons.html"><div><i class="icon-flag2"></i>Styled Icons</div></a></li>
<li><a href="tables.html"><div><i class="icon-table"></i>Tables</div></a></li>
<li><a href="tabs.html"><div><i class="icon-star3"></i>Tabs</div></a></li>
<li><a href="testimonials-twitter.html"><div><i class="icon-user4"></i>Testimonials</div></a></li>
<li><a href="thumbnails-slider.html"><div><i class="icon-camera3"></i>Thumbnails</div></a></li>
<li><a href="toggles-accordions.html"><div><i class="icon-ok-circle"></i>Toggles</div></a></li>
<li><a href="component-radios-switches.html"><div><i class="icon-line-square-check"></i>Radios &amp; Switches</div></a></li>
<li><a href="component-typeahead.html"><div><i class="icon-type"></i>Input Typeahead</div></a></li>
</ul>
</div>
</li>
</ul>
</nav><!-- #primary-menu end -->
+13
View File
@@ -0,0 +1,13 @@
<nav id="primary-menu">
<ul>
<li class="current"><a href="/"><div>Home</div></a> </li>
<li><a href="#"><div>How it Works</div></a></li>
<li><a href="#"><div>Market</div></a></li>
<li><a href="/login"><div>Login</div></a></li>
<li class="mega-menu" style="background-color: #6666ff;"><a href="/registration"><div>Sign up</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
+524
View File
@@ -0,0 +1,524 @@
<section id="slider" class="slider-element slider-parallax swiper_wrapper clearfix">
<div class="slider-parallax-inner">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark" style="background-image: url('images/slider/swiper/1.jpg');">
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp">Welcome to WrenchBoard</h2>
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">Create just what you need for your Perfect Website. Choose from a wide range of Elements &amp; simply put them on our Canvas.</p>
</div>
</div>
</div>
<div class="swiper-slide dark">
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp">Beautifully Flexible</h2>
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">Looks beautiful &amp; ultra-sharp on Retina Screen Displays. Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
</div>
</div>
<div class="video-wrap">
<video poster="/hassets2/images/videos/explore.jpg" preload="auto" loop autoplay muted>
<source src='/hassets2/images/videos/explore.mp4' type='video/mp4' />
<source src='/hassets2/images/videos/explore.webm' type='video/webm' />
</video>
<div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div>
</div>
</div>
<div class="swiper-slide" style="background-image: url('/hassets2/images/slider/swiper/3.jpg'); background-position: center top;">
<div class="container clearfix">
<div class="slider-caption">
<h2 data-caption-animate="fadeInUp">Great Performance</h2>
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">You'll be surprised to see the Final Results of your Creation &amp; would crave for more.</p>
</div>
</div>
</div>
</div>
<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
<div class="slide-number"><div class="slide-number-current"></div><span>/</span><div class="slide-number-total"></div></div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="promo promo-light promo-full bottommargin-lg header-stick notopborder">
<div class="container clearfix">
<h3>Call us today at <span>+91.22.57412541</span> or Email us at <span>support@canvas.com</span></h3>
<span>We strive to provide Our Customers with Top Notch Support to make their Theme Experience Wonderful</span>
<a href="/login" class="button button-dark button-xlarge button-rounded">Your Dashboard</a>
</div>
</div>
<div class="container clearfix">
<div class="col_one_fourth nobottommargin">
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
<div class="fbox-icon">
<a href="#"><i class="i-alt noborder icon-shop"></i></a>
</div>
<h3>e-Commerce Solutions<span class="subtitle">Start your Own Shop today</span></h3>
</div>
</div>
<div class="col_one_fourth nobottommargin">
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
<div class="fbox-icon">
<a href="#"><i class="i-alt noborder icon-wallet"></i></a>
</div>
<h3>Easy Payment Options<span class="subtitle">Credit Cards &amp; PayPal Support</span></h3>
</div>
</div>
<div class="col_one_fourth nobottommargin">
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
<div class="fbox-icon">
<a href="#"><i class="i-alt noborder icon-megaphone"></i></a>
</div>
<h3>Instant Notifications<span class="subtitle">Realtime Email &amp; SMS Support</span></h3>
</div>
</div>
<div class="col_one_fourth nobottommargin col_last">
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
<div class="fbox-icon">
<a href="#"><i class="i-alt noborder icon-fire"></i></a>
</div>
<h3>Hot Offers Daily<span class="subtitle">Upto 50% Discounts</span></h3>
</div>
</div>
<div class="clear"></div><div class="line bottommargin-lg"></div>
<div class="col_two_fifth nobottommargin">
<a href="http://vimeo.com/101373765" data-lightbox="iframe">
<img src="/hassets2/images/others/1.jpg" alt="Image">
<span class="i-overlay"><img src="/hassets2/images/icons/play.png" alt="Play"></span>
</a>
</div>
<div class="col_three_fifth nobottommargin col_last">
<div class="heading-block">
<h2>Globally Preferred Ecommerce Platform</h2>
</div>
<p>Worldwide John Lennon, mobilize humanitarian; emergency response donors; cause human experience effect. Volunteer Action Against Hunger Aga Khan safeguards women's.</p>
<div class="col_half nobottommargin">
<ul class="iconlist iconlist-color nobottommargin">
<li><i class="icon-caret-right"></i> Responsive Ready Layout</li>
<li><i class="icon-caret-right"></i> Retina Display Supported</li>
<li><i class="icon-caret-right"></i> Powerful &amp; Optimized Code</li>
<li><i class="icon-caret-right"></i> 380+ Templates Included</li>
</ul>
</div>
<div class="col_half nobottommargin col_last">
<ul class="iconlist iconlist-color nobottommargin">
<li><i class="icon-caret-right"></i> 12+ Headers &amp; Menu Designs</li>
<li><i class="icon-caret-right"></i> Premium Sliders Included</li>
<li><i class="icon-caret-right"></i> Light &amp; Dark Colors</li>
<li><i class="icon-caret-right"></i> e-Commerce Design Included</li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div class="section topmargin-lg">
<div class="container clearfix">
<div class="heading-block center">
<h2>Features that you are gonna Love</h2>
<span>Canvas comes with 100+ Feature oriented Shortcodes that are easy to use too.</span>
</div>
<div class="clear bottommargin-sm"></div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn">
<div class="fbox-icon">
<a href="#"><i class="icon-phone2"></i></a>
</div>
<h3>Responsive Layout</h3>
<p>Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
</div>
</div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="200">
<div class="fbox-icon">
<a href="#"><i class="icon-eye"></i></a>
</div>
<h3>Retina Ready Graphics</h3>
<p>Looks beautiful &amp; ultra-sharp on Retina Displays with Retina Icons, Fonts &amp; Images.</p>
</div>
</div>
<div class="col_one_third col_last">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="400">
<div class="fbox-icon">
<a href="#"><i class="icon-star2"></i></a>
</div>
<h3>Powerful Performance</h3>
<p>Optimized code that are completely customizable and deliver unmatched fast performance.</p>
</div>
</div>
<div class="clear"></div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="600">
<div class="fbox-icon">
<a href="#"><i class="icon-video"></i></a>
</div>
<h3>HTML5 Video</h3>
<p>Canvas provides support for Native HTML5 Videos that can be added to a Full Width Background.</p>
</div>
</div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="800">
<div class="fbox-icon">
<a href="#"><i class="icon-params"></i></a>
</div>
<h3>Parallax Support</h3>
<p>Display your Content attractively using Parallax Sections that have unlimited customizable areas.</p>
</div>
</div>
<div class="col_one_third col_last">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1000">
<div class="fbox-icon">
<a href="#"><i class="icon-fire"></i></a>
</div>
<h3>Endless Possibilities</h3>
<p>Complete control on each &amp; every element that provides endless customization possibilities.</p>
</div>
</div>
<div class="clear"></div>
<div class="col_one_third nobottommargin">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1200">
<div class="fbox-icon">
<a href="#"><i class="icon-bulb"></i></a>
</div>
<h3>Light &amp; Dark Color Schemes</h3>
<p>Change your Website's Primary Scheme instantly by simply adding the dark class to the body.</p>
</div>
</div>
<div class="col_one_third nobottommargin">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1400">
<div class="fbox-icon">
<a href="#"><i class="icon-heart2"></i></a>
</div>
<h3>Boxed &amp; Wide Layouts</h3>
<p>Stretch your Website to the Full Width or make it boxed to surprise your visitors.</p>
</div>
</div>
<div class="col_one_third nobottommargin col_last">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1600">
<div class="fbox-icon">
<a href="#"><i class="icon-note"></i></a>
</div>
<h3>Extensive Documentation</h3>
<p>We have covered each &amp; everything in our Documentation including Videos &amp; Screenshots.</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="container clearfix">
<div class="heading-block center">
<h3>Some of our <span>Featured</span> Works</h3>
<span>We have worked on some Awesome Projects that are worth boasting of.</span>
</div>
<div id="oc-portfolio" class="owl-carousel portfolio-carousel portfolio-nomargin carousel-widget" data-margin="1" data-pagi="false" data-autoplay="5000" data-items-xs="1" data-items-sm="2" data-items-md="3" data-items-xl="4">
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="/hassets2/images/portfolio/4/1.jpg" alt="Open Imagination">
</a>
<div class="portfolio-overlay">
<a href="/hassets2/images/portfolio/full/1.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single.html">Open Imagination</a></h3>
<span><a href="#">Media</a>, <a href="#">Icons</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="/hassets2/images/portfolio/4/2.jpg" alt="Locked Steel Gate">
</a>
<div class="portfolio-overlay">
<a href="/hassets2/images/portfolio/full/2.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single.html">Locked Steel Gate</a></h3>
<span><a href="#">Illustrations</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="#">
<img src="/hassets2/images/portfolio/4/3.jpg" alt="Mac Sunglasses">
</a>
<div class="portfolio-overlay">
<a href="http://vimeo.com/89396394" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single-video.html">Mac Sunglasses</a></h3>
<span><a href="#">Graphics</a>, <a href="#">UI Elements</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="/hassets2/images/portfolio/4/5.jpg" alt="Console Activity">
</a>
<div class="portfolio-overlay">
<a href="/hassets2/images/portfolio/full/5.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single.html">Console Activity</a></h3>
<span><a href="#">UI Elements</a>, <a href="#">Media</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single-video.html">
<img src="/hassets2/images/portfolio/4/7.jpg" alt="Backpack Contents">
</a>
<div class="portfolio-overlay">
<a href="http://www.youtube.com/watch?v=kuceVNBTJio" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single-video.html">Backpack Contents</a></h3>
<span><a href="#">UI Elements</a>, <a href="#">Icons</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="/hassets2/images/portfolio/4/8.jpg" alt="Sunset Bulb Glow">
</a>
<div class="portfolio-overlay">
<a href="/hassets2/images/portfolio/full/8.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single.html">Sunset Bulb Glow</a></h3>
<span><a href="#">Graphics</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single-video.html">
<img src="/hassets2/images/portfolio/4/10.jpg" alt="Study Table">
</a>
<div class="portfolio-overlay">
<a href="http://vimeo.com/91973305" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single-video.html">Study Table</a></h3>
<span><a href="#">Graphics</a>, <a href="#">Media</a></span>
</div>
</div>
</div>
<div class="oc-item">
<div class="iportfolio">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="/hassets2/images/portfolio/4/11.jpg" alt="Workspace Stuff">
</a>
<div class="portfolio-overlay">
<a href="/hassets2/images/portfolio/full/11.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single.html">Workspace Stuff</a></h3>
<span><a href="#">Media</a>, <a href="#">Icons</a></span>
</div>
</div>
</div>
</div>
</div>
<div class="section topmargin-sm nobottommargin">
<div class="container clearfix">
<div class="heading-block center">
<h3>Testimonials</h3>
<span>Check out some of our Client Reviews</span>
</div>
<ul class="testimonials-grid grid-3 clearfix nobottommargin">
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/1.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero illo rerum repellendus!</p>
<div class="testi-meta">
John Doe
<span>XYZ Inc.</span>
</div>
</div>
</div>
</li>
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/2.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Natus voluptatum enim quod necessitatibus quis expedita harum provident eos obcaecati id culpa corporis molestias.</p>
<div class="testi-meta">
Collis Ta'eed
<span>Envato Inc.</span>
</div>
</div>
</div>
</li>
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/7.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Fugit officia dolor sed harum excepturi ex iusto magnam asperiores molestiae qui natus obcaecati facere sint amet.</p>
<div class="testi-meta">
Mary Jane
<span>Google Inc.</span>
</div>
</div>
</div>
</li>
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/3.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Similique fugit repellendus expedita excepturi iure perferendis provident quia eaque. Repellendus, vero numquam?</p>
<div class="testi-meta">
Steve Jobs
<span>Apple Inc.</span>
</div>
</div>
</div>
</li>
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/4.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus, perspiciatis illum totam dolore deleniti labore.</p>
<div class="testi-meta">
Jamie Morrison
<span>Adobe Inc.</span>
</div>
</div>
</div>
</li>
<li>
<div class="testimonial">
<div class="testi-image">
<a href="#"><img src="/hassets2/images/testimonials/8.jpg" alt="Customer Testimonails"></a>
</div>
<div class="testi-content">
<p>Porro dolorem saepe reiciendis nihil minus neque. Ducimus rem necessitatibus repellat laborum nemo quod.</p>
<div class="testi-meta">
Cyan Ta'eed
<span>Tutsplus</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="container clearfix">
</div>
<a href="#" class="button button-full center tright footer-stick">
<div class="container clearfix">
Canvas comes with Unlimited Customizations &amp; Options. <strong>Check Out</strong> <i class="icon-caret-right" style="top:4px;"></i>
</div>
</a>
</div>
</section><!-- #content end -->
+11
View File
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title>403 Forbidden</title>
</head>
<body>
<p>Directory access is forbidden.</p>
</body>
</html>
@@ -0,0 +1,27 @@
<?
setlocale(LC_MONETARY, 'en_NG');
?>
<div class="row">
<div class="col-lg-8">
<div class="panel bg-slate">
<div class="panel-body">
<h3 class="no-margin"><a href='/proj/active'>Active Task(s) <? echo $_SESSION['active_task']; ?></a></h3>
<!-- div class="text-muted text-size-small"><? echo $active_pass_due; ?> pass due</div -->
</div>
</div>
</div>
<div class="col-lg-4">
<div class="panel bg-slate">
<div class="panel-body">
<div class="heading-elements">
<ul class="icons-list">
<li><a data-action="reload"></a></li>
</ul>
</div>
<h3 class="no-margin"><a href='/member/balance'>My Account</a></h3>
<!-- div class="text-muted text-size-small"><a href='/member/balance'>Account page</a></div -->
</div>
</div>
</div>
</div>
@@ -0,0 +1,3 @@
<?
setlocale(LC_MONETARY, 'en_NG');
?>
@@ -0,0 +1,21 @@
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title"><?php echo $contract_id; ?></h5>
</div>
<div class="modal-body">
<b>Title:</b>-<?php echo $title; ?>
<hr>
<b>Price:</b>-<?php echo $price * 0.01; ?> <b>Deliver Date:</b>-<?php echo $delivery_date ?>
<hr>
<b>Description:</b>-<?php echo $description; ?>
<hr>
<b>Delivery Detail:</b>-<?php echo $job_detail; ?>
<hr>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
</div>
@@ -0,0 +1,21 @@
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title"><?php echo $contract_id; ?></h5>
</div>
<div class="modal-body">
<b>Title:</b>-<?php echo $title; ?>
<hr>
<b>Price:</b>-<?php echo $price * 0.01; ?> <b>Duration :</b>-<?php echo $timeline_days ?> days
<hr>
<b>Description:</b>-<?php echo $description; ?>
<hr>
<b>Delivery Detail:</b>-<?php echo $job_detail; ?>
<hr>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
</div>
+111
View File
@@ -0,0 +1,111 @@
<!-- Main content -->
<form method="post" name="post_nav_find" action="/proj/thisjob">
<input type="hidden" name="jobID" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<div class="content-wrapper">
<!-- Quick stats boxes -->
<?php include('common/jobstrip.php');?>
<!-- /quick stats boxes -->
<!-- Marketing campaigns -->
<div class="panel panel-flat">
<div class="panel-heading" style="height: 550px;">
<div class="table-responsive">
<h5 class="panel-title">Active Task</h5>
<?php echo $job_table ?>
</div>
<div class="panel-heading">
<?php echo $links; ?>
</div>
</div>
</div>
<!-- /marketing campaigns -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function showModal(interest_id) {
if (typeof event !== 'undefined') {
event.preventDefault();
}
// collect data - either from forms or from data variables
var id = $(this).data('id');
// load the modal content with a loader gif and message
$('#modal-content').html('Loading...');
// show modal window
$('#modal_theme_primary').modal('show');
// do the ajax bit
var post_data = {
'interest_id': id,
};
$.ajax({
url: "/jobs/jobinterest_modal?interest_id="+interest_id
}).done(function (data) {
//alert(data);
$('#modal-content').html(data);
});
}
function showJobModal(contact_id) {
if (typeof event !== 'undefined') {
event.preventDefault();
}
// collect data - either from forms or from data variables
var id = $(this).data('id');
// load the modal content with a loader gif and message
$('#modal-content').html('Loading...');
// show modal window
$('#modal_theme_primary').modal('show');
// do the ajax bit
var post_data = {
'interest_id': id,
};
$.ajax({
url: "/jobs/jobdetail_modal?contact_id="+contact_id
}).done(function (data) {
//alert(data);
$('#modal-content').html(data);
});
}
// -->
</script>
<!-- Basic modal -->
<div id="modal_theme_primary" class="modal fade">
<div class="modal-dialog">
<div class="modal-content" id="modal-content">
</div>
</div>
</div>
<!-- /basic modal -->
@@ -0,0 +1,42 @@
<!-- Main content -->
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobID" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<div class="content-wrapper">
<!-- Quick stats boxes -->
<?php include('common/jobstrip.php'); ?>
<!-- /quick stats boxes -->
<!-- Marketing campaigns -->
<div class="panel panel-flat">
<div class="panel-heading">
<h5> Completed Job(s)/Task(s)</h5>
</div>
<div class="panel-heading" style="height: 550px;">
<div class="table-responsive">
<?php echo $job_table ?>
</div>
<div class="panel-heading">
<?php echo $links; ?>
</div>
</div>
</div>
<!-- /marketing campaigns -->
</div>
<!-- /main content -->
+98
View File
@@ -0,0 +1,98 @@
<!-- Main content -->
<div class="content-wrapper">
<?php include('common/jobstrip.php'); ?>
<!-- Marketing campaigns -->
<div class="panel panel-flat">
<div class="panel-heading" style="background-color: lightgray; padding-top: 1px; padding-bottom: 3px; padding-left: 10px;">
<h5>Create New Job</h5>
</div>
<div class="panel-heading">
<form class="form-horizontal" action="/jobs/create" method='POST'>
<div class="panel-body">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="form-group">
<label class="col-lg-2 control-label"> Title [75] :</label>
<div class="col-lg-10">
<input type="text" class="form-control" name='title' placeholder="Proj title" maxlength="80">
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">Description [250]:</label>
<div class="col-lg-10">
<textarea rows="2" cols="5" class="form-control" name='description' placeholder="Job Description"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">Job Detail:</label>
<div class="col-lg-10">
<textarea rows="3" cols="5" class="textarea wysihtml5 wysihtml5-min form-control" style="height:180px;" name='job_detail' placeholder="Job Detail"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">Timeline:</label>
<div class="col-lg-10">
<select class="form-control" name='timeline'>
<option value="opt1">Select Market Timeline for this job</option>
<option value="2">2 days</option>
<option value="3">3 days</option>
<option value="4">4 days</option>
<option value="5">5 days</option>
<option value="6">6 days</option>
<option value="7">1 week</option>
<option value="14">2 weeks</option>
<option value="21">3 weeks</option>
<option value="30">1 Month</option>
<option value="60">2 Months</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">Price:</label>
<div class="col-lg-10">
<select class="form-control" name='price'>
<option value="opt1">Select Price for this job</option>
<?php
for ($i = 2000; $i <= 10000; $i = $i + 1000) {
echo "<option value='$i'>$i Naira</option>";
}
?>
</select>
</div>
</div>
<div class="text-right">
<button type="submit" class="btn btn-primary btn-xs">Add Job <i class="icon-arrow-right14 position-right"></i></button>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4"><a href="/jobs/manage/">Return to job my list</a></div>
<div class="col-sm-8">
<div class="text-center">
<?php echo $job_message; ?>
</div></div>
</div>
</div>
</form>
</div>
</div>
<!-- /marketing campaigns -->
</div>
<!-- /main content -->
+28
View File
@@ -0,0 +1,28 @@
<!-- Main content -->
<div class="content-wrapper">
<?php include('common/jobstrip.php'); ?>
<!-- Marketing campaigns -->
<div class="panel panel-flat">
<div class="panel-heading">
<form class="form-horizontal" action="/jobs/jobagree" method='POST'>
<input type='hidden' name='agree_jobs' value='agree_jobs' >
<div class="panel-body">
<div class="row">
<?php echo $txt_detail; ?>
<div class="col-md-10 col-md-offset-1">
<div class="text-right">
<button type="submit" class="btn btn-primary">Agree to Terms <i class="icon-arrow-right14 position-right"></i></button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- /marketing campaigns -->
</div>
<!-- /main content -->
+85
View File
@@ -0,0 +1,85 @@
<!-- Main content -->
<div class="content-wrapper">
<?php include('common/jobstrip.php'); ?>
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title">my Preferred List</h6>
<div class="heading-elements">
<span class="label bg-success heading-text">Use "Preferred List" to create the list of users you prefer to send your offers.</span>
</div>
</div>
</div>
<div class="panel panel-flat" style="height: 580px;">
<div class="panel-heading">
<div class="row">
<div class="col-lg-4">
<form name='addgrp' method='POST' action='/jobs/jobgrp'>
<div class="form-group">
<div class="col-lg-8">
<input type="text" name="group_name" value='' maxlength="25" class='form-control' placeholder='New Group Name...' >
</div>
<div class="col-lg-4">
<input type="submit" class="btn btn-primary btn-xs" name='addgrop' value='Add Group'>
</div>
</div>
</form>
<p>
<?php echo $group_table; ?>
</div>
<div class="col-lg-8">
<p id="jobGroupName" class="text-bold"><?php echo $group_name; ?></p>
<div id="group_member_table">
<?php echo $group_member_table; ?>
</div>
</div>
</div>
<div id="job_message"><?php echo $job_message; ?></div>
</div>
</div>
</div>
<!-- /main content -->
<form method="post" name="deljobgrp" action="/jobs/jobgrp">
<input type="hidden" name="del" value="">
</form>
<form method="post" name="deljobgrpmember" action="/jobs/jobgrp">
<input type="hidden" name="group_id" value="">
<input type="hidden" name="delmember" value="">
</form>
<script type="text/javascript">
<!--
function jobGroupChanged(element, name) {
if (element.checked) {
$('#jobGroupName').html(name);
$('#group_member_table').html('Loading...');
//alert(element.value);
$.ajax({
url: "/jobs/jobgrp_members?group_id=" + element.value
}).done(function (data) {
$('#group_member_table').html(data);
});
}
}
function deleteJobGroup(id, name) {
if (confirm('Are you sure you want to delete ' + name + '?')) {
document.deljobgrp.del.value = id;
document.deljobgrp.submit();
}
}
function deleteJobGroupMember(id, group_id, name) {
if (confirm('Are you sure you want to delete group member ' + name + '?')) {
document.deljobgrpmember.delmember.value = id;
document.deljobgrpmember.group_id.value = group_id;
document.deljobgrpmember.submit();
}
}
// -->
</script>
+183
View File
@@ -0,0 +1,183 @@
<!-- Main content -->
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobID" value="<?php echo $jobID; ?>">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<div class="content-wrapper">
<!-- Quick stats boxes -->
<?php include('common/jobstrip.php'); ?>
<!-- /quick stats boxes -->
<!-- Marketing campaigns -->
<div class="panel panel-flat">
<div class="panel-heading">
<div class="table-responsive">
<?php echo $job_table ?>
</div>
</div>
<div class="panel-heading">
<div class="row">
<form name="job_detail">
<table class='table table-striped table-hover table-bordered table-condensed'>
<thead>
<tr>
<th><b>Job Details: Please provide clear deliverables for this task.</b></th></tr>
</thead>
<tbody>
<tr>
<td><textarea cols="18" rows="3" name='jobdescription' class="wysihtml5 wysihtml5-min form-control" style="height:180px;" placeholder="Enter description here ..."><?php echo $job_description; ?></textarea></td></tr>
</tbody>
</table>
</form>
</div>
<div class="row">
<div class="panel panel-flat">
<div class="panel-body">
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#basic-tab1" data-toggle="tab">Place Job/Task in public</a></li>
<li><a href="#basic-tab2" data-toggle="tab">Send to Specific Email</a></li>
<li><a href="#basic-tab3" data-toggle="tab">Send to my Group</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="basic-tab1">
<h5>Offer this job to public</h5>
<form name="offer_public">
<?php echo $my_post_duration; ?>
<input id="public_submit" type="button" name='send' class="btn btn-primary btn-sm" value='Show Task to Public' onclick="return offerPublic();"><div id="public_result"></div>
</form>
</div>
<div class="tab-pane" id="basic-tab2">
<h5>Offer this job to individual.</h5>
<form name="offer_individual">
<input type="text" class="form-control" id="rec_email" name="rec_email" value='' placeholder="Enter email to send offer...">
<input id="individ_submit" type="button" class="btn btn-primary btn-sm" name='send' value='Send Offer to Individual' onclick="return offerIndividual();"><div id="individ_result"></div>
</form>
</div>
<div class="tab-pane" id="basic-tab3">
<h5>Offer this job to your Group.</h5>
<form name="offer_group">
<?php echo $my_job_group; ?>
<input id="group_submit" type="button" name='send' class="btn btn-primary btn-sm" value='Send Offer to Group' onclick="return offerGroup();"><div id="group_result"></div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /marketing campaigns -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function isEmail(email) {
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
}
function offerIndividual() {
var email = document.offer_individual.rec_email.value;
if (email == '' || !isEmail(email)) {
alert('You must enter e-mail!');
return false;
}
if (document.job_detail.jobdescription.value == '') {
alert('Missing job description!');
return false;
}
var job_description = encodeURIComponent(JSON.stringify(document.job_detail.jobdescription.value));
// alert(job_description);
$('#individ_result').html('Processing...');
$('#individ_submit').prop('disabled', true);
$.ajax({
url: "/jobs/processjob_individ?jobID=<?php echo $jobID; ?>&rec_email=" + encodeURIComponent($('#rec_email').val()) + "&jobdescription=" + job_description
}).done(function (data) {
$('#individ_result').html(data);
document.offer_individual.rec_email.value = '';
$('#individ_submit').prop('disabled', false);
});
return false;
}
function offerGroup() {
if (document.offer_group.job_group.value == '') {
alert('You must select group!');
return false;
}
if (document.job_detail.jobdescription.value == '') {
alert('Missing job description!');
return false;
}
var job_description = encodeURIComponent(JSON.stringify(document.job_detail.jobdescription.value));
$('#group_result').html('Processing...');
$('#group_submit').prop('disabled', true);
//alert(element.value);
$.ajax({
url: "/jobs/processjob_group?jobID=<?php echo $jobID; ?>&job_group=" + document.offer_group.job_group.value + "&jobdescription=" + job_description
}).done(function (data) {
$('#group_result').html(data);
document.offer_group.job_group.value = '';
$('#group_submit').prop('disabled', false);
});
return false;
}
function offerPublic() {
if (document.offer_public.job_duration.value == '') {
alert('You must select duration!');
return false;
}
if (document.job_detail.jobdescription.value == '') {
alert('Missing job description!');
return false;
}
var job_description = encodeURIComponent(JSON.stringify(document.job_detail.jobdescription.value));
$('#public_result').html('Processing...');
$('#public_submit').prop('disabled', true);
//alert(element.value);
$.ajax({
url: "/jobs/processjob_public?jobID=<?php echo $jobID; ?>&job_duration=" + document.offer_public.job_duration.value + "&jobdescription=" + job_description
}).done(function (data) {
$('#public_result').html(data);
document.offer_group.job_group.value = '';
$('#public_submit').prop('disabled', false);
});
return false;
}
// -->
</script>
+272
View File
@@ -0,0 +1,272 @@
<!-- Main content -->
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobID" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<div class="content-wrapper">
<!-- Quick stats boxes -->
<?php include('common/jobstrip.php'); ?>
<!-- /quick stats boxes -->
<!-- WYSIHTML5 basic -->
<div class="row">
<div class="panel panel-flat">
<div class="panel-body" >
<p class="content-group" style=' background-color: rgba(51, 71, 90, 0.1);'>
<a href="<?php echo $redirect_to; ?>" class="btn btn-primary btn-xs" >Return to List </a>
</p>
<p class="content-group" style=' background-color: rgba(51, 71, 90, 0.1);'>
<?php echo $this_job; ?>
</p>
<div id="message_table">
<?php
echo $message_table;
?>
</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var timerId = setTimeout(function tick() {
$.ajax({
url: "/proj/thisjobfiles?jobID=<?php echo $jobID; ?>"
}).done(function (data) {
$('#message_table').html(data);
});
timerId = setTimeout(tick, 300000);
}, 300000); // 300000 ms is 300 seconds is 5 minutes
function pad(num, size) {
var s = num + "";
while (s.length < size)
s = "0" + s;
return s;
}
function SendMessage() {
document.message.btn_cancel.disabled = true;
document.message.btn_submit.disabled = true;
$.post("/proj/thisjob", $("#message").serialize(), function (data) {
if (data == '10') {
var d = new Date();
var d_str = d.getFullYear() + '-' + pad(d.getMonth(), 2) + '-' + pad(d.getDate(), 2) + ' ' + pad(d.getHours(), 2) + ':' + pad(d.getMinutes(), 2) + ':' + pad(d.getSeconds(), 2) + '.' + pad(d.getMilliseconds(), 3);
var res = '<tr><td><b>[<?= $_SESSION["firstname"] ?>]->' + d_str + '</b><br>' + document.message.jobmessage.value + '</td></tr>';
var tbody = $("#jobs_contract_message tbody");
if (tbody.children().length == 0) {
$('#jobs_contract_message').append(res);
} else {
$('#jobs_contract_message > tbody:last-child').append(res);
}
document.message.jobmessage.value = '';
$('#jobmessage').data("wysihtml5").editor.clear();
$('#sendmessagenote').html('Message was sent!');
} else {
alert('Failed to send message');
}
document.message.btn_cancel.disabled = false;
document.message.btn_submit.disabled = false;
});
}
$(document).ready(function () {
var length_limit = 500;
$('#jobmessage').data("wysihtml5").editor.observe("load", function () {
editor.composer.element.addEventListener("keyup", function () {
// enter your listener-triggered code or function call here
var content = $(this).html();
if (content.length > length_limit) {
alert(length_limit + " characters is the limit!");
$(this).html(content.substr(0, length_limit));
}
});
});
});
// -->
</script>
<div class="row">
<div class="panel panel-flat">
<div class="panel-body">
<div class="form-group">
<?= $message ?>
<?php
if ($this_is_project_owner == true) {
?>
<form name='action_form'>
<table class='table table-striped table-hover table-bordered table-condensed'>
<tr>
<td>
<select data-placeholder='Select your Extension' class='form-control select' name='extension' >
<option value='1' >Extend the deadline by one day + 1 day</option>
<option value='2'>Extend the deadline by two days + 2 days</option>
<option value='3' >Extend the deadline by three days + 3 days</option>
</select>
</td>
<td style="width:100px;">
<div id="extend_completion"> <button type="submit" id="extend_completion_submit" class="btn btn-primary btn-xs" onclick="return extendJob('<?php echo $job_contract; ?>');" <?php echo $disabled11; ?> >Extend Timeline </button></div>
</td>
</tr>
<tr>
<td>
This task is now late; you can cancel this job and get refunded now
</td>
<td style="width:100px;">
<div id="cancel_job"> <button type="submit" id="cancel_job_submit" class="btn btn-danger btn-xs" <?php echo $disabled22; ?> onclick="return requestLateCancel('<?php echo $job_contract; ?>');" >Cancel this Job</button></div>
</td>
</tr>
</table>
</form>
<?php
}
?>
</div>
</div>
</div>
</div>
<!-- /WYSIHTML5 basic -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function showModal(interest_id) {
if (typeof event !== 'undefined') {
event.preventDefault();
}
// alert(123);
// collect data - either from forms or from data variables
var id = $(this).data('id');
// load the modal content with a loader gif and message
$('#modal-content').html('Loading...');
// show modal window
$('#modal_theme_primary').modal('show');
// do the ajax bit
var post_data = {
'interest_id': id,
};
$.ajax({
url: "/jobs/loaduserSkills?interest_id=" + interest_id
}).done(function (data) {
//alert(data);
$('#modal-content').html(data);
});
}
function showJobModal(contact_id) {
if (typeof event !== 'undefined') {
event.preventDefault();
}
// collect data - either from forms or from data variables
var id = $(this).data('id');
// load the modal content with a loader gif and message
$('#modal-content').html('Loading...');
// show modal window
$('#modal_theme_primary').modal('show');
// do the ajax bit
var post_data = {
'interest_id': id,
};
$.ajax({
url: "/jobs/jobdetail_modal?contact_id="+contact_id
}).done(function (data) {
//alert(data);
$('#modal-content').html(data);
});
}
function extendJob(job_contract) {
var ext_time = document.action_form.extension.value;
if (confirm("Are you sure you want extend completion date for this job by " + ext_time + " day(s)?")) {
// do something
} else {
return false;
}
$('#extend_completion').html('Processing...');
$('#cancel_job_submit').prop('disabled', true);
$('#extend_completion_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=EXTENDLATE&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract + "&extension=" + ext_time
}).done(function (data) {
$('#extend_completion').html(data);
document.offer_individual.rec_email.value = '';
// $('#req_completion_submit').prop('disabled', false);
});
return false;
}
function requestLateCancel(job_contract) {
if (confirm("Are you sure you want to request the cancellation of this late job?")) {
// do something
} else {
return false;
}
$('#cancel_job').html('Processing...');
$('#cancel_job_submit').prop('disabled', true);
$('#extend_completion').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=REQCANCELLATE&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function (data) {
$('#cancel_job').html(data);
//document.offer_individual.rec_email.value = '';
$('#cancel_job_submit').prop('disabled', false);
});
return false;
}
// -->
</script>
<!-- Basic modal -->
<div id="modal_theme_primary" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
</div>
</div>
</div>
<!-- /basic modal -->
+93
View File
@@ -0,0 +1,93 @@
<!-- Main content -->
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobID" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobID.value = value;
document.post_nav_find.submit();
return false;
}
function post_nav_del_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<div class="content-wrapper">
<!-- Quick stats boxes -->
<?php include('common/jobstrip.php'); ?>
<!-- /quick stats boxes -->
<!-- Marketing campaigns -->
<div class="panel panel-flat">
<div class="panel-heading">
<!--div class="btn-group btn-group-justified">
<a href="#" class="btn bg-slate-700">Left</a>
<a href="#" class="btn bg-slate-700">Middle</a>
<a href="#" class="btn bg-slate-700">Right</a>
</div -->
<div class="row">
<div class="col-md-3">
<p><a class="btn btn-secondary btn-xs btn-block" href="/jobs/manage">My Job(s)</a></p>
</div>
<div class="col-md-3">
<p><a class="btn btn-success btn-xs btn-block" href="/jobs/create">Create Job</a></p>
</div>
<div class="col-md-3">
<p><a class="btn btn-info btn-xs btn-block" href="/proj/complete">Completed Jobs(s)</a></p>
</div>
<div class="col-md-3">
<p><a class="btn btn-warning btn-xs btn-block" href="/proj/pastdue">Past Due</a></p>
</div>
</div>
<div class="table-responsive" style='height: 550px;'>
<?php echo $job_table ?>
<div class="panel-heading">
<?php echo $links; ?>
</div>
</div>
</div>
</div>
<!-- /marketing campaigns -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function deleteJob(link_id) {
if (confirm("Are you sure you want to delete this task?")) {
// do something
} else {
return false;
}
//$('#subdel'+link_id).html('Processing...');
$('#dacc' + link_id).prop('disabled', true);
$.ajax({
url: "/jobs/deletejob?proc=DELETE&job_id=" + link_id
}).done(function (data) {
$('#subdel' + link_id).html(data);
document.offer_individual.rec_email.value = '';
$('#dacc' + link_id).prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,289 @@
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobOfferID" value="">
<input type="hidden" name="interest_id" value="<?php echo $interest_id; ?>">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobOfferID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<script type="text/javascript">
<!--
function post_nav_other_interest(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.interest_id.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<!-- Main content -->
<div class="content-wrapper">
<?php include('common/jobstrip.php'); ?>
<!-- Main charts -->
<div class="row">
<div class="col-lg-12">
</div>
</div>
<!-- /main charts -->
<div class="row">
<div class="col-md-9">
<div class="panel panel-flat" >
<div class="panel-heading">
<h6 class="panel-title"><b><?php echo $dash_title; ?> [<a href="#" onclick="showOfferModal('<?= $offer_code; ?>');" ><?php echo $offer_code; ?></a>]</b>-<?php echo $title; ?></h6>
</div>
<table class='table table-striped table-hover table-bordered'>
<tbody>
<tr style="background-color: #CEECF5;">
<td>
<b>Job Added : </b><?php echo $added; ?><br>
<a href='#' onclick="showModal(<?php echo $interest_id; ?>);"><?php echo $client; ?><br>
<b>Member Since : </b><?php echo $client_added; ?></a><br>
</td>
<td style="width:190px;">
<b>Jobs Completed : </b><?php echo $total_jobs_completed; ?><br>
<b>Jobs Active : </b><?php echo $total_jobs_active; ?><br>
<b>Jobs Uncompleted : </b><?php echo $total_jobs_uncompleted; ?><br>
<b>Pending Offers : </b><?php echo $total_pending_offers; ?><br>
% Completion
</td>
<td style="width:90px;">
<table class='table table-condensed'>
<tbody>
<tr><td style='width: 33%;'><div id="cancdiv"><input type=submit id="submit_canc" name="rmview" onclick="return cancelInterest(<?php echo $interest_id; ?>);" class="btn btn-danger btn-xs btn-block" value="Cancel Job"></div></td> </tr>
<tr><td><div id="rejtdiv"><input type=submit id="submit_rejt" name="rmview" onclick="return rejectInterest(<?php echo $interest_id; ?>);" class="btn btn-warning btn-xs btn-block" value="Reject"></div></td> </tr>
<tr><td style='width: 33%;'><div id="accdiv"><input type=submit id="submit_acc" name="mview" onclick="return acceptInterest(<?php echo $interest_id; ?>);" class="btn btn-info btn-xs btn-block" value="Accept"></div></td> </tr>
</tbody>
</table>
</td> </tr>
</tbody>
</table>
</div>
<div class="panel panel-flat" >
<div class="panel-heading">
<h6 class="panel-title"><b>Others Interested in this Task</b></h6>
</div>
<?php echo $job_others_interest_table; ?>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail" style="background-color: #CEECF5;">
Message to <b><?php echo $client; ?></b><hr size='1'>
<form name='offer_message' >
<div class="thumb">
<textarea rows="3" name='offermessage' class="textarea form-control" placeholder="Enter message..."></textarea>
</div>
<div class="text-right">
<button type="submit" id="submit_yourmessage_<?= $offer_code; ?>" onclick="return OMessage('<?= $offer_code; ?>',<?= $interest_id; ?>);" name='btn_submit' class="btn btn-primary btn-xs" onclick="SendMessage();return false;">Send</button>
</div>
</form>
<div class="caption">
<div id='msg_result_<?= $offer_code; ?>'>
<? echo $message_list; ?>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
/*
$(document).ready(function(){
$('#modal_theme_primary').on('show.bs.modal', function(event){
var btn = $(event.relatedTarget);
var time = btn.data('time');
//$('#time').text(time);
alert('here!');
});
});
*/
function showModal(interest_id) {
if (typeof event !== 'undefined') {
event.preventDefault();
}
// collect data - either from forms or from data variables
var id = $(this).data('id');
// load the modal content with a loader gif and message
$('#modal-content').html('Loading...');
// show modal window
$('#modal_theme_primary').modal('show');
// do the ajax bit
var post_data = {
'interest_id': id,
};
$.ajax({
url: "/jobs/jobinterest_modal?interest_id=" + interest_id
}).done(function (data) {
//alert(data);
$('#modal-content').html(data);
});
}
function showOfferModal(contact_id) {
if (typeof event !== 'undefined') {
event.preventDefault();
}
// collect data - either from forms or from data variables
var id = $(this).data('id');
// load the modal content with a loader gif and message
$('#modal-content').html('Loading...');
// show modal window
$('#modal_theme_primary').modal('show');
// do the ajax bit
var post_data = {
'interest_id': id,
};
$.ajax({
url: "/jobs/offerdetail_modal?contact_id=" + contact_id
}).done(function (data) {
//alert(data);
$('#modal-content').html(data);
});
}
function OMessage(offer_code, interest_id) {
if (document.offer_message.offermessage.value == '') {
alert('Missing message!');
return false;
}
//$('#msg_result_'+offer_code).html('Processing...');
$('#submit_yourmessage_' + offer_code).prop('disabled', true);
$.ajax({
url: "/jobs/offermessage?proc=NCOMPLETE&offer_code=" + offer_code + "&interest_id=" + interest_id + "&yourmessage=" + offer_message.offermessage.value
}).done(function (data) {
$('#msg_result_' + offer_code).html(data);
document.offer_message.offermessage.value = '';
$('#submit_yourmessage_' + offer_code).prop('disabled', false);
});
return false;
}
// -->
</script>
</div>
<!-- /main content -->
<!-- Basic modal -->
<div id="modal_theme_primary" class="modal fade">
<div class="modal-dialog">
<div class="modal-content" id="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title"><?php echo $client; ?></h5>
</div>
<div class="modal-body">
<h6 class="text-semibold">Introduction</h6>
<p><?php echo $client_description; ?>.</p>
<hr>
<h6 class="text-semibold">Skills</h6>
<p><?php echo $skills_set; ?></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- /basic modal -->
<script type="text/javascript">
<!--
function acceptInterest(interest_id) {
if (confirm("Are you sure you want to accept this interest in your task ?")) {
// do something
} else {
return false;
}
//$('#req_completion').html('Processing...');
//$('#req_completion_submit').prop('disabled', true);
$('#submit_acc').prop('disabled', true);
$.ajax({
url: "/jobs/procinterest?proc=ACCEPT&interest_id=" + interest_id
}).done(function (data) {
$('#accdiv').html(data);
$('#submit_acc').prop('disabled', false);
});
return false;
}
function rejectInterest(interest_id) {
if (confirm("Are you sure you want to reject this interest in your task ?")) {
// do something
} else {
return false;
}
//$('#req_completion').html('Processing...');
//$('#req_completion_submit').prop('disabled', true);
$('#submit_rejt').prop('disabled', true);
$.ajax({
url: "/jobs/procinterest?proc=REJECT&interest_id=" + interest_id
}).done(function (data) {
$('#rejtdiv').html(data);
$('#submit_rejt').prop('disabled', false);
});
return false;
}
function cancelInterest(interest_id) {
if (confirm("Are you sure you want to cancel this task completely ?")) {
// do something
} else {
return false;
}
//$('#req_completion').html('Processing...');
//$('#req_completion_submit').prop('disabled', true);
$('#submit_canc').prop('disabled', true);
$.ajax({
url: "/jobs/procinterest?proc=CANCEL&interest_id=" + interest_id
}).done(function (data) {
$('#cancdiv').html(data);
$('#submit_canc').prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,19 @@
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title"><?php echo $client; ?></h5>
</div>
<div class="modal-body">
<h6 class="text-semibold">Introduction</h6>
<p><?php echo $client_description; ?>.</p>
<hr>
<h6 class="text-semibold">Skills</h6>
<p><?php echo $skills_set; ?></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
</div>
+106
View File
@@ -0,0 +1,106 @@
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobOfferID" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobOfferID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<!-- Main content -->
<div class="content-wrapper">
<?php include('common/jobstrip.php');?>
<!-- Main charts -->
<!--div class="row">
<div class="col-lg-12">
<div class="panel panel-flat" style="height: 45px; background-color: #f1fdd5;">
Menu Here
</div>
</div>
</div -->
<!-- /main charts -->
<div class="row">
<div class="col-md-12">
<div class="panel panel-flat" >
<?php echo $market_table; ?>
</div>
</div>
</div>
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
var current_job_contract = null;
function EDetail(job_contract) {
if (current_job_contract!=null) {
$('#'+current_job_contract).html('');
current_job_contract = null;
}
current_job_contract = job_contract;
//$('#req_completion').html('Processing...');
//$('#req_completion_submit').prop('disabled', true);
$('#submit_'+job_contract).prop('disabled', true);
$.ajax({
url: "/jobs/marketdetail?proc=NCOMPLETE&job_contract=" + job_contract
}).done(function( data ) {
$('#'+job_contract).html(data);
$('#submit_'+job_contract).prop('disabled', false);
});
return false;
}
function SInterest(job_contract) {
//$('#req_completion').html('Processing...');
//$('#req_completion_submit').prop('disabled', true);
$('#submit_interest_'+job_contract).prop('disabled', true);
$.ajax({
url: "/jobs/showinterest?proc=NCOMPLETE&job_contract=" + job_contract
}).done(function( data ) {
$('#'+job_contract).html(data);
$('#submit_interest_'+job_contract).prop('disabled', false);
});
return false;
}
function OMessage(offer_code) {
if (document.job_message.yourmessage.value=='') {
alert('Missing message!');
return false;
}
//$('#msg_result_'+offer_code).html('Processing...');
$('#submit_yourmessage_'+offer_code).prop('disabled', true);
$.ajax({
url: "/jobs/marketrmessage?proc=NCOMPLETE&offer_code=" + offer_code + "&yourmessage=" + document.job_message.yourmessage.value
}).done(function( data ) {
$('#msg_result_'+offer_code).html(data);
// document.offer_individual.rec_email.value = '';
$('#submit_yourmessage_'+offer_code).prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,42 @@
<!-- Main content -->
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobID" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<div class="content-wrapper">
<!-- Quick stats boxes -->
<?php include('common/jobstrip.php'); ?>
<!-- /quick stats boxes -->
<!-- Marketing campaigns -->
<div class="panel panel-flat">
<div class="panel-heading">
<h5> Completed Job(s)/Task(s)</h5>
</div>
<div class="panel-heading" style="height: 550px;">
<div class="table-responsive">
<?php echo $job_table ?>
</div>
<div class="panel-heading">
<?php echo $links; ?>
</div>
</div>
</div>
<!-- /marketing campaigns -->
</div>
<!-- /main content -->
@@ -0,0 +1,160 @@
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="interest_id" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.interest_id.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<!-- Main content -->
<div class="content-wrapper">
<?php include('common/jobstrip.php'); ?>
<!-- Main charts -->
<div class="row">
<div class="col-lg-12">
</div>
</div>
<!-- /main charts -->
<div class="row">
<div class="col-md-9">
<div class="panel panel-flat" style="height: 450px;">
<div class="panel-heading">
<h6 class="panel-title"><b><?php echo $dash_title; ?></b></h6>
</div>
<div class="panel-heading">
<?php echo $job_interest_table; ?>
<div class="panel-heading">
<?php echo $links; ?>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail">
<div class="thumb">
<a href="/proj/active" class="text-default"><img src="/assets/images/interest_dash.jpg" alt="Active Projects"></a>
</div>
<div class="caption">
<h6 class="no-margin-top text-semibold">Return to <a href="/proj/active" class="label bg-success-400">My Active Projects</a> <a href="/proj/active" class="text-muted"><i class="icon-download pull-right"></i></a></h6>
</div>
</div>
</div>
</div>
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
/*
$(document).ready(function(){
$('#modal_theme_primary').on('show.bs.modal', function(event){
var btn = $(event.relatedTarget);
var time = btn.data('time');
//$('#time').text(time);
alert('here!');
});
});
*/
function showModal(interest_id) {
if (typeof event !== 'undefined') {
event.preventDefault();
}
// collect data - either from forms or from data variables
var id = $(this).data('id');
// load the modal content with a loader gif and message
$('#modal-content').html('Loading...');
// show modal window
$('#modal_theme_primary').modal('show');
// do the ajax bit
var post_data = {
'interest_id': id,
};
$.ajax({
url: "/jobs/jobinterest_modal?interest_id=" + interest_id
}).done(function (data) {
//alert(data);
$('#modal-content').html(data);
});
}
function showOfferModal(contact_id) {
if (typeof event !== 'undefined') {
event.preventDefault();
}
// collect data - either from forms or from data variables
var id = $(this).data('id');
// load the modal content with a loader gif and message
$('#modal-content').html('Loading...');
// show modal window
$('#modal_theme_primary').modal('show');
// do the ajax bit
var post_data = {
'interest_id': id,
};
$.ajax({
url: "/jobs/offerdetail_modal?contact_id=" + contact_id
}).done(function (data) {
//alert(data);
$('#modal-content').html(data);
});
}
// -->
</script>
<!-- Basic modal -->
<div id="modal_theme_primary" class="modal fade">
<div class="modal-dialog">
<div class="modal-content" id="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title"><?php echo $client; ?></h5>
</div>
<div class="modal-body">
<h6 class="text-semibold">Introduction</h6>
<p><?php echo $client_description; ?>.</p>
<hr>
<h6 class="text-semibold">Skills</h6>
<p><?php echo $skills_set; ?></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- /basic modal -->
@@ -0,0 +1,53 @@
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobOfferID" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobOfferID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<!-- Main content -->
<div class="content-wrapper">
<?php include('common/jobstrip.php');?>
<!-- Main charts -->
<div class="row">
<div class="col-lg-12">
</div>
</div>
<!-- /main charts -->
<div class="row">
<div class="col-md-9">
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b><?php echo $dash_title;?></b></h6>
</div>
<?php echo $offer_dash; ?>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail">
<div class="thumb">
<a href="/proj/active" class="text-default"><img src="/assets/images/activeproject_dash.png" alt="Active Projects"></a>
</div>
<div class="caption">
<h6 class="no-margin-top text-semibold"><a href="/proj/active" class="text-default">My Active Projects</a> <a href="/proj/active" class="text-muted"><i class="icon-download pull-right"></i></a></h6>
View active project. manage list and communication with deliverables.
</div>
</div>
</div>
</div>
</div>
<!-- /main content -->
+414
View File
@@ -0,0 +1,414 @@
<!-- Main content -->
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobID" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<div class="content-wrapper">
<!-- Quick stats boxes -->
<?php include('common/jobstrip.php'); ?>
<!-- /quick stats boxes -->
<!-- WYSIHTML5 basic -->
<div class="row">
<div class="col-lg-12">
<div class="panel panel-flat">
<div class="panel-body" style=' background-color: #CEECF5;' >
<a href="<?php echo $redirect_to; ?>" class="label label-flat border-warning text-primary-600"> <i class="icon-arrow-left52 position-left"></i> Return to List </a> <?php echo $this_job; ?>
</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var timerId = setTimeout(function tick() {
$.ajax({
url: "/proj/thisjobfiles?jobID=<?php echo $jobID; ?>"
}).done(function (data) {
$('#message_table').html(data);
});
timerId = setTimeout(tick, 300000);
}, 300000); // 300000 ms is 300 seconds is 5 minutes
function pad(num, size) {
var s = num + "";
while (s.length < size)
s = "0" + s;
return s;
}
function SendMessage() {
document.message.btn_cancel.disabled = true;
document.message.btn_submit.disabled = true;
$.post("/proj/thisjob", $("#message").serialize(), function (data) {
if (data == '10') {
var d = new Date();
var d_str = d.getFullYear() + '-' + pad(d.getMonth(), 2) + '-' + pad(d.getDate(), 2) + ' ' + pad(d.getHours(), 2) + ':' + pad(d.getMinutes(), 2) + ':' + pad(d.getSeconds(), 2) + '.' + pad(d.getMilliseconds(), 3);
var res = '<tr><td><b>[<?= $_SESSION["firstname"] ?>]->' + d_str + '</b><br>' + document.message.jobmessage.value + '</td></tr>';
var tbody = $("#jobs_contract_message tbody");
if (tbody.children().length == 0) {
$('#jobs_contract_message').append(res);
} else {
$('#jobs_contract_message > tbody:last-child').append(res);
}
document.message.jobmessage.value = '';
$('#jobmessage').data("wysihtml5").editor.clear();
$('#sendmessagenote').html('<div class=\"text-left\"><div class=\"alert alert-info no-border\">Message was sent!</div></div>');
} else {
alert('<div class=\"text-left\"><div class=\"alert alert-danger no-border\">Failed to send message</div></div>');
}
document.message.btn_cancel.disabled = false;
document.message.btn_submit.disabled = false;
});
}
$(document).ready(function () {
var length_limit = 500;
$('#jobmessage').data("wysihtml5").editor.observe("load", function () {
editor.composer.element.addEventListener("keyup", function () {
// enter your listener-triggered code or function call here
var content = $(this).html();
if (content.length > length_limit) {
alert(length_limit + " characters is the limit!");
$(this).html(content.substr(0, length_limit));
}
});
});
});
// -->
</script>
<!-- Basic modal -->
<div id="modal_theme_primary_fail" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title"><?php echo $contract_id; ?>- Delivery Detail</h5>
</div>
<div class="modal-body">
<p><?php echo $job_detail; ?>.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- /basic modal -->
<div class="row">
<div class="col-lg-6">
<div class="panel panel-flat">
<div class="panel-body">
<?= $message ?>
<div class="tabbable">
<ul class="nav nav-tabs bg-primary">
<li class="active"><a href="#basic-tab1" data-toggle="tab">Send Message</a></li>
<li><a href="#basic-tab2" data-toggle="tab">Add File(s)</a></li>
<li><a href="#basic-tab3" data-toggle="tab">Actions</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="basic-tab1">
<div id="sendmessagenote"></div>
<form name="message" id="message" action="/proj/thisjob" method='POST'>
<input type='hidden' name='ajax' value='1'>
<input type='hidden' name='jobID' value='<?php echo $jobID; ?>'>
<input type='hidden' name='contractId' value='<?php echo $contract_id; ?>'>
<div class="form-group">
<textarea cols="18" style="height:180px;" rows="3" id='jobmessage' name='jobmessage' class="textarea wysihtml5 wysihtml5-min form-control" placeholder="Enter message here ..."></textarea>
</div>
<div class="text-right">
<button id='btn_cancel' name='btn_cancel' type="submit" class="btn btn-danger btn-xs" onclick="document.message.ajax.value = '0';">Cancel</button>
<button id='btm_submit' name='btn_submit' type="submit" class="btn btn-primary btn-xs" onclick="SendMessage();return false;">Send Message</button>
</div>
</form>
</div>
<div class="tab-pane" id="basic-tab2">
<div class="form-group">
<form action="/proj/thisjob" method='POST' enctype="multipart/form-data">
<input type='hidden' name='uploadForm' value='1'>
<input type='hidden' name='jobID' value='<?php echo $jobID; ?>'>
<input type='hidden' name='contractId' value='<?php echo $contract_id; ?>'>
<input type="file" class="file-input" multiple="multiple" name="fileToUpload[]" id="fileToUpload[]">
<span class="help-block">There is a file size limit [<?php echo UPLOAD_FILE_SIZE; ?> MB]. Split large files into smaller size</span>
</form>
</div>
</div>
<div class="tab-pane" id="basic-tab3">
<h3>Use action to manage the status of the project</h3>
<div class="form-group">
<?php
if ($this_is_client == true) {
?>
<table class='table table-striped table-hover table-bordered table-condensed'>
<tr>
<td>
If you have completed this task and will like the owner to review the work for acceptance, click "Completed" button.
</td>
<td style="width:100px;">
<div id="req_completion"> <button type="submit" id="req_completion_submit" class="btn btn-primary btn-xs" onclick="return requestCompletion('<?php echo $job_contract; ?>');" <?php echo $disabled1; ?> >Completed</button></div>
</td>
</tr>
<tr>
<td>
If you are unable to complete and will like this project canceled, click "Cancel task" button.
</td>
<td style="width:100px;">
<div id="req_cancel"> <button type="submit" id="req_cancel_submit" onclick="return requestCancel('<?php echo $job_contract; ?>');" class="btn btn-danger btn-xs" <?php echo $disabled2; ?> >Request Cancel</button> </div>
</td>
</tr>
</table>
<div style="font-size: large; font-family: sans-serif">
<p style="color: #ff0000; background-color: #ffffff">Note: Buttons may be disabled for some days at the start of the task</p>
</div>
<?php
}
?>
<?php
if ($this_is_project_owner == true) {
?>
<table class='table table-striped table-hover table-bordered table-condensed'>
<tr>
<td>
Accept or reject the completion of the task below. We will notify the other partner and finalize payment for the task.
</td>
<td style="width:100px;">
<div id="accept_completion"> <button type="submit" id="accept_completion_submit" class="btn btn-primary btn-xs" onclick="return acceptCompletion('<?php echo $job_contract; ?>');" <?php echo $disabled11; ?> >Accept Completion</button></div>
</td>
</tr>
<tr>
<td>
If you reject the work done or want more review before accepting, click "Reject Completion."
</td>
<td style="width:100px;">
<div id="reject_completion"> <button type="submit" id="reject_completion_submit" class="btn btn-danger btn-xs" <?php echo $disabled22; ?> onclick="return rejectCompletion('<?php echo $job_contract; ?>');" >Reject Completion</button></div>
</td>
</tr>
</table>
<?php
}
?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="panel panel-flat">
<div id="message_table">
<?=$message_result_show?>
</div>
</div>
</div>
</div>
<!-- /WYSIHTML5 basic -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function showModal(interest_id) {
if (typeof event !== 'undefined') {
event.preventDefault();
}
// alert(123);
// collect data - either from forms or from data variables
var id = $(this).data('id');
// load the modal content with a loader gif and message
$('#modal-content').html('Loading...');
// show modal window
$('#modal_theme_primary').modal('show');
// do the ajax bit
var post_data = {
'interest_id': id,
};
$.ajax({
url: "/jobs/loaduserSkills?interest_id=" + interest_id
}).done(function (data) {
//alert(data);
$('#modal-content').html(data);
});
}
function showJobModal(contact_id) {
if (typeof event !== 'undefined') {
event.preventDefault();
}
// collect data - either from forms or from data variables
var id = $(this).data('id');
// load the modal content with a loader gif and message
$('#modal-content').html('Loading...');
// show modal window
$('#modal_theme_primary').modal('show');
// do the ajax bit
var post_data = {
'interest_id': id,
};
$.ajax({
url: "/jobs/jobdetail_modal?contact_id=" + contact_id
}).done(function (data) {
//alert(data);
$('#modal-content').html(data);
});
}
function requestCompletion(job_contract) {
if (confirm("Are you sure you want send completion messgae for this job?")) {
// do something
} else {
return false;
}
$('#req_completion').html('Processing...');
$('#req_completion_submit').prop('disabled', true);
$('#req_cancel_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=NCOMPLETE&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function (data) {
$('#req_completion').html(data);
document.offer_individual.rec_email.value = '';
$('#req_completion_submit').prop('disabled', false);
});
return false;
}
function requestCancel(job_contract) {
if (confirm("Are you sure you want to request the cancellation of this job?")) {
// do something
} else {
return false;
}
$('#req_cancel').html('Processing...');
$('#req_cancel_submit').prop('disabled', true);
$('#req_completion_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=REQCANCEL&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function (data) {
$('#req_cancel').html(data);
document.offer_individual.rec_email.value = '';
$('#req_cancel_submit').prop('disabled', false);
});
return false;
}
function acceptCompletion(job_contract) {
if (confirm("Are you sure you want to accept the completion of this job?")) {
// do something
} else {
return false;
}
$('#accept_completion').html('Processing...');
$('#accept_completion_submit').prop('disabled', true);
$('#reject_completion_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=ACCEPTCMP&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function (data) {
$('#accept_completion').html(data);
document.offer_individual.rec_email.value = '';
$('#accept_completion_submit').prop('disabled', false);
});
return false;
}
function rejectCompletion(job_contract) {
if (confirm("Are you sure you want to reject the completion of this job?")) {
// do something
} else {
return false;
}
$('#reject_completion').html('Processing...');
$('#reject_completion_submit').prop('disabled', true);
$('#accept_completion_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=REJECTCMP&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function (data) {
$('#reject_completion').html(data);
document.offer_individual.rec_email.value = '';
$('#reject_completion_submit').prop('disabled', false);
});
return false;
}
// -->
</script>
<!-- Basic modal -->
<div id="modal_theme_primary" class="modal fade">
<div class="modal-dialog">
<div class="modal-content" id="modal-content">
</div>
</div>
</div>
<!-- /basic modal -->
+184
View File
@@ -0,0 +1,184 @@
<!-- Main content -->
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobID" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<div class="content-wrapper">
<!-- Quick stats boxes -->
<?php include('common/jobstrip.php'); ?>
<!-- /quick stats boxes -->
<!-- WYSIHTML5 basic -->
<div class="row">
<div class="panel panel-flat">
<div class="panel-body">
<a href="/proj/complete" class="btn btn-primary btn-sm" >Return to Completed List </a>
<hr size="1">
<p class="content-group">
<?php echo $this_job; ?>
</p>
<div id="message_table">
<?php
echo $message_table;
?>
</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var timerId = setTimeout(function tick() {
$.ajax({
url: "/proj/thisjobfiles?jobID=<?php echo $jobID; ?>"
}).done(function (data) {
$('#message_table').html(data);
});
timerId = setTimeout(tick, 300000);
}, 300000); // 300000 ms is 300 seconds is 5 minutes
function pad(num, size) {
var s = num+"";
while (s.length < size) s = "0" + s;
return s;
}
function SendMessage() {
document.message.btn_cancel.disabled = true;
document.message.btn_submit.disabled = true;
$.post( "/proj/thisjob", $( "#message" ).serialize(), function (data) {
if (data=='10') {
var d = new Date();
var d_str = d.getFullYear()+'-'+pad(d.getMonth(),2)+'-'+pad(d.getDate(),2)+' '+pad(d.getHours(),2)+':'+pad(d.getMinutes(),2)+':'+pad(d.getSeconds(),2)+'.'+pad(d.getMilliseconds(),3);
var res = '<tr><td><b>[<?=$_SESSION["firstname"]?>]->'+d_str+'</b><br>'+document.message.jobmessage.value+'</td></tr>';
var tbody = $("#jobs_contract_message tbody");
if (tbody.children().length == 0) {
$('#jobs_contract_message').append(res);
} else {
$('#jobs_contract_message > tbody:last-child').append(res);
}
document.message.jobmessage.value = '';
} else {
alert('Failed to send message');
}
document.message.btn_cancel.disabled = false;
document.message.btn_submit.disabled = false;
});
}
// -->
</script>
<!-- /WYSIHTML5 basic -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function requestCompletion(job_contract) {
if(confirm("Are you sure you want send completion messgae for this job?")) {
// do something
} else {
return false;
}
$('#req_completion').html('Processing...');
$('#req_completion_submit').prop('disabled', true);
$('#req_cancel_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=NCOMPLETE&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function( data ) {
$('#req_completion').html(data);
document.offer_individual.rec_email.value = '';
$('#req_completion_submit').prop('disabled', false);
});
return false;
}
function requestCancel(job_contract) {
if(confirm("Are you sure you want to request the cancellation of this job?")) {
// do something
} else {
return false;
}
$('#req_cancel').html('Processing...');
$('#req_cancel_submit').prop('disabled', true);
$('#req_completion_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=REQCANCEL&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function( data ) {
$('#req_cancel').html(data);
document.offer_individual.rec_email.value = '';
$('#req_cancel_submit').prop('disabled', false);
});
return false;
}
function acceptCompletion(job_contract) {
if(confirm("Are you sure you want to accept the completion of this job?")) {
// do something
} else {
return false;
}
$('#accept_completion').html('Processing...');
$('#accept_completion_submit').prop('disabled', true);
$('#reject_completion_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=ACCEPTCMP&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function( data ) {
$('#accept_completion').html(data);
document.offer_individual.rec_email.value = '';
$('#accept_completion_submit').prop('disabled', false);
});
return false;
}
function rejectCompletion(job_contract) {
if(confirm("Are you sure you want to reject the completion of this job?")) {
// do something
} else {
return false;
}
$('#reject_completion').html('Processing...');
$('#reject_completion_submit').prop('disabled', true);
$('#accept_completion_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=REJECTCMP&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function( data ) {
$('#reject_completion').html(data);
document.offer_individual.rec_email.value = '';
$('#reject_completion_submit').prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,184 @@
<!-- Main content -->
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobID" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<div class="content-wrapper">
<!-- Quick stats boxes -->
<?php include('common/jobstrip.php'); ?>
<!-- /quick stats boxes -->
<!-- WYSIHTML5 basic -->
<div class="row">
<div class="panel panel-flat">
<div class="panel-body">
<a href="/proj/mycomplete" class="btn btn-primary btn-sm" >Return to Completed List </a>
<hr size="1">
<p class="content-group">
<?php echo $this_job; ?>
</p>
<div id="message_table">
<?php
echo $message_table;
?>
</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var timerId = setTimeout(function tick() {
$.ajax({
url: "/proj/thisjobfiles?jobID=<?php echo $jobID; ?>"
}).done(function (data) {
$('#message_table').html(data);
});
timerId = setTimeout(tick, 300000);
}, 300000); // 300000 ms is 300 seconds is 5 minutes
function pad(num, size) {
var s = num+"";
while (s.length < size) s = "0" + s;
return s;
}
function SendMessage() {
document.message.btn_cancel.disabled = true;
document.message.btn_submit.disabled = true;
$.post( "/proj/thisjob", $( "#message" ).serialize(), function (data) {
if (data=='10') {
var d = new Date();
var d_str = d.getFullYear()+'-'+pad(d.getMonth(),2)+'-'+pad(d.getDate(),2)+' '+pad(d.getHours(),2)+':'+pad(d.getMinutes(),2)+':'+pad(d.getSeconds(),2)+'.'+pad(d.getMilliseconds(),3);
var res = '<tr><td><b>[<?=$_SESSION["firstname"]?>]->'+d_str+'</b><br>'+document.message.jobmessage.value+'</td></tr>';
var tbody = $("#jobs_contract_message tbody");
if (tbody.children().length == 0) {
$('#jobs_contract_message').append(res);
} else {
$('#jobs_contract_message > tbody:last-child').append(res);
}
document.message.jobmessage.value = '';
} else {
alert('Failed to send message');
}
document.message.btn_cancel.disabled = false;
document.message.btn_submit.disabled = false;
});
}
// -->
</script>
<!-- /WYSIHTML5 basic -->
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function requestCompletion(job_contract) {
if(confirm("Are you sure you want send completion messgae for this job?")) {
// do something
} else {
return false;
}
$('#req_completion').html('Processing...');
$('#req_completion_submit').prop('disabled', true);
$('#req_cancel_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=NCOMPLETE&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function( data ) {
$('#req_completion').html(data);
document.offer_individual.rec_email.value = '';
$('#req_completion_submit').prop('disabled', false);
});
return false;
}
function requestCancel(job_contract) {
if(confirm("Are you sure you want to request the cancellation of this job?")) {
// do something
} else {
return false;
}
$('#req_cancel').html('Processing...');
$('#req_cancel_submit').prop('disabled', true);
$('#req_completion_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=REQCANCEL&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function( data ) {
$('#req_cancel').html(data);
document.offer_individual.rec_email.value = '';
$('#req_cancel_submit').prop('disabled', false);
});
return false;
}
function acceptCompletion(job_contract) {
if(confirm("Are you sure you want to accept the completion of this job?")) {
// do something
} else {
return false;
}
$('#accept_completion').html('Processing...');
$('#accept_completion_submit').prop('disabled', true);
$('#reject_completion_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=ACCEPTCMP&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function( data ) {
$('#accept_completion').html(data);
document.offer_individual.rec_email.value = '';
$('#accept_completion_submit').prop('disabled', false);
});
return false;
}
function rejectCompletion(job_contract) {
if(confirm("Are you sure you want to reject the completion of this job?")) {
// do something
} else {
return false;
}
$('#reject_completion').html('Processing...');
$('#reject_completion_submit').prop('disabled', true);
$('#accept_completion_submit').prop('disabled', true);
$.ajax({
url: "/proj/processjob_status?proc=REJECTCMP&jobID=<?php echo $jobID; ?>&job_contract=" + job_contract
}).done(function( data ) {
$('#reject_completion').html(data);
document.offer_individual.rec_email.value = '';
$('#reject_completion_submit').prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,93 @@
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobOfferID" value="<?php echo $jobOfferID; ?>">
</form>
<!-- Main content -->
<div class="content-wrapper">
<?php include('common/jobstrip.php'); ?>
<!-- Main charts -->
<div class="row">
<div class="col-lg-12">
</div>
</div>
<!-- /main charts -->
<div class="row">
<div class="col-md-9">
<div class="panel panel-flat" style="height: 335px;">
<table class='table table-striped table-hover table-bordered table-condensed'>
<thead>
<tr>
<th colspan="2"><b><?php echo $title; ?></b></th></tr>
</thead>
<tbody>
<tr>
<td style="width: 100px;"><b>Date</b></td><td><?php echo $added_date; ?></td>
</tr>
<tr>
<td style="width: 100px;"><b>Description</b></td><td><?php echo $description; ?></td>
</tr>
<tr>
<td style="width: 100px;"><b>Offer Expire</b></td><td><?php echo $expire; ?></td>
</tr>
<tr>
<td style="width: 100px;"><b>Price</b></td><td><?php echo $price; ?> Naira</td>
</tr>
<tr>
<td style="width: 100px;"><b>Duration</b></td><td><?php echo $timeline_days; ?> day(s)</td>
</tr>
<tr>
<td style="width: 100px;"><b>Detail</b></td><td><?php echo $job_description; ?></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail">
<div class="caption">
<div id="offer_result">
<input id="accept_submit" type="button" class="btn btn-primary btn-sm" name='send' value='Accept Offer' onclick="return acceptOffer();">
<hr size ="1">
<input id="reject_submit" type="button" class="btn btn-danger btn-sm" name='send' value='Reject Offer' onclick="return rejectOffer();">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function acceptOffer() {
$('#offer_result').html('Processing...');
$('#accept_submit').prop('disabled', true);
$.ajax({
url: "/jobs/viewjob_accept?jobOfferID=<?php echo $jobOfferID; ?>"
}).done(function( data ) {
$('#offer_result').html(data);
document.offer_individual.rec_email.value = '';
$('#accept_submit').prop('disabled', false);
});
return false;
}
function rejectOffer() {
$('#offer_result').html('Processing...');
$('#reject_submit').prop('disabled', true);
//alert(element.value);
$.ajax({
url: "/jobs/viewjob_reject?jobOfferID=<?php echo $jobOfferID; ?>"
}).done(function( data ) {
$('#offer_result').html(data);
document.offer_group.job_group.value = '';
$('#reject_submit').prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,110 @@
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobOfferID" value="<?php echo $jobOfferID; ?>">
</form>
<!-- Main content -->
<div class="content-wrapper">
<?php include('common/jobstrip.php'); ?>
<!-- Main charts -->
<div class="row">
<div class="col-lg-12">
</div>
</div>
<!-- /main charts -->
<div class="row">
<div class="col-md-12">
<div class="panel panel-flat">
<table class='table table-striped table-hover table-bordered table-condensed'>
<thead>
<tr>
<th colspan="2"><b><?php echo $title; ?></b></th></tr>
</thead>
<tbody>
<tr>
<td colspan="2">
<div class="alert alert-info no-border"> You have sent this job to <?php echo $job_sent_to; ?></div>
</td>
</tr>
<tr>
<td style="width: 100px;"><b>Date</b></td><td><?php echo $added_date; ?></td>
</tr>
<tr>
<td style="width: 100px;"><b>Description</b></td><td><?php echo $description; ?></td>
</tr>
<tr>
<td style="width: 100px;"><b>Offer Expire</b></td><td><?php echo $expire; ?></td>
</tr>
<tr>
<td style="width: 100px;"><b>Price</b></td><td><?php echo $price; ?> Naira</td>
</tr>
<tr>
<td style="width: 100px;"><b>Duration</b></td><td><?php echo $timeline_days; ?> day(s)</td>
</tr>
<tr>
<td style="width: 100px;"><b>Detail</b></td><td><?php echo $job_description; ?></td>
</tr>
<tr>
<td colspan="2" style='text-align: center;'><input id="sendjob_tome" type="button" class="btn btn-info btn-xs" name='send' value='Send to me' onclick="return sendOfferToMe();"></td>
</tr>
<tr>
<td style="width: 100px;"><b>Public Link</b></td><td><div class="alert alert-info no-border"> <?php echo $job_link; ?></div></td>
</tr>
<tr>
<td colspan="2" style='text-align: right;'> <input id="reject_submit" type="button" class="btn btn-danger btn-xs" name='send' value='Cancel Offer' onclick="return cancelOffer();"></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- div class="col-md-3">
<div class="thumbnail">
<div class="caption">
<div id="offer_result">
<div class="alert alert-info no-border"> You have sent this job to <?php echo $job_sent_to; ?></div>
<hr size ="1">
<input id="reject_submit" type="button" class="btn btn-danger btn-xs" name='send' value='Cancel Offer' onclick="return cancelOffer();">
</div>
</div>
</div>
</div -->
</div>
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function sendOfferToMe() {
$('#mailsent_sent').html('Processing...');
$('#sendjob_tome').prop('disabled', true);
//alert(element.value);
$.ajax({
url: "/jobs/viewjob_sendtome?jobOfferID=<?php echo $jobOfferID; ?>"
}).done(function( data ) {
$('#mailsent_sent').html(data);
//document.offer_group.job_group.value = '';
$('#sendjob_tome').prop('disabled', false);
});
return false;
}
function cancelOffer() {
$('#offer_result').html('Processing...');
$('#reject_submit').prop('disabled', true);
//alert(element.value);
$.ajax({
url: "/jobs/viewjob_cancel?jobOfferID=<?php echo $jobOfferID; ?>"
}).done(function( data ) {
$('#offer_result').html(data);
document.offer_group.job_group.value = '';
$('#reject_submit').prop('disabled', false);
});
return false;
}
// -->
</script>
@@ -0,0 +1,57 @@
<!-- Begin: Scripts -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBcmwE8P44WUU4-xBfELRR9eZ2Abr1RvGw"></script>
<script type="text/javascript" src="/massets/vendor/jquery/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7/js/framework7.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/keypad/framework7.keypad.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/indexed-list/framework7.indexed-list.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/toast/toast.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/tour-guide/tour-guide.js"></script>
<script type="text/javascript" src="/massets/vendor/gmaps/gmaps.min.js"></script>
<script type="text/javascript" src="/massets/vendor/jquery-validation/jquery.validate.min.js"></script>
<script type="text/javascript" src="/massets/vendor/jquery-validation/additional-methods.min.js"></script>
<script type="text/javascript" src="/massets/vendor/pattern-lock/patternLock.min.js"></script>
<script type="text/javascript" src="/massets/vendor/rateyo/jquery.rateyo.min.js"></script>
<script type="text/javascript" src="/massets/vendor/snazzy-maps/snazzy-maps.js"></script>
<script type="text/javascript" src="/massets/vendor/tooltipster/js/tooltipster.bundle.min.js"></script>
<script type="text/javascript" src="/massets/vendor/vivus/vivus.min.js"></script>
<script type="text/javascript" src="/massets/custom/js/init.js"></script>
<script type="text/javascript" src="/massets/vendor/nectar/nectar.js"></script>
<script type="text/javascript" src="/massets/custom/js/components.js"></script>
<script type="text/javascript" src="/massets/custom/js/pages.js"></script>
<script type="text/javascript" src="/massets/custom/js/themes.js"></script>
<script type="text/javascript">
'use strict';
(function() {
myApp.init();
})();
</script>
<!-- End: Scripts -->
<script type="text/javascript">
<!--
function changePage(nextpage) {
// if (confirm("continue managing selected Transport [" + nextpage + "]")) {
// do something
// } else {
// return false;
// }
document.location = "/mobile/" + nextpage + "?proc=NCOMPLETE&jobID=108&transp_id=" + nextpage;
return false;
}
// -->
</script>
</body>
</html>
@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Begin: Basic Meta Tags -->
<meta charset="UTF-8" /> <!-- Set character encoding -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <!-- Internet Explorer compatibility mode -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> <!-- For responsiveness on mobile browsers -->
<!-- End: Basic Meta Tags -->
<!-- Begin: Content Security Policy Meta Tags -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-eval' data: blob: filesystem: ws: gap: cdvfile: https://ssl.gstatic.com *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; img-src * data: 'unsafe-inline'; connect-src * 'unsafe-inline'; child-src *;" /> <!-- Allows control over where the resources are loaded from -->
<!-- End: Content Security Policy Meta Tags -->
<!-- Begin: Android Meta Tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="theme-color" content="#333333" /> <!-- Status bar color -->
<link rel="icon" type="image/png" sizes="192x192" href="/massets/custom/favicons/android-chrome-192x192.png" />
<link rel="manifest" href="/massets/custom/favicons/manifest.json" />
<!-- End: Android Meta Tags -->
<!-- Begin: iOS Meta Tags -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" /> <!-- Disable automatic detection and formatting of possible phone numbers -->
<meta name="apple-mobile-web-app-title" content="Nectar" />
<link rel="apple-touch-icon" sizes="57x57" href="/massets/custom/favicons/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/massets/custom/favicons/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/massets/custom/favicons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/massets/custom/favicons/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/massets/custom/favicons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/massets/custom/favicons/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/massets/custom/favicons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/massets/custom/favicons/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/massets/custom/favicons/apple-touch-icon-180x180.png" />
<!-- End: iOS Meta Tags -->
<!-- Begin: Windows Meta Tags -->
<meta name="application-name" content="Nectar" />
<meta name="msapplication-tooltip" content="Mobile Web App Kit" />
<meta name="msapplication-navbutton-color" content="#333333" />
<meta name="msapplication-TileColor" content="#333333" />
<meta name="msapplication-config" content="/massets/custom/favicons/browserconfig.xml" />
<meta name="msapplication-TileImage" content="/massets/custom/favicons/mstile-144x144.png" />
<!-- End: Windows Meta Tags -->
<!-- Begin: Favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="/massets/custom/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/massets/custom/favicons/favicon-16x16.png" />
<link rel="shortcut icon" href="/massets/custom/favicons/favicon.ico" />
<!-- End: Favicons -->
<!-- Begin: Stylesheets -->
<link rel="stylesheet" href="/massets/vendor/framework7/css/framework7.material.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7/css/framework7.material.colors.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/keypad/framework7.keypad.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/indexed-list/framework7.indexed-list.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/toast/toast.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/tour-guide/tour-guide.css" />
<link rel="stylesheet" href="/massets/vendor/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="/massets/vendor/hamburgers/hamburgers.min.css" />
<link rel="stylesheet" href="/massets/vendor/material-icons/material-icons.css" />
<link rel="stylesheet" href="/massets/vendor/pattern-lock/patternLock.css" />
<link rel="stylesheet" href="/massets/vendor/rateyo/jquery.rateyo.min.css" />
<link rel="stylesheet" href="/massets/vendor/tooltipster/css/tooltipster.bundle.min.css" />
<link rel="stylesheet" href="/massets/vendor/tooltipster/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-borderless.min.css" />
<link rel="stylesheet" href="/massets/vendor/nectar/nectar.css" />
<link rel="stylesheet" href="/massets/custom/css/components.css" />
<link rel="stylesheet" href="/massets/custom/css/pages.css" />
<!-- End: Stylesheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>WrenchBoard</title>
</head>
<body class="theme-teal" style=' background-image: url("/massets/img/start-page.jpg");'>
+77
View File
@@ -0,0 +1,77 @@
<div data-page="login" class="page no-navbar">
<!-- Begin: Page Content -->
<div class="page-content" style="background-image: url('/massets/img/werench-m0.jpg'); background-position: center center; background-size: cover;">
<div class="content-block">
<img class="logo" src="/massets/custom/img/wrenchboard.png" alt="WrenchBoard" />
</div>
<form name="login" action="/mobile" method="POST" enctype="multipart/form-data">
<div class="list-block no-hairlines" style="background-color: #ffffFF;">
<ul>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">mail_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="email" name="username" placeholder="Email" required />
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">lock_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="password" name="password" placeholder="Password" data-toggle="show-hide-password" required />
</div>
<div class="item-after show-hide-password">
<a href="#" class="color-gray" title="Show" data-action="show-hide-password">
<i class="material-icons">visibility</i>
</a>
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
</ul>
<a href="/mobile/forgot-password">Forgot Password?</a> <?= $login_message ?>
</div>
<div class="content-block">
<button type="submit" class="button button-big button-block button-fill">Log In</button>
<p class="text-center">Don't have an account? <a href="#" onclick="changePage('signup');" >Sign Up</a></p>
</div>
</form>
</div>
<!-- End: Page Content -->
</div>
+158
View File
@@ -0,0 +1,158 @@
<div data-page="signup" class="page no-navbar" style="background-image: url('/massets/img/werench-m1.jpg'); background-position: center center; background-size: cover;">
<!-- Begin: Page Content -->
<div class="page-content">
<div class="content-block">
<img class="logo" src="/massets/custom/img/wrenchboard.png" alt="WrenchBoard" />
</div>
<div class="content-block">
<p>
<button class="button button-big button-block button-fill button-social button-facebook">
<i class="fa fa-fw fa-lg fa-facebook"></i>
<span>Connect with Facebook</span>
</button>
</p>
<!-- p>
<button class="button button-big button-block button-fill button-social button-google-plus">
<i class="fa fa-fw fa-lg fa-google"></i>
<span>Connect with Google</span>
</button>
</p -->
<p>
<a href="#" class="button button-big button-block button-fill button-social open-popup" data-popup=".popup-signup-email">
<i class="fa fa-fw fa-lg fa-envelope-o"></i>
<span>Sign Up with Email</span>
</a>
</p>
<p>Already have an account? <a href="#" onclick="changePage('login');" >Log In</a></p>
</div>
</div>
<!-- End: Page Content -->
<!-- Begin: Popup -->
<div class="popup tablet-fullscreen popup-signup-email">
<div class="toolbar">
<div class="toolbar-inner">
<div class="left">
<a href="#" class="link disabled"></a>
</div>
<div class="center">Sign Up</div>
<div class="right">
<a href="#" class="link close-popup">
<i class="material-icons">clear</i>
</a>
</div>
</div>
</div>
<div class="container">
<div class="content-block">
<img class="logo" src="assets/custom/img/logo.svg" alt="WrenchBoard" />
</div>
<form name="signup-email" action="#" method="POST" enctype="multipart/form-data">
<div class="list-block no-hairlines">
<ul>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">person_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<?=$country_combo?>
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">person_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="text" name="firstname" placeholder="Firstname" required />
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">person_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="text" name="lastname" placeholder="Lastname" required />
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">phone_android</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="tel" name="mobile" placeholder="Mobile" />
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">mail_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="email" name="email" placeholder="Email" required />
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">lock_outline</i>
</div>
<div class="item-inner">
<div class="item-input">
<input type="password" name="password" data-toggle="show-hide-password" placeholder="Password" required />
</div>
<div class="item-after show-hide-password">
<a class="color-gray" href="#" title="Show" data-action="show-hide-password">
<i class="material-icons">visibility</i>
</a>
</div>
<div class="item-text input-error"></div>
</div>
</div>
</li>
</ul>
</div>
<div class="content-block">
<p><button type="submit" class="button button-big button-block button-fill">Sign Up</button></p>
<p class="text-center">By signing up, you agree to Nectar's <a href="/mobile/terms" class="close-popup">Terms of Service</a>, <a href="/mobile/privacy-policy" class="close-popup">Privacy Policy</a> and <a href="/mobile/cookie-policy" class="close-popup">Cookie Policy</a>.</p>
<p class="text-center">Already have an account? <a href="#" onclick="changePage('login');" class="close-popup">Log In</a></p>
</div>
</form>
</div>
</div>
<!-- End: Popup -->
</div>
@@ -0,0 +1,55 @@
<div data-page="data-tables" class="page">
<!-- Begin: Navbar -->
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a href="#" onclick="SecurePage('mobiledash');" class="link icon-only back">
<i class="icon icon-back"></i>
</a>
</div>
<div class="center">Active Task</div>
</div>
</div>
<!-- End: Navbar -->
<!-- Begin: Page Content -->
<div class="page-content">
<div class="content-block-title">Active Task(s)</div>
<div class="data-table card">
<table>
<thead>
<tr>
<th class="label-cell">Task</th>
</tr>
</thead>
<tbody>
<?
foreach ($activejob_table as $row) {
?>
<tr>
<td class="label-cell"><?= $row->description ?></td>
</tr>
<?
}
?>
</tbody>
</table>
</div>
</div>
<!-- End: Page Content -->
</div>
@@ -0,0 +1,130 @@
<div data-page="home" class="page">
<!-- Begin: Navbar -->
<div class="navbar navbar-transparent">
<div class="navbar-inner">
<div class="left">
<a href="#" data-panel="left" class="link open-panel">
<i class="hamburger hamburger--elastic">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</i>
</a>
</div>
<div class="center">WrenchBoard</div>
<div class="right">
</div>
</div>
</div>
<!-- End: Navbar -->
<!-- Begin: Page Content -->
<div class="page-content">
<!-- Begin: Hero Slider -->
<div class="slider-hero">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image: url('/massets/img/werench-m1.jpg');">
<div class="slide-content">
<div class="slide-title">Welcome <?= $_SESSION['firstname'] ?></div>
<div class="slide-text"></div>
</div>
</div>
<div class="swiper-slide" style="background-image: url('https://source.unsplash.com/jLwVAUtLOAQ');">
<div class="slide-content">
<div class="slide-title">Find Task(s)</div>
<div class="slide-text"> Visit our marketplace to find tasks that match your interest .</div>
</div>
</div>
<div class="swiper-slide" style="background-image: url('https://source.unsplash.com/VkwRmha1_tI');">
<div class="slide-content">
<div class="slide-title">Post Job</div>
<div class="slide-text">Post Jobs - anything you have to do from writing articles, software development, homework, marketing and more.</div>
</div>
</div>
<div class="swiper-slide" style="background-image: url('/massets/img/werench-m2.jpg');">
<div class="slide-content">
<div class="slide-title">WrenchBoard Marketplace</div>
<div class="slide-text">.</div>
<div class="slide-actions">
<a href="#" onclick="SecurePage('market');" class="button button-fill external">
<i class="fa fa-fw fa-shopping-basket"></i>
&nbsp;
<span>Check Available Tasks</span>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<!-- End: Hero Slider -->
<!-- Begin: Features Section -->
<div class="section-features">
<div class="content-block-title"><?=$_SESSION['firstname']?> <?=$_SESSION['lastname']?></div>
<div class="list-block media-list no-hairlines no-hairlines-between">
<ul class="features-list">
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">important_devices</i>
</div>
<div class="item-inner">
<div class="item-title-row">
<a href="#" onclick="SecurePage('active');"><div class="item-title">Active Task[0]</div></a>
</div>
<div class="item-text">Manage your current task(s). Respond to task messages and more</div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">person_outline</i>
</div>
<div class="item-inner">
<div class="item-title-row">
<a href="#" onclick="SecurePage('messages');"> <div class="item-title">Recent Messages</div></a>
</div>
<div class="item-text">General and task message. View recent messages.</div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">settings_input_component</i>
</div>
<div class="item-inner">
<div class="item-title-row">
<a href="#" onclick="SecurePage('account');"> <div class="item-title">Your Account</div></a>
</div>
<div class="item-text">View balance, payments. Manage your payment profile.</div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-media">
<i class="material-icons">games</i>
</div>
<div class="item-inner">
<div class="item-title-row">
<a href="#" onclick="SecurePage('mypage');"> <div class="item-title">my Page</div></a>
</div>
<div class="item-text">Describe yourself. Your experience and interest. Tell the world what you are capable of.</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- End: Features Section -->
</div>
<!-- End: Page Content -->
</div>
@@ -0,0 +1,66 @@
<div data-page="data-tables" class="page">
<!-- Begin: Navbar -->
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a href="#" onclick="SecurePage('mobiledash');" class="link icon-only back">
<i class="icon icon-back"></i>
</a>
</div>
<div class="center">Active Task</div>
</div>
</div>
<!-- End: Navbar -->
<!-- Begin: Page Content -->
<div class="page-content">
<div class="content-block">
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-secondary btn-sm">My Jobs</button>
<button type="button" class="btn btn-primary btn-sm">Create</button>
<button type="button" class="btn btn-info btn-sm">Completed</button>
<button type="button" class="btn btn-warning btn-sm">Past Due</button>
</div>
</div>
<div class="data-table card">
<table>
<thead>
<tr>
<th class="label-cell">My Jobs</th>
</tr>
</thead>
<tbody>
<?
for ($i = 0; $i < 10; $i++) {
?>
<tr>
<td class="label-cell">This is the task title</td>
</tr>
<?
}
?>
</tbody>
</table>
</div>
</div>
<!-- End: Page Content -->
</div>
@@ -0,0 +1,55 @@
<div data-page="data-tables" class="page">
<!-- Begin: Navbar -->
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a href="#" onclick="SecurePage('mobiledash');" class="link icon-only back">
<i class="icon icon-back"></i>
</a>
</div>
<div class="center"><?= $page_title ?></div>
</div>
</div>
<!-- End: Navbar -->
<!-- Begin: Page Content -->
<div class="page-content">
<div class="data-table card">
<table>
<thead>
<tr>
<th class="label-cell">Marketplace</th>
</tr>
</thead>
<tbody>
<?
if ($job_no > 0) {
foreach ($job_table as $row) {
?>
<tr>
<td class="label-cell"><?= $row->title ?></td>
</tr>
<?
}
} else {
?>
<tr>
<td class="label-cell"><br><br>
There is currently no task(s) available, check back later.
</td>
</tr>
<?
}
?>
</tbody>
</table>
</div>
</div>
<!-- End: Page Content -->
</div>
@@ -0,0 +1,59 @@
</div>
</div>
</div>
<!-- Begin: Scripts -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBcmwE8P44WUU4-xBfELRR9eZ2Abr1RvGw"></script>
<script type="text/javascript" src="/massets/vendor/jquery/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7/js/framework7.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/keypad/framework7.keypad.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/indexed-list/framework7.indexed-list.min.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/toast/toast.js"></script>
<script type="text/javascript" src="/massets/vendor/framework7-plugins/tour-guide/tour-guide.js"></script>
<script type="text/javascript" src="/massets/vendor/gmaps/gmaps.min.js"></script>
<script type="text/javascript" src="/massets/vendor/jquery-validation/jquery.validate.min.js"></script>
<script type="text/javascript" src="/massets/vendor/jquery-validation/additional-methods.min.js"></script>
<script type="text/javascript" src="/massets/vendor/pattern-lock/patternLock.min.js"></script>
<script type="text/javascript" src="/massets/vendor/rateyo/jquery.rateyo.min.js"></script>
<script type="text/javascript" src="/massets/vendor/snazzy-maps/snazzy-maps.js"></script>
<script type="text/javascript" src="/massets/vendor/tooltipster/js/tooltipster.bundle.min.js"></script>
<script type="text/javascript" src="/massets/vendor/vivus/vivus.min.js"></script>
<script type="text/javascript" src="/massets/custom/js/init.js"></script>
<script type="text/javascript" src="/massets/vendor/nectar/nectar.js"></script>
<script type="text/javascript" src="/massets/custom/js/components.js"></script>
<script type="text/javascript" src="/massets/custom/js/pages.js"></script>
<script type="text/javascript" src="/massets/custom/js/themes.js"></script>
<script type="text/javascript">
'use strict';
(function() {
myApp.init();
})();
</script>
<!-- End: Scripts -->
<script type="text/javascript">
<!--
function SecurePage(nextpage) {
// if (confirm("continue managing selected Transport [" + nextpage + "]")) {
// do something
// } else {
// return false;
// }
document.location = "/secmobile/" + nextpage + "?proc=NCOMPLETE&instID=108&transp_id=" + nextpage;
return false;
}
// -->
</script>
</body>
</html>
@@ -0,0 +1,198 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Begin: Basic Meta Tags -->
<meta charset="UTF-8" /> <!-- Set character encoding -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <!-- Internet Explorer compatibility mode -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> <!-- For responsiveness on mobile browsers -->
<!-- End: Basic Meta Tags -->
<meta http-equiv="refresh" content="<?php echo SESSION_TIMEOUT_LOGOUT; ?>; url=/mobile/logout">
<!-- Begin: Content Security Policy Meta Tags -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-eval' data: blob: filesystem: ws: gap: cdvfile: https://ssl.gstatic.com *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; img-src * data: 'unsafe-inline'; connect-src * 'unsafe-inline'; child-src *;" /> <!-- Allows control over where the resources are loaded from -->
<!-- End: Content Security Policy Meta Tags -->
<!-- Begin: Android Meta Tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="theme-color" content="#333333" /> <!-- Status bar color -->
<link rel="icon" type="image/png" sizes="192x192" href="/massets/custom/favicons/android-chrome-192x192.png" />
<link rel="manifest" href="/massets/custom/favicons/manifest.json" />
<!-- End: Android Meta Tags -->
<!-- Begin: iOS Meta Tags -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" /> <!-- Disable automatic detection and formatting of possible phone numbers -->
<meta name="apple-mobile-web-app-title" content="Nectar" />
<link rel="apple-touch-icon" sizes="57x57" href="/massets/custom/favicons/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/massets/custom/favicons/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/massets/custom/favicons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/massets/custom/favicons/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/massets/custom/favicons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/massets/custom/favicons/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/massets/custom/favicons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/massets/custom/favicons/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/massets/custom/favicons/apple-touch-icon-180x180.png" />
<!-- End: iOS Meta Tags -->
<!-- Begin: Windows Meta Tags -->
<meta name="application-name" content="Nectar" />
<meta name="msapplication-tooltip" content="Mobile Web App Kit" />
<meta name="msapplication-navbutton-color" content="#333333" />
<meta name="msapplication-TileColor" content="#333333" />
<meta name="msapplication-config" content="/massets/custom/favicons/browserconfig.xml" />
<meta name="msapplication-TileImage" content="/massets/custom/favicons/mstile-144x144.png" />
<!-- End: Windows Meta Tags -->
<!-- Begin: Favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="/massets/custom/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/massets/custom/favicons/favicon-16x16.png" />
<link rel="shortcut icon" href="/massets/custom/favicons/favicon.ico" />
<!-- End: Favicons -->
<!-- Begin: Stylesheets -->
<link rel="stylesheet" href="/massets/vendor/framework7/css/framework7.material.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7/css/framework7.material.colors.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/keypad/framework7.keypad.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/indexed-list/framework7.indexed-list.min.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/toast/toast.css" />
<link rel="stylesheet" href="/massets/vendor/framework7-plugins/tour-guide/tour-guide.css" />
<link rel="stylesheet" href="/massets/vendor/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="/massets/vendor/hamburgers/hamburgers.min.css" />
<link rel="stylesheet" href="/massets/vendor/material-icons/material-icons.css" />
<link rel="stylesheet" href="/massets/vendor/pattern-lock/patternLock.css" />
<link rel="stylesheet" href="/massets/vendor/rateyo/jquery.rateyo.min.css" />
<link rel="stylesheet" href="/massets/vendor/tooltipster/css/tooltipster.bundle.min.css" />
<link rel="stylesheet" href="/massets/vendor/tooltipster/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-borderless.min.css" />
<link rel="stylesheet" href="/massets/vendor/nectar/nectar.css" />
<link rel="stylesheet" href="/massets/custom/css/components.css" />
<link rel="stylesheet" href="/massets/custom/css/pages.css" />
<!-- End: Stylesheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>WrenchBoard-<?= $_SESSION['firstname'] ?> <?= $_SESSION['lastname'] ?></title>
</head>
<body class="theme-teal layout-dark">
<div class="statusbar-overlay"></div>
<div class="panel-overlay"></div>
<!-- Begin: Left Side Panel -->
<div class="panel panel-left panel-reveal">
<div class="panel-header">
<div class="user-info">
<img src="<? echo $_SESSION['profile_picture']; ?>" class="img-circle user-photo" width="64" height="64" alt="<?= $_SESSION['firstname'] ?> <?= $_SESSION['lastname'] ?>" />
<!-- img class="img-circle user-photo" src="https://randomuser.me/api/portraits/men/60.jpg" width="64" height="64" alt="Avatar" / -->
<div class="user-name"><?= $_SESSION['firstname'] ?> <?= $_SESSION['lastname'] ?></div>
<div class="user-location">
<i class="fa fa-fw fa-map-marker"></i>
<!-- span>India</span -->
</div>
</div>
</div>
<div class="list-block no-hairlines no-hairlines-between">
<ul>
<li>
<a href="home.html" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/home.png" width="24" alt="Home" />
</div>
<div class="item-inner">
<div class="item-title">Home</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" onclick="SecurePage('market');" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/components.png" width="24" alt="Market" />
</div>
<div class="item-inner">
<div class="item-title">Market</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" onclick="SecurePage('active');" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/pages.png" width="24" alt="Active" />
</div>
<div class="item-inner">
<div class="item-title">Active Task</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" onclick="SecurePage('account');" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/share.png" width="24" alt="Themes" />
</div>
<div class="item-inner">
<div class="item-title">Account</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" onclick="SecurePage('myjobs');" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/settings.png" width="24" alt="manage" />
</div>
<div class="item-inner">
<div class="item-title">My Jobs</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" onclick="SecurePage('mobiledash');" class="item-link close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/settings.png" width="24" alt="Settings" />
</div>
<div class="item-inner">
<div class="item-title">Settings</div>
</div>
</div>
</a>
</li>
<li>
<a target="_blank" href="/mobile/logout" class="item-link external close-panel">
<div class="item-content">
<div class="item-media">
<img src="/massets/custom/img/buy.png" width="24" alt="Logout" />
</div>
<div class="item-inner">
<div class="item-title">Log out</div>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
<!-- End: Left Side Panel -->
<div class="views">
<div class="view view-main">
<div class="pages navbar-fixed">
+102
View File
@@ -0,0 +1,102 @@
<form method="post" name="post_nav_find" action="">
<input type="hidden" name="jobOfferID" value="">
<input type="hidden" name="jobID" value="">
</form>
<script type="text/javascript">
<!--
function post_nav_find_action(what, value) {
// alert(what);
document.post_nav_find.action = what + '';
document.post_nav_find.jobOfferID.value = value;
document.post_nav_find.jobID.value = value;
document.post_nav_find.submit();
return false;
}
// -->
</script>
<!-- Main content -->
<div class="content-wrapper">
<!-- Main charts -->
<div class="row">
<div class="col-lg-12">
</div>
</div>
<!-- /main charts -->
<div class="row">
<div id="myCarousel">
<!-- Carousel indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for carousel items -->
<div class="carousel-inner">
<div class="item active">
<div class="col-md-12">
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title"><b>
</b></h6>
</div>
<?=$market_table?>
</div>
</div>
</div>
<div class="item">
<div class="col-md-12">
<div class="panel panel-flat" style="height: 435px;">
<div class="panel-heading">
<h6 class="panel-title"><b>Active Projects</b></h6>
</div>
</div>
</div>
</div>
<div class="item">
<div class="col-md-12">
<div class="panel panel-flat" style="height: 435px;">
<div class="panel-heading">
<h6 class="panel-title"><b>Recent Task Message</b></h6>
</div>
</div>
</div>
</div>
</div>
</div>
<?
foreach ($job_data as $row) {
?>
<div class="col-lg-4">
<div class="panel panel-flat" style="height: 145px;">
<div class="panel-heading"><h6 class="panel-title"><b><a href="/plb/viewjob/<?=$row->offer_code?>"><?=$row->title?> </a></b></h6></div>
</div>
</div>
<?
}
?>
</div>
</div>
<!-- /main content -->
@@ -0,0 +1,24 @@
<!-- Footer -->
<div class="navbar navbar-default navbar-fixed-bottom footer">
<ul class="nav navbar-nav visible-xs-block">
<li><a class="text-center collapsed" data-toggle="collapse" data-target="#footer"><i class="icon-circle-up2"></i></a></li>
</ul>
<div class="navbar-collapse collapse" id="footer">
<div class="navbar-text">
&copy; <?php echo date("Y"); ?>. <a href="#" class="navbar-link">WrenchBoard</a> <!-- by <a href="http://www.fluxtra.net" class="navbar-link" target="_blank">FluxTra</a -->
</div>
<div class="navbar-right">
<ul class="nav navbar-nav">
<li><a href="about">About</a></li>
<li><a href="terms">Terms</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div>
</div>
</div>
<!-- /footer -->
</body>
</html>
@@ -0,0 +1,97 @@
<!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>
<meta http-equiv="refresh" content="<?php echo SESSION_TIMEOUT_LOGOUT; ?>;url=/logout">
<meta name="description" content="wrenchboard.com is an online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster. Trade your freelance services." />
<meta name="title" content="WrenchBoard: Find a Freelancer | Sell Professional Services" />
<meta name="keywords" content="Online Jobs, Online Workers, work online Nigeria, hire a freelancer, hire freelancers, freelance marketplace, freelancer hire, freelance service, freelance professional services, How to make money online, find workers online, Online Services, digital services, freelancers community in Ghana, freelancers community in Nigeria, freelancer site in Africa, Best freelance website in Africa, Freelance Designers, Photographers, Writers in Nigeria, freelancers, freelance outsourcing in Nigeria, freelance IT services in Nigeria, hire freelancers online in Nigeria, freelance services online in Nigeria, freelance contractor in Nigeria, freelance sites in Nigeria, freelance jobs in Nigeria, freelance projects in Nigeria, freelance jobs online in Nigeria, professional freelancers in Nigeria, buy professional services in Nigeria, professional services jobs, professional business services, professional service providers in Nigeria, freelancing services, freelancing sites in Nigeria, freelancers for hire in Nigeria, freelancer search in Nigeria, search freelancer in Nigeria, find freelancers in Nigeria, Find workers US. Outsource from US to Nigeria, find a freelancer in Nigeria, freelancing projects in Nigeria, web freelancing in Nigeria, outsourcing sites freelancers in Nigeria, website for freelancers in Nigeria, marketplace for freelancers " />
<!-- 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">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-54829827-4', 'auto');
ga('send', 'pageview');
</script>
<!-- Main navbar -->
<!-- div class="navbar navbar-inverse bg-indigo">
<div class="navbar-header">
<a class="navbar-brand" href="/"><div class='logo_text'>WrenchBoard</div></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="/">
Home
</a>
</li>
<li>
<a href="/login">
Login
</a>
</li>
<li>
<a href="/registration">
Sign up
</a>
</li>
<li class="dropdown">
<a href="/contact">
Contact
</a>
</li>
</ul>
</div>
</div -->
<!-- /main navbar -->
<div class="top_image">
</div>
@@ -0,0 +1,54 @@
</div>
<!-- /page content -->
</div>
<!-- /page container -->
<!-- Footer -->
<div class="navbar navbar-default navbar-fixed-bottom">
<div class="navbar-boxed">
<ul class="nav navbar-nav visible-xs-block">
<li><a class="text-center collapsed" data-toggle="collapse" data-target="#footer"><i class="icon-circle-up2"></i></a></li>
</ul>
<div class="navbar-collapse collapse" id="footer">
<div class="navbar-text">
&copy; <?php echo date("Y"); ?>. <a href="/" class="navbar-link">WrenchBoard</a>
</div>
<div class="navbar-right">
<ul class="nav navbar-nav">
<li><a href="/">Home</a></li>
<li><a href="/contact">Support</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- /footer -->
<script>
jQuery(function () {
jQuery('#universal_video_background_default').universal_video_background({
width: 960,
height: 540,
autoPlayFirstVideo: true,
responsive: true,
borderWidth: 0,
borderColor: '#FFFFFF',
showBottomNav: true,
showTooltip: true,
thumbsBorderColorON: '#FFFFFF',
thumbsBorderColorOFF: '#cccccc',
thumbsWrapperBg: '#000000', //hexa or image
thumbsBgOffImgOpacity: 70,
thumbsWrapperMarginTop: -70
});
});
</script>
</body>
</html>
@@ -0,0 +1,54 @@
</div>
<!-- /page content -->
</div>
<!-- /page container -->
<!-- Footer -->
<div class="navbar navbar-default navbar-fixed-bottom">
<div class="navbar-boxed">
<ul class="nav navbar-nav visible-xs-block">
<li><a class="text-center collapsed" data-toggle="collapse" data-target="#footer"><i class="icon-circle-up2"></i></a></li>
</ul>
<div class="navbar-collapse collapse" id="footer">
<div class="navbar-text">
&copy; <?php echo date("Y"); ?>. <a href="/" class="navbar-link">WrenchBoard</a>
</div>
<div class="navbar-right">
<ul class="nav navbar-nav">
<li><a href="/">Home</a></li>
<li><a href="/contact">Support</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- /footer -->
<script>
jQuery(function () {
jQuery('#universal_video_background_default').universal_video_background({
width: 960,
height: 540,
autoPlayFirstVideo: true,
responsive: true,
borderWidth: 0,
borderColor: '#FFFFFF',
showBottomNav: true,
showTooltip: true,
thumbsBorderColorON: '#FFFFFF',
thumbsBorderColorOFF: '#cccccc',
thumbsWrapperBg: '#000000', //hexa or image
thumbsBgOffImgOpacity: 70,
thumbsWrapperMarginTop: -70
});
});
</script>
</body>
</html>
@@ -0,0 +1,215 @@
<!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>
<meta name="description" content="wrenchboard.com is an online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster. Trade your freelance services." />
<meta name="title" content="WrenchBoard: Find a Freelancer | Sell Professional Services" />
<meta name="keywords" content="Online Jobs, Online Workers, work online Nigeria, hire a freelancer, hire freelancers, freelance marketplace, freelancer hire, freelance service, freelance professional services, How to make money online, find workers online, Online Services, digital services, freelancers community in Ghana, freelancers community in Nigeria, freelancer site in Africa, Best freelance website in Africa, Freelance Designers, Photographers, Writers in Nigeria, freelancers, freelance outsourcing in Nigeria, freelance IT services in Nigeria, hire freelancers online in Nigeria, freelance services online in Nigeria, freelance contractor in Nigeria, freelance sites in Nigeria, freelance jobs in Nigeria, freelance projects in Nigeria, freelance jobs online in Nigeria, professional freelancers in Nigeria, buy professional services in Nigeria, professional services jobs, professional business services, professional service providers in Nigeria, freelancing services, freelancing sites in Nigeria, freelancers for hire in Nigeria, freelancer search in Nigeria, search freelancer in Nigeria, find freelancers in Nigeria, Find workers US. Outsource from US to Nigeria, find a freelancer in Nigeria, freelancing projects in Nigeria, web freelancing in Nigeria, outsourcing sites freelancers in Nigeria, website for freelancers in Nigeria, marketplace for freelancers " />
<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">
<link href="/assets/css/modern-business.css" rel="stylesheet">
<!-- /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/visualization/d3/d3.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/visualization/d3/d3_tooltip.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/styling/switchery.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/styling/uniform.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/wysihtml5.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/parsers.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/toolbar.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/selects/bootstrap_multiselect.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ui/moment/moment.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ui/fullcalendar/fullcalendar.min.js"></script>
<script type="text/javascript" src="/assets/js/pages/extra_fullcalendar.js"></script>
<script type="text/javascript" src="/assets/js/plugins/pickers/daterangepicker.js"></script>
<script type="text/javascript" src="/assets/js/plugins/uploaders/fileinput.min.js"></script>
<script type="text/javascript" src="/assets/js/core/app.js"></script>
<script type="text/javascript" src="/assets/js/pages/uploader_bootstrap.js"></script>
<script type="text/javascript" src="/assets/js/pages/dashboard_boxed.js"></script>
<script type="text/javascript" src="/assets/js/pages/editor_wysihtml5.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ui/ripple.min.js"></script>
<!-- /theme JS files -->
<link href="/media/universal_video_background.css" rel="stylesheet" type="text/css">
<!-- script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script -->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="/media/js/froogaloop2.min.js"></script>
<script src="/media/js/universal_video_background.js" type="text/javascript"></script>
<style type="text/css">
.carousel{
margin-top: 10px;
}
.carousel .item{
min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}
.carousel .item img{
margin: 0 auto; /* Align slide image horizontally center */
}
.bs-example{
margin: 20px;
}
</style>
</head>
<body class="layout-boxed navbar-bottom">
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-54829827-4', 'auto');
ga('send', 'pageview');
</script>
<!-- Main navbar -->
<div class="navbar navbar-inverse bg-indigo">
<div class="navbar-boxed">
<div class="navbar-header">
<a class="navbar-brand" href="/"><div class='logo_text'>WrenchBoard</div></a>
<ul class="nav navbar-nav visible-xs-block">
<li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
<li><a class="sidebar-mobile-main-toggle"><i class="icon-paragraph-justify3"></i></a></li>
</ul>
</div>
<div class="navbar-collapse collapse" id="navbar-mobile">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown language-switch">
<a class="dropdown-toggle" data-toggle="dropdown">
<img src="/assets/images/flags/gb.png" class="position-left" alt="">
English
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<!--li><a class="deutsch"><img src="/assets/images/flags/de.png" alt=""> Deutsch</a></li>
<li><a class="ukrainian"><img src="/assets/images/flags/ua.png" alt=""> УкраїнÑ?ька</a></li-->
<li><a class="english"><img src="/assets/images/flags/gb.png" alt=""> English</a></li>
<!-- li><a class="espana"><img src="/assets/images/flags/es.png" alt=""> España</a></li>
<li><a class="russian"><img src="/assets/images/flags/ru.png" alt=""> РуÑ?Ñ?кий</a></li -->
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- /main navbar -->
<!-- Page header -->
<div class="page-header">
<div class="breadcrumb-line">
<div class="breadcrumb-boxed">
<ul class="breadcrumb">
<li><? echo isset($page_title) ? $page_title : ''; ?> </li>
</ul>
<ul class="breadcrumb-elements">
<li><a href="/login">Login</a></li>
<li><a href="/dash/howitworks">|</a></li>
<li style='background-color: #E8F8F5;'><a href="/registration">Sign-up</a></li>
<li><a href="/contact" style='background-color: #ffcccc;'><i class="icon-comment-discussion position-left"></i>Support</a></li>
</ul>
</div>
</div>
<div class="page-header-content">
<div class="page-title">
<h4><i class="icon-arrow-left52 position-left"></i> <? echo isset($page_title) ? "<i class=\"icon-arrow-left52 position-left\"></i>" . $page_title : ''; ?> </h4>
</div>
<div class="heading-elements">
<div class="heading-btn-group">
.
</div>
</div>
</div>
</div>
<!-- /page header -->
<!-- Page container -->
<div class="page-container">
<!-- Page content -->
<div class="page-content">
<!-- Main sidebar -->
<div class="sidebar sidebar-main sidebar-default">
<div class="sidebar-content">
<!-- Main navigation -->
<div class="sidebar-category sidebar-category-visible">
<div class="sidebar-user-material">
<div class="category-content">
<div class="sidebar-user-material-menu" style="margin-top:1px;">
<a href="#user-nav" data-toggle="collapse"><span>WrenchBoard</span> <i class="caret"></i></a>
</div>
</div>
</div>
<div class="category-content no-padding">
<ul class="navigation navigation-main navigation-accordion">
<!-- Main -->
<li><a href="/login"><i class="icon-home4"></i> <span>Login</span></a></li>
<li style='background-color: #f1fdd5;'><a href="/registration"><i class="icon-home4"></i> <span>Sign up</span></a></li>
</ul>
</div>
</div>
<!-- /main navigation -->
</div>
</div>
<!-- /Main sidebar -->
@@ -0,0 +1,214 @@
<!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 -<?php echo $_SESSION['firstname']; ?> </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/visualization/d3/d3.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/visualization/d3/d3_tooltip.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/styling/switchery.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/styling/uniform.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/wysihtml5.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/parsers.js"></script>
<script type="text/javascript" src="/assets/js/plugins/editors/wysihtml5/toolbar.js"></script>
<script type="text/javascript" src="/assets/js/plugins/forms/selects/bootstrap_multiselect.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ui/moment/moment.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ui/fullcalendar/fullcalendar.min.js"></script>
<script type="text/javascript" src="/assets/js/pages/extra_fullcalendar.js"></script>
<script type="text/javascript" src="/assets/js/plugins/pickers/daterangepicker.js"></script>
<script type="text/javascript" src="/assets/js/plugins/uploaders/fileinput.min.js"></script>
<script type="text/javascript" src="/assets/js/core/app.js"></script>
<script type="text/javascript" src="/assets/js/pages/uploader_bootstrap.js"></script>
<script type="text/javascript" src="/assets/js/pages/dashboard_boxed.js"></script>
<script type="text/javascript" src="/assets/js/pages/editor_wysihtml5.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ui/ripple.min.js"></script>
<!-- /theme JS files -->
<link href="/media/universal_video_background.css" rel="stylesheet" type="text/css">
<!-- script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script -->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="/media/js/froogaloop2.min.js"></script>
<script src="/media/js/universal_video_background.js" type="text/javascript"></script>
<style type="text/css">
.carousel{
margin-top: 10px;
}
.carousel .item{
min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}
.carousel .item img{
margin: 0 auto; /* Align slide image horizontally center */
}
.bs-example{
margin: 20px;
}
</style>
</head>
<body class="layout-boxed navbar-bottom">
<!-- Main navbar -->
<div class="navbar navbar-inverse bg-indigo">
<div class="navbar-boxed">
<div class="navbar-header">
<a class="navbar-brand" href="/dash"><div class='logo_text'>WrenchBoard</div></a>
<ul class="nav navbar-nav visible-xs-block">
<li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
<li><a class="sidebar-mobile-main-toggle"><i class="icon-paragraph-justify3"></i></a></li>
</ul>
</div>
<div class="navbar-collapse collapse" id="navbar-mobile">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown language-switch">
<a class="dropdown-toggle" data-toggle="dropdown">
<img src="/assets/images/flags/gb.png" class="position-left" alt="">
English
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<!--li><a class="deutsch"><img src="/assets/images/flags/de.png" alt=""> Deutsch</a></li>
<li><a class="ukrainian"><img src="/assets/images/flags/ua.png" alt=""> УкраїнÑ?ька</a></li-->
<li><a class="english"><img src="/assets/images/flags/gb.png" alt=""> English</a></li>
<!-- li><a class="espana"><img src="/assets/images/flags/es.png" alt=""> España</a></li>
<li><a class="russian"><img src="/assets/images/flags/ru.png" alt=""> РуÑ?Ñ?кий</a></li -->
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- /main navbar -->
<!-- Page header -->
<div class="page-header">
<div class="breadcrumb-line">
<div class="breadcrumb-boxed">
<ul class="breadcrumb">
<li><? echo isset($page_title) ? $page_title : ''; ?> </li>
</ul>
<ul class="breadcrumb-elements">
<li><a href="/login">Login</a></li>
<li><a href="/dash/howitworks">|</a></li>
<li style='background-color: #E8F8F5;'><a href="/registration">Sign-up</a></li>
<li><a href="/member/contact" style='background-color: #ffcccc;'><i class="icon-comment-discussion position-left"></i>Support</a></li>
</ul>
</div>
</div>
<div class="page-header-content">
<div class="page-title">
<h4><i class="icon-arrow-left52 position-left"></i> <? echo isset($page_title) ? "<i class=\"icon-arrow-left52 position-left\"></i>" . $page_title : ''; ?> </h4>
</div>
<div class="heading-elements">
<div class="heading-btn-group">
<a href="/proj/active" class="btn btn-link btn-float text-size-small has-text"><span>Active Task[<? echo $_SESSION['active_task']; ?>]</span></a>
<a href="/member/message" class="btn btn-link btn-float text-size-small has-text"><span>Messages</span></a>
<a href="/member/balance" class="btn btn-link btn-float text-size-small has-text"><span>Account</span></a>
</div>
</div>
</div>
</div>
<!-- /page header -->
<!-- Page container -->
<div class="page-container">
<!-- Page content -->
<div class="page-content">
<!-- Main sidebar -->
<div class="sidebar sidebar-main sidebar-default">
<div class="sidebar-content">
<!-- Main navigation -->
<div class="sidebar-category sidebar-category-visible">
<div class="sidebar-user-material">
<div class="category-content">
<div class="sidebar-user-material-menu" style="margin-top:1px;">
<a href="#user-nav" data-toggle="collapse"><span>WrenchBoard</span> <i class="caret"></i></a>
</div>
</div>
<div class="navigation-wrapper collapse" id="user-nav">
<ul class="navigation" style=' background-color: rgba(51, 71, 90, 0.1);'>
<li><a href="/member/picture"><i class="icon-user-plus"></i> <span>My Picture</span></a></li>
<li><a href="/member/profile"><i class="icon-user-plus"></i> <span>My Profile</span></a></li>
<li><a href="/member/message"><i class="icon-comment-discussion"></i> <span><span class="badge bg-teal-400 pull-right">0</span> Messages</span></a></li>
<li class="divider"></li>
<li><a href="/member/recipient"><i class="icon-coins"></i> <span>My Linked Account</span></a></li>
<li><a href="/member/balance"><i class="icon-coins"></i> <span>Balance/Withdraw</span></a></li>
<li class="divider"></li>
<li><a href="/member/settings"><i class="icon-cog5"></i> <span>Account settings</span></a></li>
<li><a href="/logout"><i class="icon-switch2"></i> <span>Logout</span></a></li>
</ul>
</div>
</div>
<div class="category-content no-padding">
<ul class="navigation navigation-main navigation-accordion">
<!-- Main -->
<li><a href="/dash"><i class="icon-home4"></i> <span>Dashboard</span></a></li>
<li style='background-color: #f1fdd5;'><a href="/jobs/market"><i class="icon-home4"></i> <span>Market</span></a></li>
<li>
<a href="/dash"><i class="icon-stack2"></i> <span>My Activities</span></a>
<ul>
<li><a href="/proj/active">Active Project(s)</a></li>
<li><a href="/member/yourpage">My Page</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- /main navigation -->
</div>
</div>
<!-- /Main sidebar -->
@@ -0,0 +1,8 @@
<!-- Main navigation -->
<div class="sidebar-category sidebar-category-visible">
<div class="category-content no-padding">
<a href='/member/domore'>Do More ...</a>
</div>
</div>
<!-- /main navigation -->
@@ -0,0 +1,8 @@
<!-- Marketing campaigns -->
<div class="panel panel-flat" style=' background-color: rgba(51, 71, 90, 0.1); margin-bottom: 1px; height:280px;'>
</div>
<!-- /marketing campaigns -->
@@ -0,0 +1,109 @@
<!-- Marketing campaigns -->
<div class="panel panel-flat" style=' background-color: rgba(51, 71, 90, 0.1); margin-bottom: 1px;'>
<div class="panel-heading">
<h6 class="panel-title">Recent jobs</h6>
<div class="heading-elements">
<span class="label bg-success heading-text">28 active</span>
</div>
</div>
<div class="table-responsive">
<table class="table text-nowrap">
<tbody>
<?
for ($ii = 0; $ii < 2; $ii++) {
?>
<tr>
<td>
<div class="media-left">
<div class=""><a href="#" class="text-default text-semibold">Write ten health related article, about 500 words, for my blog. </a>[I am a passionate writer of health and community-related articles. I also have experience in research and reporting]</div>
</div>
</td>
<td><span class="label bg-blue"><a href="/login&page=market">View</a></span></td>
</tr>
<?
}
?>
</tbody>
</table>
</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">
</div>
</td>
<td class="col-md-5">
<div class="media-left">
<div id="campaign-status-pie"></div>
</div>
<div class="media-left">
</div>
</td>
<td class="text-right col-md-2">
<a href="/login" class="btn bg-indigo-300"><i class="icon-statistics position-left"></i> Login</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="row">
<div class="col-lg-4 col-sm-6">
<div class="thumbnail">
<div class="video-container">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="https://player.vimeo.com/video/126945693?title=0&amp;byline=0&amp;portrait=0" webkitallowfullscreen=""></iframe>
</div>
<div class="caption">
<h6 class="no-margin-top text-semibold"><a href="#" class="text-default">Boy favourable</a> <a href="#" class="text-muted"><i class="icon-cog5 pull-right"></i></a></h6>
Branched is on an ecstatic directly it. Put off
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="thumbnail">
<div class="video-container">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="https://player.vimeo.com/video/89546048?title=0&amp;byline=0&amp;portrait=0" webkitallowfullscreen=""></iframe>
</div>
<div class="caption">
<h6 class="no-margin-top text-semibold"><a href="#" class="text-default">Noisier carried</a> <a href="#" class="text-muted"><i class="icon-cog5 pull-right"></i></a></h6>
On projection apartments unsatiable so if he
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="thumbnail">
<div class="video-container">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="https://player.vimeo.com/video/126580704?title=0&amp;byline=0&amp;portrait=0" webkitallowfullscreen=""></iframe>
</div>
<div class="caption">
<h6 class="no-margin-top text-semibold"><a href="#" class="text-default">Two differed</a> <a href="#" class="text-muted"><i class="icon-cog5 pull-right"></i></a></h6>
Welcomed stronger if steepest ecstatic an suitable
</div>
</div>
</div>
</div>
</div>
<!-- /marketing campaigns -->
@@ -0,0 +1,49 @@
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="thumbnail">
<div class="thumb">
<a href="/member/message" class="text-default"><img src="assets/images/message_dash.png" alt="Messages"></a>
</div>
<div class="caption">
<h6 class="no-margin-top text-semibold"><a href="/member/message" class="text-default">Messages</a> <a href="/member/message" class="text-muted"><i class="icon-download pull-right"></i></a></h6>
View your messages including project activities. Click <a href="/member/message">here</a> .
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="thumbnail">
<div class="thumb">
<a href="/dash/howitworks" class="text-default"><img src="assets/images/howitworks_dash.png" alt="How it Works"></a>
</div>
<div class="caption">
<h6 class="no-margin-top text-semibold"><a href="/dash/howitworks" class="text-default">How it Works</a> <a href="/dash/howitworks" class="text-muted"><i class="icon-download pull-right"></i></a></h6>
See how to create projects, offer and manage project on WrenchBoard
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="thumbnail">
<div class="thumb">
<a href="/member/yourpage" class="text-default"><img src="assets/images/yourpage.png" alt="Your Page"></a>
</div>
<div class="caption">
<h6 class="no-margin-top text-semibold"><a href="/member/yourpage" class="text-default">Advertise Yourself</a> <a href="/member/yourpage" class="text-muted"><i class="icon-download pull-right"></i></a></h6>
Expose your capabilities and interest to clients and connect professionally
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="thumbnail">
<div class="thumb">
<a href="/refer" class="text-default"> <img src="assets/images/refer_dash.jpg" alt="Refer A Friend"></a>
</div>
<div class="caption">
<h6 class="no-margin-top text-semibold"><a href="/refer" class="text-default">Refer a Friend</a></h6>
<a href="/refer" class="text-default">Show WrenchBoard to your friends and get rewarded when they sign up.</a>
</div>
</div>
</div>
</div>

Some files were not shown because too many files have changed in this diff Show More