terms of use icon added

services menu icon added
app images
2023-08-15 10:31:21 +01:00 · 2023-08-15 09:42:46 +01:00 · 2023-08-06 16:41:53 -04:00 · 2023-08-06 14:24:32 -04:00 · 2023-08-05 20:18:26 -04:00 · 2023-08-05 20:18:05 -04:00
60 changed files with 92 additions and 49 deletions
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
@@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <link type="image/png" rel="icon" href="%PUBLIC_URL%/favicon.png" />
+    <link type="image/png" rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <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." />
@@ -26,7 +26,7 @@
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
    <title>WrenchBoard</title>
-    <meta property="og:image" content="%PUBLIC_URL%/favicon.png" />
+    <meta property="og:image" content="%PUBLIC_URL%/favicon-32x32.png" />
    <meta property="business:contact_data:street_address" content="Cumberland Pkwy">
    

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
@@ -44,6 +44,7 @@ function Routes() {
                    <ScrollToTop>
                        <Switch>
                            <Route exact path="/" component={HomeOne} />
+                            <Route exact path="/eoffer" component={HomeOne} />
                            <Route exact path="/news" component={News} />
                            <Route exact path="/blog" component={News} />
                            <Route exact path="/use-cases" component={UseCases} />
@@ -107,7 +107,7 @@ ol {
 }

 p {
-  font-size: 16px;
+  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #505056;
@@ -1735,7 +1735,7 @@ p {
  font-weight: 500;
 }
 .appie-hero-content .appie-title {
-  font-size: 60px;
+  font-size: 53px;
  line-height: 70px;
  margin-top: 10px;
  margin-bottom: 22px;
@@ -2348,14 +2348,16 @@ p {
 }

 .appie-single-service {
-  padding: 50px 30px 43px;
+  /* padding: 50px 30px 43px; */
+  padding: 30px;
  background: #fff;
  border-radius: 6px;
  transition: all linear 0.3s;
 }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .appie-single-service {
-    padding: 50px 15px 43px;
+    /* padding: 50px 15px 43px; */
+    padding: 30px;
  }
 }
 .appie-single-service .icon {
@@ -2505,6 +2507,7 @@ p {
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 10px;
+  text-align: center;
 }
 .appie-single-service-2 a {
  font-size: 14px;
@@ -2662,6 +2665,14 @@ p {
 .service-details-sidebar .service-download-widget a {
  padding: 13px 30px;
  color: #505056;
+  display: flex;
+  align-items: center;
+  gap: '2px'
+}
+.service-details-sidebar .service-download-widget a img {
+  width: 25px;
+  height: 25px;
+  margin-right: 5px;
 }
 .service-details-sidebar .service-download-widget a:hover {
  color: #4687ba;
@@ -3050,6 +3061,7 @@ p {
 }
 .appie-traffic-title p {
  font-size: 16px;
+  margin-top: 10px;
 }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .appie-traffic-title .title {
@@ -3109,12 +3121,15 @@ p {
  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
 }
 .appie-traffic-service .title {
-  font-size: 20px;
+  font-size: 24px;
  font-weight: 700;
  padding-bottom: 7px;
+  text-shadow: 3px 4px 10px rgba(0,0,0,0.3);
 }
 .appie-traffic-service p {
-  font-size: 15px;
+  font-size: 17px;
+  margin-top: 10px;
+  /*margin-bottom: 2px;*/
 }
 .appie-traffic-service.item-2 .icon i {
  background: linear-gradient(135deg, #f7b8af 0%, #f8452d 100%);
@@ -4239,17 +4254,26 @@ p {
  background-repeat: no-repeat;
  background-size: cover;
 }
+
 .mission-side-box {
  position: absolute;
  top: 0;
  right: 0;
-  height: 100%;
+  height: 750px;
  width: 50%;
  background-image: url(../images/mission-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 }
+@media only screen and (max-width: 991px) {
+  .mission-side-box {
+    position: relative;
+    height: 500px;
+    width: 100%;
+    margin: 20px auto 0 auto;
+  }
+}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appie-faq-8-area .faq-play-box {
@@ -5686,6 +5710,10 @@ blockquote cite {
 .footer-about-widget {
  padding-right: 70px;
  margin-top: 30px;
+  .logo {
+    position: relative;
+    top: -12px;
+  }
 }
@media (max-width: 767px) {
  .footer-about-widget {
@@ -5694,7 +5722,7 @@ blockquote cite {
  }
 }
 .footer-about-widget p {
-  padding-top: 25px;
+  padding-top: 1px;
 }
 .footer-about-widget > a {
  font-size: 15px;
@@ -5749,9 +5777,10 @@ blockquote cite {
  }
 }
 .footer-navigation .title {
-  font-size: 20px;
+  font-size: 25px;
  font-weight: 700;
  margin-bottom: 18px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
 }
 .footer-navigation ul {
  margin: 0;
@@ -5789,9 +5818,10 @@ blockquote cite {
  }
 }
 .footer-widget-info .title {
-  font-size: 20px;
+  font-size: 25px;
  font-weight: 700;
  margin-bottom: 18px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
 }
 .footer-widget-info ul {
  margin: 0;
@@ -14,7 +14,6 @@
 .boxBorder{
  border-color: aqua;
  background-color: #f5f6f7 ;
-  height:300px;
 }
 .appie-loader {
  opacity: 0;
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import StickyMenu from '../../lib/StickyMenu';
 import Navigation from '../Navigation';
 import getConfig from './../../Config/config'
@@ -54,8 +54,8 @@ function Forms() {
                                    </p>

                                    <p>
-                                        <i className="fal fa-home"></i>
-                                        {process.env.REACT_APP_SUPPORT_NG_ADDRESS}
+                                        {/*<i className="fal fa-home"></i>*/}
+                                        {/*{process.env.REACT_APP_SUPPORT_NG_ADDRESS}*/}
                                    </p>

                                </div>
@@ -65,7 +65,7 @@ function Forms() {
                                        <i className="fal fa-phone"></i>
                                        {process.env.REACT_APP_SUPPORT_PHONE}
                                        <br />
-                                       {process.env.REACT_APP_SUPPORT_PHONE_NG}
+                                       {/*{process.env.REACT_APP_SUPPORT_PHONE_NG}*/}
                                    </p>
                                </div>
                                <div className="single-info">
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import getConfig from './../../Config/config'

 function FooterHomeOne({ className }) {
@@ -16,9 +16,9 @@ function HeroHomeOne() {
                    <div className="row align-items-center">
                        <div className="col-lg-6">
                            <div className="appie-hero-content">
-                                <span>Welcome To WrenchBoard..</span>
+                                {/*<span>Welcome To WrenchBoard..</span>*/}
                                <h1 className="appie-title">
-                                    Earn Money with Any Skill.
+                                    Turn Chores into Exciting Challenges and Earn Rewards!
                                </h1>
                                <p>
                                    The Marketplace platform to earn money with your skills, find, buy and sell professional services. Connect, build an outstanding portfolio and link to an integrated community with best services via a digital platform.
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import StickyMenu from '../../lib/StickyMenu';
 import Navigation from '../Navigation';
 import getConfig from './../../Config/config'
@@ -64,13 +64,13 @@ titleLen(title){
                                    var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
                                    var postDt  = new Date(i.expire).toLocaleDateString("en-US", options); 

-                                    return (<div className="col-lg-3 col-md-6">
+                                    return (<div className="col-md-6 col-xl-3">
                                        <div
-                                            className="appie-single-service mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
+                                            className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
                                            data-wow-duration="3000ms"
                                            data-wow-delay="200ms"
                                        >
-                                            <div className="content d-flex flex-column justify-content-between align-items-center" style={{height: '260px'}}>
+                                            <div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
                                                <div className="titleBox">
                                                    <h3 className="title">
                                                        <a href={dashUrl}>
@@ -83,12 +83,16 @@ titleLen(title){
                                                    <div className="blog-meta">
                                                        <ul>
                                                            <li className="expire">
-                                                                {/* <a href={dashUrl}><span className='font_red'> Expires : {postDt} </span></a> */}
-                                                                <a href={dashUrl}><span className='font_red'> Expires : <CountDownTimer targetDate={postDt}/> </span></a>
+                                                                <a href={dashUrl} className='d-block'>
+                                                                    <div className='font_red d-flex align-items-start'> 
+                                                                        <div className='pr-2'>Expires :</div>
+                                                                        <CountDownTimer targetDate={postDt}/>
+                                                                    </div>
+                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
-                                                    <div className='lmoreTxt'>
+                                                    <div className='lmoreTxt d-flex justify-content-end align-items-center'>
                                                        <a href={dashUrl}>
                                                        Learn More <i className="fal fa-arrow-right" />
                                                    </a>                                                
@@ -12,7 +12,7 @@ function TrafficHomeOne() {
                        <div className="appie-traffic-title">
                            <h3 className="title">Performing task.</h3>
                            <p>
-                                Performing task on WrenchBoard is easy.All you need is a free account and follow the steps below.
+                                Performing task on WrenchBoard is easy. All you need is a free account and follow the steps below.
                            </p>
                        </div>
                        <div className="row">
@@ -21,7 +21,7 @@ function TrafficHomeOne() {
                                    <div className="icon">
                                        <i className="fal fa-check" />
                                    </div>
-                                    <h5 className="title">Create free account</h5>
+                                    <h5 className="title">Create Account</h5>
                                    <p> To publish your skills to be hired. Your ratings will grow with performance.</p>
                                </div>
                            </div>
@@ -31,7 +31,7 @@ function TrafficHomeOne() {
                                        <i className="fal fa-check" />
                                    </div>
                                    <h5 className="title">Find or Accept job</h5>
-                                    <p> Offers to get hired or search in the marketplace for your skill match.</p>
+                                    <p> Receive Offers to get hired or search for your skills match.</p>
                                </div>
                            </div>
                            <div className="col-lg-6 col-md-6">
@@ -39,8 +39,9 @@ function TrafficHomeOne() {
                                    <div className="icon">
                                        <i className="fal fa-check" />
                                    </div>
-                                    <h5 className="title">Complete the task professionally</h5>
-                                    <p> Deliver client specification, communicate with instant messaging.</p>
+                                    <h5 className="title">Complete tasks professionally</h5>
+                                    <p> Deliver client specification to tailored solution, communicate messages in real-time using messaging platform.
+                                    </p>
                                </div>
                            </div>
                            <div className="col-lg-6 col-md-6">
@@ -48,8 +49,8 @@ function TrafficHomeOne() {
                                    <div className="icon">
                                        <i className="fal fa-check" />
                                    </div>
-                                    <h5 className="title">Get Pay for your skills put to use </h5>
-                                    <p>Get your account credited when the job is completed, and the client authorizes payment.</p>
+                                    <h5 className="title">Get Paid like a Pro for your skills </h5>
+                                    <p>Obtain payment authorization after job completion and maintain client relationships. Transparent payment process for task compensation.</p>
                                </div>
                            </div>
                            {/* <div className="col-lg-12">
@@ -29,7 +29,7 @@ function HomeOne() {
            <HomeOneHeader action={drawerAction.toggle} />
            <HeroHomeOne />
            <ServicesHomeOne />
-            <RecentJobsOne />
+            {/*<RecentJobsOne />*/}
            <FeaturesHomeOne />
            {/*<FaqHomeOne />*/}
            {/*<TrafficHomeOne />*/}
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import getConfig from './../../Config/config'


@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import StickyMenu from '../../lib/StickyMenu';
 import Navigation from '../Navigation';
 import getConfig from './../../Config/config'
@@ -1,5 +1,5 @@
 import React from 'react';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import Navigation from '../Navigation';
 import getConfig from './../../Config/config'

@@ -100,11 +100,7 @@ function MissionStatement() {
                        </div>
                    </div>
                </div>
-
-                <div className="mission-side-box">
-
-                </div>
-
+                <div className="mission-side-box"></div>
            </div>
        </>
    );
@@ -1,5 +1,10 @@
 import React from 'react';
 import getConfig from './../../Config/config'
+import AboutIcon from '../../assets/images/icon/about-us.ico'
+import HomeIcon from '../../assets/images/icon/home-icon.ico'
+import UseCaseIcon from '../../assets/images/icon/use-case.ico'
+import PrivacyIcon from '../../assets/images/icon/privacy-policy.ico'
+import TermsIcon from '../../assets/images/icon/term-and-conditions.ico'

 function ServiceSideMenu() {
    var site = getConfig()[0];
@@ -9,20 +14,23 @@ function ServiceSideMenu() {

                <div className="service-download-widget">
                    <a href="/">
-                        <i className="fal fa-download"></i>
+                        {/* <i className="fal fa-download"></i> */}
+                        <img src={HomeIcon} alt='sidenav-icon' />
                        <span>Home</span>
                    </a>
                </div>

                <div className="service-download-widget">
                    <a href="/about-us">
-                        <i className="fal fa-download"></i>
+                        {/* <i className="fal fa-download"></i> */}
+                        <img src={AboutIcon} alt='sidenav-icon' />
                        <span>About us</span>
                    </a>
                </div>
                <div className="service-download-widget">
                    <a href="/use-cases">
-                        <i className="fal fa-file-pdf"></i>
+                        {/* <i className="fal fa-file-pdf"></i> */}
+                        <img src={UseCaseIcon} alt='sidenav-icon' />
                        <span>Use Cases</span>
                    </a>
                </div>
@@ -31,13 +39,15 @@ function ServiceSideMenu() {

                <div className="service-download-widget">
                    <a href="/privacy">
-                        <i className="fal fa-download"></i>
+                        {/* <i className="fal fa-download"></i> */}
+                        <img src={PrivacyIcon} alt='sidenav-icon' />
                        <span>Privacy Policy</span>
                    </a>
                </div>
                <div className="service-download-widget">
                    <a href="/terms">
-                        <i className="fal fa-file-pdf"></i>
+                        {/* <i className="fal fa-file-pdf"></i> */}
+                        <img src={TermsIcon} alt='sidenav-icon' />
                        <span>Terms of use</span>
                    </a>
                </div>
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import StickyMenu from '../../lib/StickyMenu';
 import Navigation from '../Navigation';
 import getConfig from './../../Config/config'
Author	SHA1	Message	Date
victorAnumudu	5d86cbab6d	terms of use icon added	2023-08-15 10:31:21 +01:00
victorAnumudu	de5ea3ac0a	services menu icon added	2023-08-15 09:42:46 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	048203399d	app images	2023-08-06 16:41:53 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	69e357c37a	image update	2023-08-06 14:24:32 -04:00
tokslaw	80bd761ce4	Merge branch 'master' of https://gitlab.chiefsoft.net/WrenchBoard/WrenchBoardMainSite	2023-08-05 20:18:26 -04:00
tokslaw	9e9af35334	WRB logo text	2023-08-05 20:18:05 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	14e2cfc217	Merge branch 'master' of https://gitlab.chiefsoft.net/WrenchBoard/WrenchBoardMainSite	2023-08-05 20:14:32 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	c476817560	app images	2023-08-05 20:14:26 -04:00
tokslaw	f4206bee13	footer text style	2023-08-05 16:50:35 -04:00
tokslaw	616b964a16	logo text added	2023-08-05 16:04:10 -04:00
tokslaw	c3d779a435	favicon -image added	2023-08-05 15:39:12 -04:00
tokslaw	71d98d8272	www- performing tasks texts modified	2023-08-05 14:43:05 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	a262de8647	new profile central	2023-08-03 22:19:58 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	8b360f8404	profile	2023-08-03 22:09:52 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	fed3808346	eoffer	2023-07-23 09:10:22 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	71f1026abc	Added images	2023-07-23 07:22:49 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	6880a156e3	remove Nigeria address	2023-07-22 16:43:55 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	a06a109681	Removed jobs	2023-07-22 16:38:10 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	1ad8e3bb29	favicon fix	2023-07-10 10:42:05 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	1a94010fe5	home banner	2023-07-10 06:56:32 -04:00
ameye	391a290328	Merge branch 'task-card-height' of WrenchBoard/WrenchBoardMainSite into master	2023-07-10 08:53:21 +00:00
victorAnumudu	6787b17c12	adjusted task card height	2023-07-10 06:25:27 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	d4806702da	home tezt	2023-07-08 16:16:16 -04:00
ameye	1d31c9298b	Merge branch 'about-icon-text-center' of WrenchBoard/WrenchBoardMainSite into master	2023-07-02 21:45:04 +00:00
victorAnumudu	3771759ef8	made the heading text centralised	2023-07-02 20:55:52 +01:00
ameye	c6d7ffe886	Merge branch 'service-page' of WrenchBoard/WrenchBoardMainSite into master	2023-07-02 12:09:29 +00:00
ameye	20cf996248	Merge branch 'current-job-space-fix' of WrenchBoard/WrenchBoardMainSite into master	2023-07-02 12:09:21 +00:00
victorAnumudu	92e4771768	space bug fixed	2023-07-01 22:07:03 +01:00
victorAnumudu	5683e05af7	service page image height fixed	2023-07-01 20:52:22 +01:00
ameye	c7675f7941	Merge branch 'blog-implementation' of WrenchBoard/WrenchBoardMainSite into master	2023-07-01 12:34:55 +00:00
				`@@ -0,0 +1 @@`
				`{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}`