Page fix
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
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 Navigation from '../Navigation';
|
||||
|
||||
|
||||
@@ -226,15 +226,7 @@ function FeaturesHomeOne({ className }) {
|
||||
</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>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -16,7 +16,7 @@ function FooterHomeOne({ className }) {
|
||||
</a>
|
||||
</div>
|
||||
<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>
|
||||
<a href="#">
|
||||
Read More <i className="fal fa-arrow-right" />
|
||||
@@ -58,7 +58,7 @@ function FooterHomeOne({ className }) {
|
||||
<Link to="/Service">Service</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Case Studies</a>
|
||||
<a href="#">Use Cases</a>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/news">Blog</Link>
|
||||
@@ -97,7 +97,7 @@ function FooterHomeOne({ className }) {
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fal fa-envelope" /> support@wrenchboard.com
|
||||
<i className="fal fa-envelope" /> {``}support@wrenchboard.com
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
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 shapeTwo from '../../assets/images/shape/shape-2.png';
|
||||
import shapeThree from '../../assets/images/shape/shape-3.png';
|
||||
@@ -13,21 +13,21 @@ 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">
|
||||
Actualize your Creativity to Earning Power.
|
||||
Make money with any skill.
|
||||
</h1>
|
||||
<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>
|
||||
<ul>
|
||||
<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
|
||||
</a>
|
||||
</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
|
||||
Android
|
||||
</a>
|
||||
@@ -55,15 +55,7 @@ function HeroHomeOne() {
|
||||
</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>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -26,10 +26,10 @@ function HomeOneHeader({ action }) {
|
||||
</div>
|
||||
<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">
|
||||
<a className="login-btn" href="">
|
||||
<a className="login-btn" href="https://www.wrenchboard.com/login">
|
||||
<i className="fal fa-user" /> Login
|
||||
</a>
|
||||
<a className="main-btn ml-30" href="">
|
||||
<a className="main-btn ml-30" href="https://www.wrenchboard.com/signup">
|
||||
Get Started
|
||||
</a>
|
||||
<div
|
||||
|
||||
@@ -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;
|
||||
@@ -15,6 +15,7 @@ import TeamHomeOne from './TeamHomeOne';
|
||||
import TestimonialHomeOne from './TestimonialHomeOne';
|
||||
//import TrafficHomeOne from './TrafficHomeOne';
|
||||
import TrafficHomeTwo from './TrafficHomeTwo';
|
||||
import WrenchBoardHome from './WrenchBoardHome';
|
||||
|
||||
function HomeOne() {
|
||||
const [drawer, drawerAction] = useToggle(false);
|
||||
|
||||
@@ -9,34 +9,25 @@ function Navigation() {
|
||||
<Link to="/">Home</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/service">Service</Link>
|
||||
<Link to="/service">Services</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
Pages <i className="fal fa-angle-down" />
|
||||
Resources <i className="fal fa-angle-down" />
|
||||
</a>
|
||||
<ul className="sub-menu">
|
||||
<li>
|
||||
<Link to="/about-us">About</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/error">Error</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<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>
|
||||
<Link to="/news">Blog</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/error">FAQs</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -12,7 +12,7 @@ function Blogs() {
|
||||
return (
|
||||
<>
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="col-lg-4">
|
||||
<div className="post-item-1">
|
||||
<img src={blogImg1} alt="" />
|
||||
<div className="b-post-details">
|
||||
@@ -35,7 +35,7 @@ function Blogs() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="col-lg-4">
|
||||
<div className="post-item-1">
|
||||
<img src={blogImg2} alt="" />
|
||||
<div className="b-post-details">
|
||||
@@ -58,7 +58,7 @@ function Blogs() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="col-lg-4">
|
||||
<div className="post-item-1">
|
||||
<img src={blogImg3} alt="" />
|
||||
<div className="b-post-details">
|
||||
@@ -81,7 +81,7 @@ function Blogs() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="col-lg-4">
|
||||
<div className="post-item-1">
|
||||
<img src={blogImg4} alt="" />
|
||||
<div className="b-post-details">
|
||||
@@ -102,7 +102,7 @@ function Blogs() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="col-lg-4">
|
||||
<div className="post-item-1">
|
||||
<img src={blogImg5} alt="" />
|
||||
<div className="b-post-details">
|
||||
@@ -125,7 +125,7 @@ function Blogs() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="col-lg-4">
|
||||
<div className="post-item-1">
|
||||
<img src={blogImg6} alt="" />
|
||||
<div className="b-post-details">
|
||||
@@ -148,7 +148,7 @@ function Blogs() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="col-lg-4">
|
||||
<div className="post-item-1">
|
||||
<img src={blogImg7} alt="" />
|
||||
<div className="b-post-details">
|
||||
@@ -169,7 +169,7 @@ function Blogs() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="col-lg-4">
|
||||
<div className="post-item-1">
|
||||
<img src={blogImg8} alt="" />
|
||||
<div className="b-post-details">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
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 Navigation from '../Navigation';
|
||||
|
||||
|
||||
@@ -24,12 +24,10 @@ function News() {
|
||||
<section className="blogpage-section">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 col-md-7">
|
||||
<div className="col-lg-12 col-md-7">
|
||||
<Blogs />
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-5">
|
||||
<BlogSideBar />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React from 'react';
|
||||
import logo from '../../assets/images/logo-7.png';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import Navigation from '../Navigation';
|
||||
|
||||
function HeaderService({ action }) {
|
||||
@@ -23,10 +23,10 @@ function HeaderService({ action }) {
|
||||
</div>
|
||||
<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">
|
||||
<a className="login-btn" href="#">
|
||||
<a className="login-btn" href="https://www.wrenchboard.com/login">
|
||||
<i className="fal fa-user"></i> Login
|
||||
</a>
|
||||
<a className="main-btn ml-30" href="#">
|
||||
<a className="main-btn ml-30" href="https://www.wrenchboard.com/signup">
|
||||
Get Started
|
||||
</a>
|
||||
<div
|
||||
|
||||
@@ -9,10 +9,10 @@ function HeroService() {
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-page-title-item">
|
||||
<span>Fast Development</span>
|
||||
<h3 className="title">
|
||||
<span>Welcome To WrenchBoard</span>
|
||||
<h1 className="appie-title">
|
||||
Simple but effective, <br /> effortless yet powerful.
|
||||
</h3>
|
||||
</h1>
|
||||
<div className="thumb">
|
||||
<img src={thumb} alt="" />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user