mission statement parts
This commit is contained in:
CHIEFSOFT\ameye
@@ -4,12 +4,36 @@ import CounterUpCom from '../../lib/CounterUpCom';
|
||||
import PopupVideo from '../PopupVideo';
|
||||
|
||||
function MissionStatement() {
|
||||
const [showQuestion, setQuestion] = useState(0);
|
||||
const [showQuestion, setQuestion] = useState(1);
|
||||
const [showVideo, setVideoValue] = useState(false);
|
||||
const openQuestion = (e, value) => {
|
||||
e.preventDefault();
|
||||
setQuestion(value);
|
||||
};
|
||||
|
||||
const ourMissions = [
|
||||
{
|
||||
id: 1,
|
||||
title: "Rewards Family and Personal Goals",
|
||||
content: "unleash their creativity, complete their projects, and make a positive impact on their surroundings. At Wrenchboard.com",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Expand Earning Opportunities",
|
||||
content: "unleash their creativity, complete their projects, and make a positive impact on their surroundings. At Wrenchboard.com",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Exhibit your Capabilities ",
|
||||
content: "unleash their creativity, complete their projects, and make a positive impact on their surroundings. At Wrenchboard.com",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Get you work done",
|
||||
content: "unleash their creativity, complete their projects, and make a positive impact on their surroundings. At Wrenchboard.com",
|
||||
}
|
||||
];
|
||||
|
||||
const handleShowVideo = (e) => {
|
||||
e.preventDefault();
|
||||
setVideoValue(!showVideo);
|
||||
@@ -41,84 +65,36 @@ function MissionStatement() {
|
||||
data-wow-duration="1500ms"
|
||||
data-grp-name="faq-accrodion"
|
||||
>
|
||||
<div
|
||||
className={`accrodion ${
|
||||
showQuestion === 0 ? 'active' : ''
|
||||
}`}
|
||||
onClick={(e) => openQuestion(e, 0)}
|
||||
>
|
||||
<div className="accrodion-inner">
|
||||
<div className="accrodion-title">
|
||||
<h4>Does Appie have dynamic content?</h4>
|
||||
</div>
|
||||
<div
|
||||
className="accrodion-content"
|
||||
style={{
|
||||
display: showQuestion === 0 ? 'block' : 'none',
|
||||
}}
|
||||
>
|
||||
<div className="inner">
|
||||
<p>
|
||||
Naff Oxford vagabond in my flat chinwag
|
||||
blatant grub tomfoolery that I bits and bobs
|
||||
up the cras boot.
|
||||
</p>
|
||||
{
|
||||
ourMissions.map((item) => (
|
||||
<div
|
||||
className={`accrodion ${
|
||||
showQuestion === item.id ? 'active' : ''
|
||||
}`}
|
||||
onClick={(e) => openQuestion(e, item.id)}
|
||||
>
|
||||
<div className="accrodion-inner">
|
||||
<div className="accrodion-title">
|
||||
<h4>{item.title}</h4>
|
||||
</div>
|
||||
<div
|
||||
className="accrodion-content"
|
||||
style={{
|
||||
display: showQuestion === item.id ? 'block' : 'none',
|
||||
}}
|
||||
>
|
||||
<div className="inner">
|
||||
<p>
|
||||
{item.content}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={`accrodion ${
|
||||
showQuestion === 1 ? 'active' : ''
|
||||
}`}
|
||||
onClick={(e) => openQuestion(e, 1)}
|
||||
>
|
||||
<div className="accrodion-inner">
|
||||
<div className="accrodion-title">
|
||||
<h4>Where do I usually find FAQs in a page?</h4>
|
||||
</div>
|
||||
<div
|
||||
className="accrodion-content"
|
||||
style={{
|
||||
display: showQuestion === 1 ? 'block' : 'none',
|
||||
}}
|
||||
>
|
||||
<div className="inner">
|
||||
<p>
|
||||
Naff Oxford vagabond in my flat chinwag
|
||||
blatant grub tomfoolery that I bits and bobs
|
||||
up the cras boot.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={`accrodion ${
|
||||
showQuestion === 2 ? 'active' : ''
|
||||
}`}
|
||||
onClick={(e) => openQuestion(e, 2)}
|
||||
>
|
||||
<div className="accrodion-inner">
|
||||
<div className="accrodion-title">
|
||||
<h4>Website & Mobile App Design</h4>
|
||||
</div>
|
||||
<div
|
||||
className="accrodion-content"
|
||||
style={{
|
||||
display: showQuestion === 2 ? 'block' : 'none',
|
||||
}}
|
||||
>
|
||||
<div className="inner">
|
||||
<p>
|
||||
Naff Oxford vagabond in my flat chinwag
|
||||
blatant grub tomfoolery that I bits and bobs
|
||||
up the cras boot.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
))
|
||||
}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,50 @@
|
||||
import React from 'react';
|
||||
import thumb from '../../assets/images/service-page.jpg';
|
||||
import ServiceSideMenu from './ServiceSideMenu';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
function ServiceTopart() {
|
||||
var site = getConfig()[0];
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="appie-service-details-area pt-100 pb-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4">
|
||||
<ServiceSideMenu />
|
||||
</div>
|
||||
<div className="col-lg-8">
|
||||
<div className="service-details-content">
|
||||
<div className="content">
|
||||
<h3 className="title">What we do.</h3>
|
||||
<p>
|
||||
An open-platform for you to build your self - image, skills set, branded personality,
|
||||
carve a network and ofcourse an income flow with ease and satisfaction of self - actualization and accomplishments.
|
||||
</p>
|
||||
<p>
|
||||
A major task done by skilled professional with personal touch and completed within the twinkling of an eye in specified time-frame.
|
||||
</p>
|
||||
<p>
|
||||
WrenchBoard is the marketplace that connects independent talent
|
||||
with businesses that requires your skill set and get paid.
|
||||
We serve everyone from one - person startups to a powerful,
|
||||
trust - driven platform that facilitates businesses and freelancers
|
||||
to work concurrently in unique patterns that unlocks their potential.
|
||||
Our platform provides a range of skills in categories including consulting,
|
||||
finance & accounting, website & app development, creative & design,
|
||||
customer support and operations.
|
||||
<hr />
|
||||
Learn more at < a href ={process.env.REACT_APP_DASH_URL_LOGIN} >WrenchBoard</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default ServiceTopart;
|
||||
@@ -10,6 +10,7 @@ import HeaderService from './HeaderService';
|
||||
import HeroService from './HeroService';
|
||||
import HeroNews from '../News/HeroNews';
|
||||
import MissionStatement from "./MissionStatement";
|
||||
import ServiceTopart from "./ServiceTopart";
|
||||
|
||||
function Service() {
|
||||
useEffect(() => {
|
||||
@@ -28,9 +29,9 @@ function Service() {
|
||||
{ link: '/service', title: 'Service' },
|
||||
]}
|
||||
/>
|
||||
{/*<MissionStatement />*/}
|
||||
<DetailsService />
|
||||
{/*<ProjectHomeOne />*/}
|
||||
<ServiceTopart />
|
||||
<MissionStatement />
|
||||
{/*<DetailsService />*/}
|
||||
<FooterHomeOne />
|
||||
<BackToTop />
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user