Files
WrenchBoradWeb/www/application/views/home/view_index1.php
T
2021-04-25 18:53:43 -04:00

507 lines
30 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, 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>