Compare commits

...

14 Commits

Author SHA1 Message Date
victorAnumudu 8366d3820b image url fixed 2023-07-01 13:15:22 +01:00
victorAnumudu e599dc0d28 blog API implementation 2023-07-01 11:08:43 +01:00
CHIEFSOFT\ameye 40cdc7f3e7 servcies 2023-06-29 23:03:04 -04:00
CHIEFSOFT\ameye 5466bb3b66 mission text 2023-06-29 22:35:42 -04:00
CHIEFSOFT\ameye a10a98a393 mission statement parts 2023-06-29 22:18:43 -04:00
CHIEFSOFT\ameye 6f34b1bf57 Mission statement starter 2023-06-29 21:06:54 -04:00
ameye f0f11cacd5 Merge branch 'font-fix' of WrenchBoard/WrenchBoardMainSite into master 2023-06-29 19:00:14 +00:00
victorAnumudu c4e4545741 font fixing in about and services page 2023-06-29 19:57:37 +01:00
tokslaw b2d27f75c4 Merge branch 'faq-fix' of WrenchBoard/WrenchBoardMainSite into master 2023-06-29 15:56:47 +00:00
victorAnumudu dae969adf3 made faq to show information where public is 1 2023-06-29 16:48:56 +01:00
ameye 0e6a4f00b9 Merge branch 'font-revamp' of WrenchBoard/WrenchBoardMainSite into master 2023-06-28 21:27:57 +00:00
victorAnumudu ded83ed1bb home page font fix 2023-06-28 21:58:27 +01:00
CHIEFSOFT\ameye 70185d8069 home image 2023-06-28 06:44:37 -04:00
ameye 9fba8adc43 Merge branch 'about-icon-centralized' of WrenchBoard/WrenchBoardMainSite into master 2023-06-28 10:42:21 +00:00
16 changed files with 323 additions and 387 deletions
+5 -209
View File
@@ -1,212 +1,8 @@
// http://172.31.4.19:8000/wordpress-data
//import React from 'react';
import Axios from 'axios';
function BlogData() {
console.log("~~~~~~~~ ameye 009 ~~~~~~~~~");
var res = null;
const getWrenchBoardBlog = () => {
Axios.get("http://10.0.0.52:5101/wp/wrenchboard/", {
headers: {
'Access-Control-Allow-Origin' : '*',
'Access-Control-Allow-Credentials':true,
'crossorigin':true,
'Access-Control-Allow-Methods':'GET,PUT,POST,DELETE,PATCH,OPTIONS',
},
responseType: "json",
}).then((response) => {
console.log(response);
res = response;
console.log("~~~~~~~~ ameye ~~~~~~~~~");
return response;
// console.log(blogResultData);
});
}
/* return (
<>
Ameye
</>
);
*/
getWrenchBoardBlog();
//console.log(getWrenchBoardBlog());
//console.log("Ameye got here");
// return blogResultData; // getWrenchBoardBlog();
var res1 =[
{
"id": 78,
"ID": 78,
"post_author": 1,
"post_date": "2018-06-25T18:54:22.000Z",
"post_date_gmt": "2018-06-25T18:54:22.000Z",
"post_content": "Globalization spells danger for the type of jobs that will be available at graduation. The nature of jobs changes so often that it could frustrate for the students. The changes also present new opportunities. Globalization also ensures that job can come anonymously from any part of the world and transaction can be completed privately.\n\nThis is where <a href=\"https://www.wrenchboard.com\">WrenchBoard </a>comes in, rather than focus on your primary education as your source of income, the new economy will look at your skills as this guide. Your question is to self-examine and attributes values to what you have that others need to make their own or goal complete.\n\nUniversity students can earn extra income along with their regular educational and school work by taking part-time tasks online. To get a project up and running there are a lot of components of service that every business goes through and there are those tasks that students can attend to. Students are in best position to do an initial critique of sites, write articles that bear innocence or interest meddling or test an app for a company in beta phase.\n\nThe online nature of the jobs gives the student the necessary flexibility to operate and added the benefit of interacting with people that dont think like them, it is an opportunity for the larger world. It is getting very hard to manufacture excuses for not to be involved with one online job or the other when the opportunities and the capabilities collide. A student should be made aware of the fact that life is going to get busier once the excuse of the school is removed.\n\nThere are many jobs students can easily do online\n<ul>\n \t<li>\tOnline marketing - most students have Facebooks and other social environments with tons of friends or connection. Somebody on this planet needs that profile or demography and will be will to pay for it if there is a way to do so</li>\n \t<li>\nTeaching - being a student also has the benefit of living in environment where you play with commercial tools, somebody have question about those tools you are playing with that they are willing to pay for - for example, student work with expensive robots in labs and an industrial hand may have questions that you can check out in your experiment environment</li>\n \t<li>\nWriting Articles/Blogging -</li>\n \t<li>\nSurveys/Research</li>\n \t<li>Campaigns</li>\n</ul>",
"post_title": "Online Jobs for University Students",
"post_excerpt": "",
"post_status": "publish",
"comment_status": "open",
"ping_status": "open",
"post_password": "",
"post_name": "online-jobs-university-students",
"to_ping": "",
"pinged": "",
"post_modified": "2022-01-22T03:39:48.000Z",
"post_modified_gmt": "2022-01-22T03:39:48.000Z",
"post_content_filtered": "",
"post_parent": 0,
"guid": "https://blog.wrenchboard.com/?p=78",
"menu_order": 0,
"post_type": "post",
"post_mime_type": "",
"comment_count": 0,
"meta_value": "2022/01/universitty.jpg"
},
{
"id": 41,
"ID": 41,
"post_author": 1,
"post_date": "2017-11-23T14:05:51.000Z",
"post_date_gmt": "2017-11-23T14:05:51.000Z",
"post_content": "There are different types of online jobs and some pay more money than others do while some typing jobs may need special equipment, education, or training in order to do them. The advantage of an online job is that you can work at any time of the day around your personal schedule. You can even work in the evening or at night.\n\nYour income from an online job will also depend on the kind of job you do, your experience and your skills.\n\n<strong>Price management</strong>\n\nFirstly, you will need to establish the services you will offer your clients and a business essentially succeeds by filling a void or a niche in the market.\n\nEnsure you are familiar with the different online jobs out there as each job category pays differently. The categories of online jobs include Copywriting, SEO copywriting, Content writing, Proofreading, editing, freelance writing, social media marketing and professional blogging. You do not have to work in one field only; you can work in various fields. Research on how much each field pays; this is so you do not sell yourself short and earn less money than you should be earning.\n\nAlways do your best work for every project as the quality of your work will speak for you and you can gauge your prices better while establishing your reputation.\n\nNetworking is also essential both online and in person. You can use social media platforms like LinkedIn to network online. The more you work towards being noticed, the more clients and projects you will get.\n\n<strong>Time management </strong>\n\nWorking an online business means, you will be working from home in most cases and time management is an essential part of working online. Here are a few tips to help you manage your time better with an online job.\n<ul>\n \t<li>Remove all the extra tabs from your web browser, as they can be reminders of the fact that the internet is a vast wormhole of your attention. Open fewer tabs if you want to have a more productive workday.</li>\n \t<li>Remove papers from your desktop as a ton of paperwork on your desktop could discourage you from remaining focused. Ensure you clear your desktop after each workday.</li>\n \t<li>Avoid social media interruptions as social media can hinder your productivity if you do not practice mindfulness. You can set up a specific time to socialize before your workday begins or just before retiring after your workday.</li>\n \t<li>Block any needless distractions because at times pure silence might be all you need to do to enhance your production. Turn your radio, television, or telephone off. Avoid visiting any social media platforms, ignore email notifications, and even close your browser.</li>\n \t<li>Select the best time for you to work; you may find that you are more productive during certain hours of the day. Find out what your optimal time frame is and work during said hours so that you get more work done. Most importantly, ensure you follow your schedule strictly.</li>\n</ul>\n&nbsp;",
"post_title": "Time and price management when working an online job",
"post_excerpt": "",
"post_status": "publish",
"comment_status": "open",
"ping_status": "open",
"post_password": "",
"post_name": "time-price-management-working-online-job",
"to_ping": "",
"pinged": "",
"post_modified": "2022-01-22T03:35:09.000Z",
"post_modified_gmt": "2022-01-22T03:35:09.000Z",
"post_content_filtered": "",
"post_parent": 0,
"guid": "https://blog.wrenchboard.com/?p=41",
"menu_order": 0,
"post_type": "post",
"post_mime_type": "",
"comment_count": 0,
"meta_value": "2022/01/time_manageent.jpg"
},
{
"id": 39,
"ID": 39,
"post_author": 1,
"post_date": "2017-11-23T14:04:49.000Z",
"post_date_gmt": "2017-11-23T14:04:49.000Z",
"post_content": "Content syndication involves methods of content republication on other websites so you can reach a wider audience. Syndication of your content is a great way to enhance your brand awareness and your reach, direct traffic to your article, and build links. The internet is vast and it is not reasonable to assume that everyone you want to reach will read your content simply because you published it on your own site. Syndicating your content gets it to a different audience who might have never known it was there in the first place. Content syndication is a good and cheap way to further your content. It is a content marketing strategy. There are 4 kinds of content syndication you should know of:\n<ol>\n \t<li><strong>Syndicating content (3rd party) on your website </strong></li>\n</ol>\nPublishers can ask different websites for permission to display their content on your website or blog. Your site should have roughly 10% syndicated content ideally. Even though it might be unoriginal, it is always good to feature useful content that your readers will find beneficial and worth reading. It is difficult to find great authors committed to writing content for you when you run a website or blog with multiple authors. Ask an influencer on whether you can feature their existing content as a reasonable resolution. Syndicated content diversifies your site content instantly by highlighting something valuable and new to your target audience.\n<ol start=\"2\">\n \t<li><strong>Syndicating your content on other blogs or websites</strong></li>\n</ol>\nPublishers can syndicate their content to be displayed on another partner website or sites. You can either create content that is not original for your partner who will just be republishing your content. Alternatively, you can agree on a split which both sides find acceptable i.e. you can give them syndicated content for one month and produce original content the next month. If the agreement calls for 1-4 posts monthly, one of them must at least be original.\n<ol start=\"3\">\n \t<li><strong>Publish your content on websites syndicating their content</strong></li>\n</ol>\nAnother way to syndicate your content is by contributing regularly to websites already syndicating their content. Think of it this way, if you are publishing your content for a specific website on a regular basis and they are content syndicators, their content would also end up on other significant partner websites.\n<ol start=\"4\">\n \t<li><strong>Self-service syndication</strong></li>\n</ol>\nPublishers are also able to syndicate their own content with Medium as a great place to start with this endeavor. Medium allows you to import your already existing content from the internet edit, format, and publishing it. It allows you to run your own publications using minimal effort. LinkedIn is another platform you can use to republish your own website content so it reaches a bigger audience.\n\nYou have tools available at your disposal that can help you get your content to a wider target audience while enhancing traffic to your website, establishing a stronger following, and developing your reputation.",
"post_title": "How to use syndication techniques to promote your articles online",
"post_excerpt": "",
"post_status": "publish",
"comment_status": "open",
"ping_status": "open",
"post_password": "",
"post_name": "use-syndication-techniques-promote-articles-online",
"to_ping": "",
"pinged": "",
"post_modified": "2022-01-22T03:28:35.000Z",
"post_modified_gmt": "2022-01-22T03:28:35.000Z",
"post_content_filtered": "",
"post_parent": 0,
"guid": "https://blog.wrenchboard.com/?p=39",
"menu_order": 0,
"post_type": "post",
"post_mime_type": "",
"comment_count": 0,
"meta_value": "2022/01/man_reading.jpg"
},
{
"id": 37,
"ID": 37,
"post_author": 1,
"post_date": "2017-11-23T14:03:39.000Z",
"post_date_gmt": "2017-11-23T14:03:39.000Z",
"post_content": "<strong>Paying mind to similarity index and why ignoring it could have serious repercussions&nbsp; </strong>\n\nThe similarity index is a term you should be familiar with as an online writer. It is defined as the composite number that is highlighted after matching two texts to determine how similar the content from both pieces is. It is typically displayed as a percentage and the displayed number measures the percentage of your article that the program found the matching text for. This is regardless of proper citation in your work or lack thereof.\n\nIf the similarity index is high this could mean the writer has quoted various other works to a large extent even if it is legitimate.\n\nIt is understandable that you will want to offer quality content for search engines in terms of consideration and indexation and this can lead you to weed your indexable content down. You may also be worried that search engines will not be able to comprehend your content due to existing similar pages because of things like product variations. It will be unwise for you to rush into a decision that could damage your SEO in the process of trying to make search engines happy while destroying your organic visibility in the process.\n\nYou can make use of canonical tags to instruct crawling search engines of the representative alternatives of similar or duplicate content. You just have to place these tags within your source code head section. Canonical tags are very effective in dealing with similar or duplicate content. The easiest way to determine whether you have similar content on your website is to review the site manually while addressing sections of the site appearing to have different URLs but similar content. Take some of the URLs and use tools such as Similar Page Checker or simply review the site for any similar content using Siteliner.\n\nYou may also want to consider consolidating multiple pages into one or expanding certain pages if you have multiple pages that appear to be similar. For example, if you have a site with two distinct pages for different but related topics but the information is the same on both these pages, you may either expand each page further to encompass original content about each topic or merge both pages into one about both topics.\n\nSimilar content can present an issue if not addressed:\n\nYour website will suffer in terms of ranking and you may end up losing traffic. Both losses typically originate from 2 main issues\n\n-&nbsp;&nbsp;&nbsp; Search engines rarely show multiple options of similar content in order to give users an optimum search experience. They will, therefore, be forced to select the best version which will be shown as the best result diluting visibility of websites with similar or duplicate content.\n\n-&nbsp;&nbsp;&nbsp; Equity of links will also be diluted further because other websites will have to choose the best option from the duplicates. As opposed to all the inbound links directing to one content piece, they will link to several pieces distributing the equity of the links among these duplicates. Inbound links are considered a ranking factor so they can affect the search visibility of certain pieces of content.\n\nThe overall result is that the piece of content will not get the search visibility it deserves.\n\n&nbsp;",
"post_title": "Paying mind to similarity index",
"post_excerpt": "",
"post_status": "publish",
"comment_status": "open",
"ping_status": "open",
"post_password": "",
"post_name": "paying-mind-similarity-index",
"to_ping": "",
"pinged": "",
"post_modified": "2022-01-02T22:42:29.000Z",
"post_modified_gmt": "2022-01-02T22:42:29.000Z",
"post_content_filtered": "",
"post_parent": 0,
"guid": "https://blog.wrenchboard.com/?p=37",
"menu_order": 0,
"post_type": "post",
"post_mime_type": "",
"comment_count": 0,
"meta_value": "2022/01/wrechboard-sample.jpg"
},
{
"id": 35,
"ID": 35,
"post_author": 1,
"post_date": "2017-11-23T14:02:54.000Z",
"post_date_gmt": "2017-11-23T14:02:54.000Z",
"post_content": "The internet is a vast source of information and you can use this information to improve and expand your skill set. You always stand to benefit by adding some extra skills to your CV. The internet is one of the best areas to look if you want to enhance your knowledge base and your skill set in an effort to impress your possible employers. There are so many ways to use the internet to gain extra technical skills\n\n<strong>Design</strong>\n\nThe internet is jam-packed with various online programs that people use for photo editing and graphic design for their websites and blogs. Such design skills must be stated in your CV if they will be relevant to the position you are applying for in any company. You can easily download the relevant design programs or apps from the internet and use your free time to sharpen your design skills while racking up your design portfolio. You may land a position in a good design agency if you have some good examples of your design work.\n\n<strong>Social media</strong>\n\nSocial media is another way that the internet has proven useful in that it can be used in more ways than one. Once you find a way to use social media to your advantage, this will be a valuable asset because lots of organizations are currently looking for social media skills when looking to hire new staff. Businesses have realized the benefit of using social media marketing in reaching out to a bigger audience. Think of ways to boost your follower base via your own social media pages like Instagram, Twitter, or Facebook. Such platforms and more like Snapchat or LinkedIn are free to download and easy to use plus there is a lot you can learn in terms of using your social media feed or platforms to attract followers which in itself is a form of marketing.\n\n<strong>IT skills</strong>\n\nThis is one of the obvious skills that one can polish online or on their computer. More businesses are being geared towards a digital direction and employers want to know they are hiring an applicant(s) with strong IT skills. This means you have to know how to use various programs and software to create different types of documents. Showing that you are highly proficient in computer applications and operation will do you justice when applying for different jobs or even starting your own business.\n\n<strong>Online Courses</strong>\n\nYou can now get plenty of qualifications from the comfort of your home as long as you have a computer and a strong internet connection. Find a free course that would be relevant or helpful to you, sign up, and you can begin studying as soon as immediately. There are many skills you can study online with these courses and you may add an impressive qualification to your resume. The advantage of online courses is that you can do them in coordination with your current schedule meaning you still get to earn while you study.\n\n<strong>Languages</strong>\n\nA second language also looks quite impressive on your CV as bilingual employees show to be quite useful if an employers business trades in an international market. You can use apps like Duolingo or sign up for an online course to learn a new language. A second language might really help you get work experience in foreign countries.",
"post_title": "Using the internet to expand your technological skill set",
"post_excerpt": "",
"post_status": "publish",
"comment_status": "open",
"ping_status": "open",
"post_password": "",
"post_name": "using-internet-expand-technological-skill-set",
"to_ping": "",
"pinged": "",
"post_modified": "2022-01-22T03:44:14.000Z",
"post_modified_gmt": "2022-01-22T03:44:14.000Z",
"post_content_filtered": "",
"post_parent": 0,
"guid": "https://blog.wrenchboard.com/?p=35",
"menu_order": 0,
"post_type": "post",
"post_mime_type": "",
"comment_count": 0,
"meta_value": "2022/01/technology_skill.jpg"
},
{
"id": 33,
"ID": 33,
"post_author": 1,
"post_date": "2017-11-23T14:01:30.000Z",
"post_date_gmt": "2017-11-23T14:01:30.000Z",
"post_content": "Anyone can do an online job as long as you have the right set of skills. As your own boss, you will have to do plenty of day-to-day tasks yourself and you will need to practice good judgment on how you do things. This is why you need an effective strategy to help you progress your online career.\n\n<strong>You need the right skills</strong>\n\nAs does any job, you need to have the proper equipment and tools to accomplish things accordingly. This means you will have to invest in a good-quality PC or laptop, subscribe to a dependable ISP, and ensure you have a backup ISP in the event of an emergency. You could even get your own office with a backup computer, a cloud account, or a spare hard drive.\n\n<strong>You need to be dedicated to your career</strong>\n\nThe misconception that you need to go to college to learn all the skills you need to get a job in the outside world is not the case. Of course, you need to update your skills and knowledge to gain a competitive edge over your peers and colleagues. This means that you should always keep learning in order to have an effective online career or job. Read on industry news daily, take some courses to spruce up your skills; you can even go back to school.\n\n<strong>Technical proficiency</strong>\n\nComputer literacy is something you obviously must have when working on an online career. However, in order to progress with your career, you have to be up to date with current software and online tools available to help you be more efficient in your strategy.\n\n<strong>Ensure every project has a contract</strong>\n\nYou do not need something complex that will take you more time to look over when you should be using this time to make money. To start with, you should have a general agreement covering important but basic terms you and your client must agree on. Setting basic terms for each project helps to protect you and inform your clients of how you work. Some of the terms your contract must cover include payment terms and the clients proprietary details etc. If things work in your favor and you show significant growth in your career, you will need a specially crafted contract courtesy of a legal professional.\n\n<strong>Focusing your business</strong>\n\nFocusing the identity of your brand and the caliber of projects you undertake will make things much easier on your part from the marketing process to the design work. Pick one service or even two and take on work falling along those lines then decline the rest. Deciding on the services you intend to specialize in will help you translate this in your brand. Everything on your website should be reworded to suit those specific phrases and keywords and only exhibit this kind of work in your portfolio. Begin producing content centered on these services to display your expertise. This is all a result of marketing and it will direct traffic and new projects in your direction.\n\n&nbsp;",
"post_title": "How to implement an effective online career strategy",
"post_excerpt": "",
"post_status": "publish",
"comment_status": "open",
"ping_status": "open",
"post_password": "",
"post_name": "implement-effective-online-career-strategy",
"to_ping": "",
"pinged": "",
"post_modified": "2022-01-22T03:48:59.000Z",
"post_modified_gmt": "2022-01-22T03:48:59.000Z",
"post_content_filtered": "",
"post_parent": 0,
"guid": "https://blog.wrenchboard.com/?p=33",
"menu_order": 0,
"post_type": "post",
"post_mime_type": "",
"comment_count": 0,
"meta_value": "2022/01/online_job.jpg"
}
];
return res1;
}
export default BlogData;
async function BlogData() {
let response = await Axios.post(`${process.env.REACT_APP_AUX_ENDPOINT}/blogdata`);
return await response;
}
export default BlogData;
+32 -13
View File
@@ -174,36 +174,36 @@ p {
.appie-section-title .appie-title {
font-size: 44px;
line-height: 54px;
color: #08538d;
letter-spacing: 4.6px;
/* color: #08538d; */
letter-spacing: 2px;
text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.appie-section-title .appie-title {
font-size: 36px;
line-height: 46px;
color: #08538d;
/* color: #08538d; */
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.appie-section-title .appie-title {
font-size: 36px;
line-height: 46px;
color: #08538d;
/* color: #08538d; */
}
}
@media (max-width: 767px) {
.appie-section-title .appie-title {
font-size: 26px;
line-height: 36px;
color: #08538d;
/* color: #08538d; */
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.appie-section-title .appie-title {
font-size: 36px;
line-height: 46px;
color: #08538d;
/* color: #08538d; */
}
}
.appie-section-title p {
@@ -1432,7 +1432,7 @@ p {
line-height: 80px;
padding: 0 80px;
color: #08538d;
letter-spacing: 4.6px;
letter-spacing: 2px;
text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
@@ -2681,13 +2681,13 @@ p {
.service-details-content .content .title {
font-size: 30px;
margin-bottom: 18px;
letter-spacing: 2px;
text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
}
.service-details-content .content span {
font-size: 20px;
line-height: 30px;
color: #0e1133;
padding-top: 34px;
padding-bottom: 26px;
.service-details-content .content p {
font-size: 18px;
line-height: 28px;
padding: 10px 0px;
}
.service-details-content .content p a {
color: #4687ba;
@@ -3043,9 +3043,14 @@ p {
color: #2b70fa;
}
.appie-traffic-title .title {
letter-spacing: 2px;
text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
font-size: 44px;
line-height: 54px;
}
.appie-traffic-title p {
font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.appie-traffic-title .title {
font-size: 36px;
@@ -4234,6 +4239,18 @@ p {
background-repeat: no-repeat;
background-size: cover;
}
.mission-side-box {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 50%;
background-image: url(../images/mission-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.appie-faq-8-area .faq-play-box {
display: none;
@@ -6297,6 +6314,8 @@ blockquote cite {
}
.appie-about-top-title .title {
font-size: 60px;
letter-spacing: 2px;
text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
position: relative;
z-index: 10;
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 815 KiB

+1 -1
View File
@@ -17,7 +17,7 @@ function ServicesAbout() {
<section className="appie-services-2-area pt-90 pb-55" id="service">
<div className="container">
<div className="row align-items-end">
<div className="col-lg-6 col-md-8">
<div className="col-12 col-md-8">
<div className="appie-section-title">
<h3 className="appie-title">Were driven by our values</h3>
<p>The app provides design and digital marketing. </p>
+2 -71
View File
@@ -2,41 +2,10 @@ import React, { useState } from 'react';
import blogOne from '../../assets/images/blog-1.jpg';
import blogTwo from '../../assets/images/blog-2.jpg';
import blogThree from '../../assets/images/blog-3.jpg';
import BlogData from './../../Services/BlogData';
import Blogs from '../News/Blogs';
import Axios from 'axios';
function BlogHomeOne() {
const blogResult = BlogData();
/*
const [blogResult,setBlogResult] = useState("");
var res = null;
// const getWrenchBoardBlog = () => {
Axios.get("http://10.0.0.52:5101/wp/wrenchboard/", {
headers: {
'Access-Control-Allow-Origin' : '*',
'Access-Control-Allow-Credentials':true,
'crossorigin':true,
'Access-Control-Allow-Methods':'GET,PUT,POST,DELETE,PATCH,OPTIONS',
},
responseType: "json",
}).then((response) => {
console.log(response);
res = response;
console.log("~~~~~~~~ ameye ~~~~~~~~~");
// setBlogResult( response !=null ? response.data.blogResult[0]["payload"]:"" );
setBlogResult( response.data );
// console.log(blogResultData);
});
*/
//debugger;
//console.log("~~~~~~~~ dorcas ~~~~~~~~~");
//console.log(blogResult);
return (
<>
<section className="appie-blog-area pt-90 pb-95">
@@ -48,45 +17,7 @@ var res = null;
</div>
</div>
</div>
<div className="row">
{
blogResult.map(i=>{
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
var postDt = new Date(i.post_date).toLocaleDateString("en-US", options);
var blgImg = i.meta_value!=null?"https://blog.wrenchboard.com/wp-content/uploads/"+ i.meta_value : blogOne;
return ( <div className="col-lg-4 col-md-6">
<div
className="appie-blog-item mt-30 wow animated fadeInUp"
data-wow-duration="3000ms"
data-wow-delay="200ms"
>
<div className="thumb">
<img src={blgImg} alt={i.post_title} />
</div>
<div className="content">
<div className="blog-meta">
<ul>
<li>{postDt}</li>
</ul>
</div>
<h3 className="title">
<a href={i.guid}>
{i.post_title}
</a>
</h3>
<a href={i.guid}>
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div> );
})
}
</div>
<Blogs pathname='/' />
</div>
</section>
</>
+1 -1
View File
@@ -1,5 +1,5 @@
import React from 'react';
import thumb from '../../assets/images/PerformingTask.jpg';
import thumb from '../../assets/images/PerformingTaskNew.png';
import getConfig from './../../Config/config'
function TrafficHomeOne() {
+54 -16
View File
@@ -1,22 +1,29 @@
import React from 'react';
import BlogData from '../../Services/BlogData';
import React, { useEffect, useState } from 'react';
import blogOne from '../../assets/images/blog/1.jpg';
import BlogData from '../../Services/BlogData';
function Blogs() {
function Blogs({pathname}) {
const [blogs, setBlogs] = useState([])
const BlogDataResult = BlogData();
useEffect(()=>{
BlogData().then(res => {
setBlogs(res.data)
}).catch(err => {
console.log('Error loading blogdata', err)
})
},[])
return (
<>
<div className="row">
{
BlogDataResult.map(i => {
{ pathname == '/' ? // ON HOME PAGE LIMIT TO SIX(6) BLOGS
blogs?.blogdata?.map((i, index)=> {
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
var postDt = new Date(i.post_date).toLocaleDateString("en-US", options);
var blgImg = i.meta_value != null ? "https://blog.wrenchboard.com/wp-content/uploads/" + i.meta_value : blogOne;
return (<div className="col-lg-4 col-md-6">
var blgImg = i.meta_value != null ? `${blogs?.blogconfig?.media_url}/${i.meta_value}` : blogOne;
if(index < 6){
return (
<div key={i.id} className="col-lg-4 col-md-6">
<div
className="appie-blog-item mt-30 wow animated fadeInUp"
data-wow-duration="3000ms"
@@ -41,14 +48,45 @@ function Blogs() {
</a>
</div>
</div>
</div>);
</div>
)
}
})
: // ON OTHER PAGES SHOW ALL BLOG
blogs?.blogdata?.map((i, index)=> {
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
var postDt = new Date(i.post_date).toLocaleDateString("en-US", options);
var blgImg = i.meta_value != null ? `${blogs?.blogconfig?.media_url}/${i.meta_value}` : blogOne;
return (
<div key={i.id} className="col-lg-4 col-md-6">
<div
className="appie-blog-item mt-30 wow animated fadeInUp"
data-wow-duration="3000ms"
data-wow-delay="200ms"
>
<div className="thumb">
<img src={blgImg} alt={i.post_title} />
</div>
<div className="content">
<div className="blog-meta">
<ul>
<li>{postDt}</li>
</ul>
</div>
<h3 className="title">
<a href={i.guid}>
{i.post_title}
</a>
</h3>
<a href={i.guid}>
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div>
)
})
}
</div>
</>
+33 -48
View File
@@ -15,28 +15,26 @@ function DetailsService() {
<div className="service-details-content">
<div className="content">
<h3 className="title">Privacy Policy</h3>
<h4 className="title">Privacy Policy</h4>
<p>
Wrenchboard issues this policy to inform users about the information we collect, the use and disclosures in the course of interactions with the WrenchBoard services by customers. We value the privacy of our customers and such strive to employ best industry standards and practices to protect their privacy. By signing up for this services, using our products or technologies offered through the WrenchBoard website, you expressly agree to the terms of this Privacy Policy.
</p>
<span>
-
</span>
<hr size="1" />
<h4 className="title">Collection of Information </h4>
<p>
<h4>Collection of Information </h4>
When you sign up for WrenchBoard platform as a user, freelancer, worker or client, you inadvertently provide certain personal information such as name and email address. This information may be used to identify or contact you as part of the service we provide. Below is information we may collect from registered users of the service.
<ul class="list-group">
<li class="list-group-item">We collect financial information which include bank account numbers, debit/credit account.</li>
<li class="list-group-item">We also collect other personal information such as date of birth to ensure compliance to lab our regulations as the platform is strictly for persons 18 years and above.</li>
<li class="list-group-item">We collect personal information (names email addresses) from you and your friends when you use our referral program. We may also receive information about you from third party sites during promotions and campaigns.</li>
</ul>
</p>
<p>
<hr size="1" />
<h4>Use of Personal Information </h4>
<h4 className="title">Use of Personal Information </h4>
<p>
The information we collect about you is mainly utilized to provide a secure, efficient and smooth user experience as you interact with the site. We may also utilize the information to contact you to resolve issues with your account or resolve disputes between freelancers and clients. We also use your personal information in the following ways.
<ul class="list-group">
<li class="list-group-item">To comply with the regulatory requirement, whenever the need arises. </li>
@@ -46,61 +44,48 @@ function DetailsService() {
<li class="list-group-item">To provide some indication on the promotional offers and advertisement we direct to you. </li>
<li class="list-group-item">To protect you and your information. We regularly send you notification based on activities as you use the service. </li>
</ul>
</p>
<p>
<hr size="1" />
<h4>How We Share Your Personal Information: </h4>
<p>
When you sign up to the Service as a freelancer and create a profile, we will share your limited personal information with clients or project owners for whom you may perform a task or do work for based on expression of interest. Such information will include name, profile information with experience and your ranking based on previous performance. This information will be available to the public.</p><p>
When you register as a client or project owner and post a job in the market place or offer jobs to preselected freelancers or workers on this service, information about you, your business will be shared. This information will be based on the information provided in your profile.</p><p>
In order to deliver a quality service on WrenchBoard, we require the services of third parties and agents such as PayPal, Quickteller Service or banks to facilitate and process transactions.</p><p>
We may also share your personal information when and if compelled or mandated by government agencies, or court injunctions or regulatory requirement. In order to settle disputes or claims, we may also be compelled to share your information in order to deliver services to you.</p><p>
Finally, we may share your information with companies that we plan to to merge with or to be acquired by. We will take necessary measure to ensure that all such new affiliations and corporate entities comply with the Privacy Policies hereby stated failing which you will be notified duly.</p>
</p>
<p>
When you sign up to the Service as a freelancer and create a profile, we will share your limited personal information with clients or project owners for whom you may perform a task or do work for based on expression of interest. Such information will include name, profile information with experience and your ranking based on previous performance. This information will be available to the public.</p>
<p>When you register as a client or project owner and post a job in the market place or offer jobs to preselected freelancers or workers on this service, information about you, your business will be shared. This information will be based on the information provided in your profile.</p>
<p>In order to deliver a quality service on WrenchBoard, we require the services of third parties and agents such as PayPal, Quickteller Service or banks to facilitate and process transactions.</p>
<p>We may also share your personal information when and if compelled or mandated by government agencies, or court injunctions or regulatory requirement. In order to settle disputes or claims, we may also be compelled to share your information in order to deliver services to you.</p>
<p>Finally, we may share your information with companies that we plan to to merge with or to be acquired by. We will take necessary measure to ensure that all such new affiliations and corporate entities comply with the Privacy Policies hereby stated failing which you will be notified duly.</p>
<hr size="1" />
<h4> How We Use Cookies and Related Technologies.</h4>
When you access the service or website, www.wrenchboard.com , we store small files called Cookies in your browser. Cookies and related technologies like beacons and tags are used to identify customers uniquely. With Cookies, we can track and trend the pages of interest within the website. Hence, these technologies help us focus only relevant promotions or advertisement to each customer. Through this technologies, we are able to improve the service based on the feedback from the interaction with users. We also rely on these technologies to mitigate fraudulent attempts on your WrenchBoard account.
You may elect to disable cookies to prevent installation of cookies from the website to your browser. However, your functional experience with the service or website may be impacted. Note that you automatically disconnect from cookies when you close your browser session or log out of the service.
</p>
<h4 className="title"> How We Use Cookies and Related Technologies.</h4>
<p>
<hr size="1" />
<h4> Measures We Take to Secure Your Information</h4>
Your data and privacy are important to us as such we take extreme care on how we protect your information. We use a combination of industry standard encryption technologies to protect your information. Your password is not visible to our technical support team or any one in WrenchBoard. Our IT infrastructures are located in hosting facilities with strict access controls, and security protocols with only pre checked and authorized persons have access.
When you access the service or website, www.wrenchboard.com , we store small files called Cookies in your browser. Cookies and related technologies like beacons and tags are used to identify customers uniquely. With Cookies, we can track and trend the pages of interest within the website. Hence, these technologies help us focus only relevant promotions or advertisement to each customer. Through this technologies, we are able to improve the service based on the feedback from the interaction with users. We also rely on these technologies to mitigate fraudulent attempts on your WrenchBoard account. You may elect to disable cookies to prevent installation of cookies from the website to your browser. However, your functional experience with the service or website may be impacted. Note that you automatically disconnect from cookies when you close your browser session or log out of the service.
</p>
<p>
<hr size="1" />
<h4>Updating Your Information or Opting Out.</h4>
Users of this service may update the information posted in profiles or their accounts at any time. The accuracy of information posted on the profiles and accounts is entirely the responsibility of users. You may also decide to opt out the service or close your account at any time. We may also deactivate your account if you violate the terms of use of the website. Whilst we will endeavor to delete your core information in such instances, we will retain minimal records for reasons including disputes, claims or administrative purposes. Also, note that it may not be possible to delete any information you had shared with other users on the website previously.
</p>
<hr size="1" />
<h4 className="title"> Measures We Take to Secure Your Information</h4>
<p>
Your data and privacy are important to us as such we take extreme care on how we protect your information. We use a combination of industry standard encryption technologies to protect your information. Your password is not visible to our technical support team or any one in WrenchBoard. Our IT infrastructures are located in hosting facilities with strict access controls, and security protocols with only pre checked and authorized persons have access.
</p>
<p>
<hr size="1" />
<h4>Deactivate/Delete your account.</h4>
If you no longer wish to use our Services, you can deactivate your Services account. If you want to deactivate your account, that setting is available to you in your account settings. Otherwise, please get in touch with our support. While we close any associated process, you will not be able to access your account. Note that this process cannot be reversed since we will remove your data. If you want to use our services in the future, it will be a new account altogether. </p>
<hr size="1" />
<h4 className="title">Updating Your Information or Opting Out.</h4>
<p>
Users of this service may update the information posted in profiles or their accounts at any time. The accuracy of information posted on the profiles and accounts is entirely the responsibility of users. You may also decide to opt out the service or close your account at any time. We may also deactivate your account if you violate the terms of use of the website. Whilst we will endeavor to delete your core information in such instances, we will retain minimal records for reasons including disputes, claims or administrative purposes. Also, note that it may not be possible to delete any information you had shared with other users on the website previously.
</p>
<p>
<hr size="1" />
<h4 className="title">Deactivate/Delete your account.</h4>
<p>
If you no longer wish to use our Services, you can deactivate your Services account. If you want to deactivate your account, that setting is available to you in your account settings. Otherwise, please get in touch with our support. While we close any associated process, you will not be able to access your account. Note that this process cannot be reversed since we will remove your data. If you want to use our services in the future, it will be a new account altogether. </p>
<hr size="1" />
<h4>Changes To the Policy</h4>
We reserve the rights to update and make changes to this Privacy policy at anytime. Changes will become effective once posted. However, we will notify you by email or when you log on to the service or website about any changes that fundamentally affect how we manage your personal information.
Contacting Us: You may contact us about this policy through our email address anytime : support@wrenchboard.com
</p>
<hr size="1" />
<h4 className="title">Changes To the Policy</h4>
<p>
We reserve the rights to update and make changes to this Privacy policy at anytime. Changes will become effective once posted. However, we will notify you by email or when you log on to the service or website about any changes that fundamentally affect how we manage your personal information.
Contacting Us: You may contact us about this policy through our email address anytime : support@wrenchboard.com
</p>
</div>
</div>
</div>
+2 -2
View File
@@ -25,9 +25,9 @@ function DetailsService() {
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>
<span>
<p>
A major task done by skilled professional with personal touch and completed within the twinkling of an eye in specified time-frame.
</span>
</p>
<p>
WrenchBoard is the marketplace that connects independent talent
with businesses that requires your skill set and get paid.
+16 -21
View File
@@ -15,21 +15,19 @@ function DetailsService() {
<div className="service-details-content">
<div className="content">
<h3 className="title">Terms of use</h3>
<h4 className="title">Terms of use</h4>
<p>
These Website Terms & Conditions (T&Cs) apply to your access and use of www.wrenchboard.com,dashboard.wrenchboard.com (the Site), including all software, data, reports, text, images, sounds, video, and all contents made available through any portion of the Site (collectively, the Content). Content includes all such elements as a whole, as well as individual elements and portions thereof.
<hr />
</p>
<p>
<h4>Acceptance of Terms </h4>
WRENCHBOARD permits you (User or you or your) to access and use the Site and Content, subject to these T&Cs. By accessing or using any portion of the Site, you acknowledge that you have read, understood, and agree to be bound by these T&Cs. If you do not agree with these T&Cs, you must not accept these T&Cs or access or use the site or content.
<h4 className="title">Acceptance of Terms </h4>
<p>WRENCHBOARD permits you (User or you or your) to access and use the Site and Content, subject to these T&Cs. By accessing or using any portion of the Site, you acknowledge that you have read, understood, and agree to be bound by these T&Cs. If you do not agree with these T&Cs, you must not accept these T&Cs or access or use the site or content.
<hr />
</p>
<p>
<h4>General Conditions of Use </h4>
<br />
<h4 className="title">General Conditions of Use </h4>
<p>
<b>Authorization to Access and Use Site and Content.</b> Subject to your compliance with these T&Cs and the provisions hereof, you may access or use the Site and Content solely for the purpose of your evaluation of WRENCHBOARD and WRENCHBOARDs products and services. You may only link to the Site or Content, or any portion thereof, as expressly permitted by WRENCHBOARD.
<br />
<b>Ownership and Restrictions.</b> All rights, title, and interest in and to the Site and Content will remain with and belong exclusively to WRENCHBOARD. You will not (a) sublicense, resell, rent, lease, transfer, assign, time share or otherwise commercially exploit or make the Site and any Content available to any third party, (b) use the Site and Content in any unlawful manner (including without limitation in violation of any data, privacy or export control laws) or in any manner that interferes with or disrupts the integrity or performance of the Site and Content or their related components, or (c) modify, adapt or hack the Site and Content to, or try to, gain unauthorized access to the restricted portions of the Site and Content or related systems or networks (i.e., circumvent any encryption or other security measures, gain access to any source code or any other underlying form of technology or information, and gain access to any part of the Site and Content, or any other products or services of WRENCHBOARD that are not readily made available to the general public).
@@ -43,8 +41,8 @@ function DetailsService() {
</p>
<h4 className="title"> Use of Intellectual Property.</h4>
<p>
<h4> Use of Intellectual Property.</h4>
<b>Rights in User Content.</b> By posting your information and other content (User Content) on or through the Site and Content, you grant WRENCHBOARD a worldwide, non-exclusive, perpetual, irrevocable, royalty-free, fully paid, sublicensable and transferable license to use, modify, reproduce, distribute, display, publish and perform User Content in connection with the Site and Content. WRENCHBOARD has the right, but not the obligation, to monitor the Site and Content and User Content. WRENCHBOARD may remove or disable any User Content at any time for any reason, or for no reason at all.
@@ -54,8 +52,8 @@ function DetailsService() {
<hr />
</p>
<h4 className="title">Feedback</h4>
<p>
<h4>Feedback. </h4>
You may submit ideas, suggestions, or comments (Feedback) regarding the Site and Content or WRENCHBOARDs business, products, or services. By submitting any Feedback, you acknowledge and agree that (a) your Feedback is provided by you voluntarily and WRENCHBOARD may, without any obligations or limitation, use and exploit such Feedback in any manner and for any purpose, (b) you will not seek and are not entitled to any money or other form of compensation, consideration, or attribution with respect to your Feedback regardless of whether WRENCHBOARD considered or used your Feedback in any manner, and (c) your Feedback is not the confidential or proprietary information of you or any third party.
<hr />
@@ -63,35 +61,32 @@ function DetailsService() {
<p>
<h4> Termination of Access Due to Violations.</h4>
<h4 className="title"> Termination of Access Due to Violations.</h4>
WRENCHBOARD may, in its sole discretion and without prior notice, terminate your access to the Site and/or block your future access to the Site if we determine that you have violated these T&Cs or other agreements or guidelines which may be associated with your use of the Site. You also agree that any violation by you of these T&Cs will cause irreparable harm to WRENCHBOARD, for which monetary damages would be inadequate, and you consent to WRENCHBOARD obtaining any injunctive or equitable relief that WRENCHBOARD deems necessary or appropriate in such circumstances, without limiting WRENCHBOARDs other available remedies. Further, WRENCHBOARD may, in its sole discretion and without prior notice, terminate your access to the Site, for cause, which includes (but is not limited to) (1) requests by law enforcement or other government agencies, (2) discontinuance or material modification of the Site or any service offered on or through the Site, or (3) unexpected technical issues or problems.
<hr />
</p>
<h4 className="title"> T&Cs Updates</h4>
<p>
<h4> T&Cs Updates.</h4>
WRENCHBOARD reserves the right, at its sole discretion, to change or modify portions of these T&Cs at any time. WRENCHBOARD will post the changes to these T&Cs on the Site and will indicate at the top of this page the date these terms were last revised. It is your responsibility to check the T&Cs periodically for changes. Your continued use of the Site and Content after the date any such changes become effective constitutes your acceptance of the new or revised T&Cs.
<hr />
</p>
<h4 className="title">NO WARRANTIES AND DISCLAIMER BY WRENCHBOARD</h4>
<p>
<h4>NO WARRANTIES AND DISCLAIMER BY WRENCHBOARD.</h4>
THE SITE AND CONTENT, AND ALL SERVER AND NETWORK COMPONENTS, ARE PROVIDED ON AN AS IS AND AS AVAILABLE BASIS WITH ALL ERRORS AND DEFECTS AND WITHOUT ANY WARRANTIES OF ANY KIND, AND WRENCHBOARD EXPRESSLY DISCLAIMS ALL REPRESENTATIONS AND WARRANTIES, INCLUDING ANY IMPLIED WARRANTIES OF ACCURACY, COMPLETENESS, MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE OR NON-INFRINGEMENT, AND ANY REPRESENTATIONS OR WARRANTIES ARISING FROM COURSE OF DEALING, COURSE OF PERFORMANCE OR USAGE OF TRADE. YOU ACKNOWLEDGE THAT WRENCHBOARD DOES NOT WARRANT THAT YOUR ACCESS OR USE OR BOTH OF THE SITE AND CONTENT WILL BE UNINTERRUPTED, TIMELY, SECURE, ERROR-FREE OR VIRUS-FREE, AND WRENCHBOARD DOES NOT MAKE ANY WARRANTY AS TO THE RESULTS THAT MAY BE OBTAINED FROM USE OF THE SITE AND CONTENT. NO INFORMATION, ADVICE OR SERVICES OBTAINED BY YOU FROM WRENCHBOARD OR THROUGH THE SITE WILL CREATE ANY WARRANTY NOT EXPRESSLY STATED IN THESE TERMS and CONDITIONS AND YOU SHOULD NOT RELY ON THE SITE AND THE GENERAL CONTENT ALONE AS THE BASIS FOR YOUR BUSINESS DECISIONS.
<hr/>
WRENCHBOARD reserves the right to do any of the following, at any time, without notice: (1) to modify, suspend or terminate operation of or access to the Site, or any portion of the Site, for any reason; (2) to modify or change the Site, or any portion of the Site, for any reason; and (3) to interrupt the operation of the Site, or any portion of the Site, as necessary to perform routine or non-routine maintenance, error correction, or other changes.
<hr />
</p>
<p>
<h4>Changes To the Policy</h4>
We reserve the rights to update and make changes to this Privacy policy at anytime. Changes will become effective once posted. However, we will notify you by email or when you log on to the service or website about any changes that fundamentally affect how we manage your personal information.
Contacting Us: You may contact us about this policy through our email address anytime : support@wrenchboard.com
</p>
<h4 className="title">Changes To the Policy</h4>
<p>
We reserve the rights to update and make changes to this Privacy policy at anytime. Changes will become effective once posted. However, we will notify you by email or when you log on to the service or website about any changes that fundamentally affect how we manage your personal information.
Contacting Us: You may contact us about this policy through our email address anytime : support@wrenchboard.com
</p>
</div>
</div>
</div>
+5 -3
View File
@@ -36,12 +36,14 @@ function FAQService() {
<div className="col-lg-8 accordion-wrapper">
<div className="p-3 service-details-content accordion-con">
<div className="container-fluid">
<h3 className='p-3 text-center'>Frequently asked questions</h3>
<div className='content'>
<h3 className='p-3 text-center title'>Frequently asked questions</h3>
</div>
</div>
<div className='row'>
<div class="col-12 col-lg-6 accordion" id="accordionExample">
{faq.map((item, index)=>{
if(index%2 == 0){
if(index%2 == 0 && item.public != 0){
return(
<div key={index} className='my-3'>
<Accordion name={`faq${index}`} datas={item} accordionHandler={accordionHandler} isOpen={isOpen} />
@@ -52,7 +54,7 @@ function FAQService() {
</div>
<div class="col-12 col-lg-6 accordion" id="accordionExample">
{faq.map((item, index)=>{
if(index%2 != 0){
if(index%2 != 0 && item.public != 0){
return(
<div key={index} className='my-3'>
<Accordion name={`faq${index}`} datas={item} accordionHandler={accordionHandler} isOpen={isOpen} />
+114
View File
@@ -0,0 +1,114 @@
import React, { useState } from 'react';
import CounterUpCom from '../../lib/CounterUpCom';
import PopupVideo from '../PopupVideo';
function MissionStatement() {
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: "We will be the best platform for you to set a rewardable goal for you, your family, and others",
},
{
id: 2,
title: "Expand Earning Opportunities",
content: "We will always present opportunities equally",
},
{
id: 3,
title: "Exhibit your Capabilities",
content: "We will let your ability shine to opportunities",
},
{
id: 4,
title: "Get you work done",
content: "For other tasks you need to get done, we will be there for smooth engagement",
}
];
const handleShowVideo = (e) => {
e.preventDefault();
setVideoValue(!showVideo);
};
return (
<>
{showVideo && (
<PopupVideo
videoSrc="//www.youtube.com/embed/EE7NqzhMDms?autoplay=1"
handler={(e) => handleShowVideo(e)}
/>
)}
<div className="appie-faq-8-area pt-100 pb-100" id="counter">
<div className="container">
<div className="row">
<div className="col-lg-5">
<div className="appie-section-title">
<h3 className="appie-title">Our Mission.</h3>
<p>
Our mission at WrenchBoard is to empower individuals, families and communities through :
</p>
</div>
<div
className="faq-accordion wow fadeInRight mt-30"
data-wow-duration="1500ms"
>
<div
className="accrodion-grp wow fadeIn faq-accrodion"
data-wow-duration="1500ms"
data-grp-name="faq-accrodion"
>
{
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>
</div>
<div className="mission-side-box">
</div>
</div>
</>
);
}
export default MissionStatement;
+53
View File
@@ -0,0 +1,53 @@
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>
WrenchBoard is where you set goals and reward accomplishments or find somebody to perform a needed task.
</p>
{/*<hr />*/}
{/*<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>*/}
<hr />
<p>
WrenchBoard is the marketplace that allows users to raise their hands and gives you the power to select who you want to perform your task.
</p>
<hr />
<p>
Our commitment to quality ensures that WrenchBoard.com remains a trusted platform for reliable transaction and redspectable partnerships.
</p>
<hr />
Do more at < a href ={process.env.REACT_APP_DASH_URL_LOGIN} >WrenchBoard</a>
</div>
</div>
</div>
</div>
</div>
</section>
</>
);
}
export default ServiceTopart;
+5 -2
View File
@@ -9,6 +9,8 @@ import DetailsService from './DetailsService';
import HeaderService from './HeaderService';
import HeroService from './HeroService';
import HeroNews from '../News/HeroNews';
import MissionStatement from "./MissionStatement";
import ServiceTopart from "./ServiceTopart";
function Service() {
useEffect(() => {
@@ -27,8 +29,9 @@ function Service() {
{ link: '/service', title: 'Service' },
]}
/>
<DetailsService />
{/*<ProjectHomeOne />*/}
<ServiceTopart />
<MissionStatement />
{/*<DetailsService />*/}
<FooterHomeOne />
<BackToTop />
</>