WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Page fix

Browse Source
This commit is contained in:
dev-chiefworks
2021-12-29 20:04:28 -05:00
parent 4bb6316f88
commit 5faa4bd728
19 changed files with 3022 additions and 8103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+2909 -8029
View File
File diff suppressed because it is too large Load Diff
package.json
+1 -1
View File
@@ -10,7 +10,7 @@
"react-countup": "^6.0.0", "react-countup": "^6.0.0",
"react-dom": "^17.0.2", "react-dom": "^17.0.2",
"react-router-dom": "^5.3.0", "react-router-dom": "^5.3.0",
"react-scripts": "4.0.3", "react-scripts": "5.0.0",
"react-slick": "^0.28.1", "react-slick": "^0.28.1",
"simple-react-lightbox": "^3.6.9-0", "simple-react-lightbox": "^3.6.9-0",
"slick-carousel": "^1.8.1", "slick-carousel": "^1.8.1",
src/assets/css/main.css
+7 -6
View File
@@ -137,7 +137,7 @@ p {
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
border: 1px solid #2b70fa; border: 1px solid #4687ba;
padding: 0 30px; padding: 0 30px;
font-size: 15px; font-size: 15px;
line-height: 45px; line-height: 45px;
@@ -150,7 +150,7 @@ p {
-ms-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;
background-color: #2b70fa; background-color: #4687ba;
} }
.main-btn:hover { .main-btn:hover {
background-color: #fff; background-color: #fff;
@@ -1983,7 +1983,7 @@ p {
height: 500px; height: 500px;
width: 500px; width: 500px;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background: #ff3e66; background: #4687ba;
border-radius: 50%; border-radius: 50%;
z-index: -1; z-index: -1;
} }
@@ -2209,7 +2209,7 @@ p {
} }
.appie-page-title-area.appie-page-service-title-area { .appie-page-title-area.appie-page-service-title-area {
height: 650px; height: 650px;
background-image: url(../images/page-title-bg.jpg); background-image: url(../images/service-back.jpg);
} }
@media only screen and (min-width: 768px) and (max-width: 991px) { @media only screen and (min-width: 768px) and (max-width: 991px) {
.appie-page-title-area.appie-page-service-title-area { .appie-page-title-area.appie-page-service-title-area {
@@ -2248,7 +2248,9 @@ p {
display: none; display: none;
} }
} }
.black{
color:#000;
}
.appie-page-title-item { .appie-page-title-item {
margin-top: 80px; margin-top: 80px;
position: relative; position: relative;
@@ -2313,7 +2315,6 @@ p {
.appie-service-area { .appie-service-area {
background: #eef1f6; background: #eef1f6;
position: relative; position: relative;
background-image: url(../images/shape/shape-1.png);
background-position: 92% 100%; background-position: 92% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto; background-size: auto;
src/assets/images/app-thumb-1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

src/assets/images/service-back.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

src/components/AboutUs/HeaderAbout.js
+1 -1
View File
@@ -1,5 +1,5 @@
import React, { useEffect } from 'react'; import React, { useEffect } from 'react';
import logo from '../../assets/images/logo.png'; import logo from '../../assets/images/wrenchboard.png';
import StickyMenu from '../../lib/StickyMenu'; import StickyMenu from '../../lib/StickyMenu';
import Navigation from '../Navigation'; import Navigation from '../Navigation';
src/components/HomeOne/FeaturesHomeOne.js
+1 -9
View File
@@ -226,15 +226,7 @@ function FeaturesHomeOne({ className }) {
</div> </div>
</div> </div>
</div> </div>
<div className="features-shape-1">
<img src={shapeSix} alt="" />
</div>
<div className="features-shape-2">
<img src={shapeSeven} alt="" />
</div>
<div className="features-shape-3">
<img src={shapeEight} alt="" />
</div>
</section> </section>
); );
} }
src/components/HomeOne/FooterHomeOne.js
+3 -3
View File
@@ -16,7 +16,7 @@ function FooterHomeOne({ className }) {
</a> </a>
</div> </div>
<p> <p>
It is simple. You can do something that somebody is ready to pay you for. WrenchBoard is the platform to connect you with earning opportunities. {`It is simple. You can do something that somebody is ready to pay you for. WrenchBoard is the platform to connect you with earning opportunities. `}
</p> </p>
<a href="#"> <a href="#">
Read More <i className="fal fa-arrow-right" /> Read More <i className="fal fa-arrow-right" />
@@ -58,7 +58,7 @@ function FooterHomeOne({ className }) {
<Link to="/Service">Service</Link> <Link to="/Service">Service</Link>
</li> </li>
<li> <li>
<a href="#">Case Studies</a> <a href="#">Use Cases</a>
</li> </li>
<li> <li>
<Link to="/news">Blog</Link> <Link to="/news">Blog</Link>
@@ -97,7 +97,7 @@ function FooterHomeOne({ className }) {
<ul> <ul>
<li> <li>
<a href="#"> <a href="#">
<i className="fal fa-envelope" /> support@wrenchboard.com <i className="fal fa-envelope" /> {``}support@wrenchboard.com
</a> </a>
</li> </li>
<li> <li>
src/components/HomeOne/HeroHomeOne.js
+7 -15
View File
@@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import heroThumbOne from '../../assets/images/Actualize.jpg'; import heroThumbOne from '../../assets/images/app-thumb-1.png';
import heroThumbTwo from '../../assets/images/hero-thumb-2.png'; import heroThumbTwo from '../../assets/images/hero-thumb-2.png';
import shapeTwo from '../../assets/images/shape/shape-2.png'; import shapeTwo from '../../assets/images/shape/shape-2.png';
import shapeThree from '../../assets/images/shape/shape-3.png'; import shapeThree from '../../assets/images/shape/shape-3.png';
@@ -13,21 +13,21 @@ function HeroHomeOne() {
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-lg-6"> <div className="col-lg-6">
<div className="appie-hero-content"> <div className="appie-hero-content">
<span>Welcome To WrenchBoard</span> <span>Welcome To WrenchBoard..</span>
<h1 className="appie-title"> <h1 className="appie-title">
Actualize your Creativity to Earning Power. Make money with any skill.
</h1> </h1>
<p> <p>
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. The marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster.
</p> </p>
<ul> <ul>
<li> <li>
<a href="#"> <a href="https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8">
<i className="fab fa-apple" /> Download for iOS <i className="fab fa-apple" /> Download for iOS
</a> </a>
</li> </li>
<li> <li>
<a className="item-2" href="#"> <a className="item-2" href="https://play.google.com/store/apps/details?id=com.wrenchboard.users">
<i className="fab fa-google-play" /> Download for <i className="fab fa-google-play" /> Download for
Android Android
</a> </a>
@@ -55,15 +55,7 @@ function HeroHomeOne() {
</div> </div>
</div> </div>
</div> </div>
<div className="hero-shape-1">
<img src={shapeTwo} alt="" />
</div>
<div className="hero-shape-2">
<img src={shapeThree} alt="" />
</div>
<div className="hero-shape-3">
<img src={shapeFour} alt="" />
</div>
</section> </section>
</> </>
); );
src/components/HomeOne/HomeOneHeader.js
+2 -2
View File
@@ -26,10 +26,10 @@ function HomeOneHeader({ action }) {
</div> </div>
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3"> <div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
<div className="appie-btn-box text-right"> <div className="appie-btn-box text-right">
<a className="login-btn" href=""> <a className="login-btn" href="https://www.wrenchboard.com/login">
<i className="fal fa-user" /> Login <i className="fal fa-user" /> Login
</a> </a>
<a className="main-btn ml-30" href=""> <a className="main-btn ml-30" href="https://www.wrenchboard.com/signup">
Get Started Get Started
</a> </a>
<div <div
src/components/HomeOne/WrenchBoardHome.js
+64
View File
@@ -0,0 +1,64 @@
import React from 'react';
import heroThumbOne from '../../assets/images/Actualize.jpg';
import heroThumbTwo from '../../assets/images/hero-thumb-2.png';
import shapeTwo from '../../assets/images/shape/shape-2.png';
import shapeThree from '../../assets/images/shape/shape-3.png';
import shapeFour from '../../assets/images/shape/shape-4.png';
function WrenchBoardHome() {
return (
<>
<section className="appie-hero-area">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="appie-hero-content">
<span>Welcome To WrenchBoard.....</span>
<h1 className="appie-title">
Make money with any skill.
</h1>
<p>
The marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster.
</p>
<ul>
<li>
<a href="#">
<i className="fab fa-apple" /> Download for iOS
</a>
</li>
<li>
<a className="item-2" href="#">
<i className="fab fa-google-play" /> Download for
Android
</a>
</li>
</ul>
</div>
</div>
<div className="col-lg-6">
<div className="appie-hero-thumb">
<div
className="thumb wow animated fadeInUp"
data-wow-duration="2000ms"
data-wow-delay="200ms"
>
<img src={heroThumbOne} alt="" />
</div>
<div
className="thumb-2 wow animated fadeInRight"
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<img src={heroThumbTwo} alt="" />
</div>
</div>
</div>
</div>
</div>
</section>
</>
);
}
export default WrenchBoardHome;
src/components/HomeOne/index.js
+1
View File
@@ -15,6 +15,7 @@ import TeamHomeOne from './TeamHomeOne';
import TestimonialHomeOne from './TestimonialHomeOne'; import TestimonialHomeOne from './TestimonialHomeOne';
//import TrafficHomeOne from './TrafficHomeOne'; //import TrafficHomeOne from './TrafficHomeOne';
import TrafficHomeTwo from './TrafficHomeTwo'; import TrafficHomeTwo from './TrafficHomeTwo';
import WrenchBoardHome from './WrenchBoardHome';
function HomeOne() { function HomeOne() {
const [drawer, drawerAction] = useToggle(false); const [drawer, drawerAction] = useToggle(false);
src/components/Navigation.js
+7 -16
View File
@@ -9,34 +9,25 @@ function Navigation() {
<Link to="/">Home</Link> <Link to="/">Home</Link>
</li> </li>
<li> <li>
<Link to="/service">Service</Link> <Link to="/service">Services</Link>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
Pages <i className="fal fa-angle-down" /> Resources <i className="fal fa-angle-down" />
</a> </a>
<ul className="sub-menu"> <ul className="sub-menu">
<li> <li>
<Link to="/about-us">About</Link> <Link to="/about-us">About</Link>
</li> </li>
<li> <li>
<Link to="/error">Error</Link> <Link to="/news">Blog</Link>
</li> </li>
</ul> <li>
</li> <Link to="/error">FAQs</Link>
<li>
<a href="#">
News <i className="fal fa-angle-down" />
</a>
<ul className="sub-menu">
<li>
<Link to="/news">News Page</Link>
</li>
<li>
<Link to="/news/single-news">Single News</Link>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
</> </>
); );
src/components/News/Blogs.js
+8 -8
View File
@@ -12,7 +12,7 @@ function Blogs() {
return ( return (
<> <>
<div className="row"> <div className="row">
<div className="col-lg-6"> <div className="col-lg-4">
<div className="post-item-1"> <div className="post-item-1">
<img src={blogImg1} alt="" /> <img src={blogImg1} alt="" />
<div className="b-post-details"> <div className="b-post-details">
@@ -35,7 +35,7 @@ function Blogs() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6"> <div className="col-lg-4">
<div className="post-item-1"> <div className="post-item-1">
<img src={blogImg2} alt="" /> <img src={blogImg2} alt="" />
<div className="b-post-details"> <div className="b-post-details">
@@ -58,7 +58,7 @@ function Blogs() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6"> <div className="col-lg-4">
<div className="post-item-1"> <div className="post-item-1">
<img src={blogImg3} alt="" /> <img src={blogImg3} alt="" />
<div className="b-post-details"> <div className="b-post-details">
@@ -81,7 +81,7 @@ function Blogs() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6"> <div className="col-lg-4">
<div className="post-item-1"> <div className="post-item-1">
<img src={blogImg4} alt="" /> <img src={blogImg4} alt="" />
<div className="b-post-details"> <div className="b-post-details">
@@ -102,7 +102,7 @@ function Blogs() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6"> <div className="col-lg-4">
<div className="post-item-1"> <div className="post-item-1">
<img src={blogImg5} alt="" /> <img src={blogImg5} alt="" />
<div className="b-post-details"> <div className="b-post-details">
@@ -125,7 +125,7 @@ function Blogs() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6"> <div className="col-lg-4">
<div className="post-item-1"> <div className="post-item-1">
<img src={blogImg6} alt="" /> <img src={blogImg6} alt="" />
<div className="b-post-details"> <div className="b-post-details">
@@ -148,7 +148,7 @@ function Blogs() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6"> <div className="col-lg-4">
<div className="post-item-1"> <div className="post-item-1">
<img src={blogImg7} alt="" /> <img src={blogImg7} alt="" />
<div className="b-post-details"> <div className="b-post-details">
@@ -169,7 +169,7 @@ function Blogs() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6"> <div className="col-lg-4">
<div className="post-item-1"> <div className="post-item-1">
<img src={blogImg8} alt="" /> <img src={blogImg8} alt="" />
<div className="b-post-details"> <div className="b-post-details">
src/components/News/HeaderNews.js
+1 -1
View File
@@ -1,5 +1,5 @@
import React, { useEffect } from 'react'; import React, { useEffect } from 'react';
import logo from '../../assets/images/logo-7.png'; import logo from '../../assets/images/wrenchboard.png';
import StickyMenu from '../../lib/StickyMenu'; import StickyMenu from '../../lib/StickyMenu';
import Navigation from '../Navigation'; import Navigation from '../Navigation';
src/components/News/index.js
+2 -4
View File
@@ -24,12 +24,10 @@ function News() {
<section className="blogpage-section"> <section className="blogpage-section">
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-lg-8 col-md-7"> <div className="col-lg-12 col-md-7">
<Blogs /> <Blogs />
</div> </div>
<div className="col-lg-4 col-md-5">
<BlogSideBar />
</div>
</div> </div>
</div> </div>
</section> </section>
src/components/Service/HeaderService.js
+3 -3
View File
@@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import logo from '../../assets/images/logo-7.png'; import logo from '../../assets/images/wrenchboard.png';
import Navigation from '../Navigation'; import Navigation from '../Navigation';
function HeaderService({ action }) { function HeaderService({ action }) {
@@ -23,10 +23,10 @@ function HeaderService({ action }) {
</div> </div>
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3"> <div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
<div className="appie-btn-box text-right"> <div className="appie-btn-box text-right">
<a className="login-btn" href="#"> <a className="login-btn" href="https://www.wrenchboard.com/login">
<i className="fal fa-user"></i> Login <i className="fal fa-user"></i> Login
</a> </a>
<a className="main-btn ml-30" href="#"> <a className="main-btn ml-30" href="https://www.wrenchboard.com/signup">
Get Started Get Started
</a> </a>
<div <div
src/components/Service/HeroService.js
+3 -3
View File
@@ -9,10 +9,10 @@ function HeroService() {
<div className="row"> <div className="row">
<div className="col-lg-12"> <div className="col-lg-12">
<div className="appie-page-title-item"> <div className="appie-page-title-item">
<span>Fast Development</span> <span>Welcome To WrenchBoard</span>
<h3 className="title"> <h1 className="appie-title">
Simple but effective, <br /> effortless yet powerful. Simple but effective, <br /> effortless yet powerful.
</h3> </h1>
<div className="thumb"> <div className="thumb">
<img src={thumb} alt="" /> <img src={thumb} alt="" />
</div> </div>
src/index.js
+2 -2
View File
@@ -8,7 +8,7 @@ import './assets/css/font-awesome.min.css';
import './assets/css/magnific-popup.css'; import './assets/css/magnific-popup.css';
import './assets/css/main.css'; import './assets/css/main.css';
import './assets/css/style.css'; import './assets/css/style.css';
import reportWebVitals from './reportWebVitals'; //import reportWebVitals from './reportWebVitals';
ReactDOM.render( ReactDOM.render(
<React.StrictMode> <React.StrictMode>
@@ -20,4 +20,4 @@ ReactDOM.render(
// If you want to start measuring performance in your app, pass a function // If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log)) // to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals(); //reportWebVitals();