Compare commits
34 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
2a4232b8ba | ||
 tokslaw
|
80bd761ce4 | ||
|
tokslaw
|
9e9af35334 | ||
|
CHIEFSOFT\ameye
|
14e2cfc217 | ||
|
CHIEFSOFT\ameye
|
c476817560 | ||
|
tokslaw
|
f4206bee13 | ||
|
tokslaw
|
616b964a16 | ||
|
tokslaw
|
c3d779a435 | ||
|
tokslaw
|
71d98d8272 | ||
|
CHIEFSOFT\ameye
|
a262de8647 | ||
|
CHIEFSOFT\ameye
|
8b360f8404 | ||
|
CHIEFSOFT\ameye
|
fed3808346 | ||
|
CHIEFSOFT\ameye
|
71f1026abc | ||
|
CHIEFSOFT\ameye
|
6880a156e3 | ||
|
CHIEFSOFT\ameye
|
a06a109681 | ||
|
CHIEFSOFT\ameye
|
1ad8e3bb29 | ||
|
CHIEFSOFT\ameye
|
1a94010fe5 | ||
 ameye
|
391a290328 | ||
|
victorAnumudu
|
6787b17c12 | ||
|
CHIEFSOFT\ameye
|
d4806702da | ||
|
ameye
|
1d31c9298b | ||
|
victorAnumudu
|
3771759ef8 | ||
|
ameye
|
c6d7ffe886 | ||
|
ameye
|
20cf996248 | ||
|
victorAnumudu
|
92e4771768 | ||
|
victorAnumudu
|
5683e05af7 | ||
|
ameye
|
c7675f7941 | ||
|
victorAnumudu
|
8366d3820b | ||
|
victorAnumudu
|
e599dc0d28 | ||
|
CHIEFSOFT\ameye
|
40cdc7f3e7 | ||
|
CHIEFSOFT\ameye
|
5466bb3b66 | ||
|
CHIEFSOFT\ameye
|
a10a98a393 | ||
|
CHIEFSOFT\ameye
|
6f34b1bf57 | ||
|
ameye
|
f0f11cacd5 |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 713 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
@@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 713 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 15 KiB |
+2
-2
@@ -2,7 +2,7 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link type="image/png" rel="icon" href="%PUBLIC_URL%/favicon.png" />
|
||||
<link type="image/png" rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta name="description" content="wrenchboard.com is an online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster. Trade your freelance services." />
|
||||
@@ -26,7 +26,7 @@
|
||||
Learn how to configure a non-root public URL by running `npm run build`.
|
||||
-->
|
||||
<title>WrenchBoard</title>
|
||||
<meta property="og:image" content="%PUBLIC_URL%/favicon.png" />
|
||||
<meta property="og:image" content="%PUBLIC_URL%/favicon-32x32.png" />
|
||||
<meta property="business:contact_data:street_address" content="Cumberland Pkwy">
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
@@ -44,6 +44,7 @@ function Routes() {
|
||||
<ScrollToTop>
|
||||
<Switch>
|
||||
<Route exact path="/" component={HomeOne} />
|
||||
<Route exact path="/eoffer" component={HomeOne} />
|
||||
<Route exact path="/news" component={News} />
|
||||
<Route exact path="/blog" component={News} />
|
||||
<Route exact path="/use-cases" component={UseCases} />
|
||||
|
||||
+5
-209
@@ -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 don’t 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 ",
|
||||
"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 </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- 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- 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 ",
|
||||
"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 employer’s 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 client’s 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 ",
|
||||
"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;
|
||||
+49
-9
@@ -107,7 +107,7 @@ ol {
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
font-size: 17px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
color: #505056;
|
||||
@@ -1435,6 +1435,12 @@ p {
|
||||
letter-spacing: 2px;
|
||||
text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
|
||||
}
|
||||
.appie-title .earn-rewards{
|
||||
border-radius: 7px;
|
||||
background-color: rgb(245, 71, 71) !important;
|
||||
/* text-shadow: 2px 2px 2px #fff; */
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
.appie-hero-area.appie-hero-3-area .appie-hero-content .appie-title {
|
||||
font-size: 54px;
|
||||
@@ -1735,7 +1741,7 @@ p {
|
||||
font-weight: 500;
|
||||
}
|
||||
.appie-hero-content .appie-title {
|
||||
font-size: 60px;
|
||||
font-size: 53px;
|
||||
line-height: 70px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 22px;
|
||||
@@ -2348,14 +2354,16 @@ p {
|
||||
}
|
||||
|
||||
.appie-single-service {
|
||||
padding: 50px 30px 43px;
|
||||
/* padding: 50px 30px 43px; */
|
||||
padding: 30px;
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
transition: all linear 0.3s;
|
||||
}
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
.appie-single-service {
|
||||
padding: 50px 15px 43px;
|
||||
/* padding: 50px 15px 43px; */
|
||||
padding: 30px;
|
||||
}
|
||||
}
|
||||
.appie-single-service .icon {
|
||||
@@ -2505,6 +2513,7 @@ p {
|
||||
font-weight: 700;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.appie-single-service-2 a {
|
||||
font-size: 14px;
|
||||
@@ -3050,6 +3059,7 @@ p {
|
||||
}
|
||||
.appie-traffic-title p {
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
.appie-traffic-title .title {
|
||||
@@ -3109,12 +3119,15 @@ p {
|
||||
box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
|
||||
}
|
||||
.appie-traffic-service .title {
|
||||
font-size: 20px;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
padding-bottom: 7px;
|
||||
text-shadow: 3px 4px 10px rgba(0,0,0,0.3);
|
||||
}
|
||||
.appie-traffic-service p {
|
||||
font-size: 15px;
|
||||
font-size: 17px;
|
||||
margin-top: 10px;
|
||||
/*margin-bottom: 2px;*/
|
||||
}
|
||||
.appie-traffic-service.item-2 .icon i {
|
||||
background: linear-gradient(135deg, #f7b8af 0%, #f8452d 100%);
|
||||
@@ -4239,6 +4252,27 @@ p {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.mission-side-box {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 750px;
|
||||
width: 50%;
|
||||
background-image: url(../images/mission-bg.png);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
@media only screen and (max-width: 991px) {
|
||||
.mission-side-box {
|
||||
position: relative;
|
||||
height: 500px;
|
||||
width: 100%;
|
||||
margin: 20px auto 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
.appie-faq-8-area .faq-play-box {
|
||||
display: none;
|
||||
@@ -5674,6 +5708,10 @@ blockquote cite {
|
||||
.footer-about-widget {
|
||||
padding-right: 70px;
|
||||
margin-top: 30px;
|
||||
.logo {
|
||||
position: relative;
|
||||
top: -12px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.footer-about-widget {
|
||||
@@ -5682,7 +5720,7 @@ blockquote cite {
|
||||
}
|
||||
}
|
||||
.footer-about-widget p {
|
||||
padding-top: 25px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
.footer-about-widget > a {
|
||||
font-size: 15px;
|
||||
@@ -5737,9 +5775,10 @@ blockquote cite {
|
||||
}
|
||||
}
|
||||
.footer-navigation .title {
|
||||
font-size: 20px;
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 18px;
|
||||
text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
|
||||
}
|
||||
.footer-navigation ul {
|
||||
margin: 0;
|
||||
@@ -5777,9 +5816,10 @@ blockquote cite {
|
||||
}
|
||||
}
|
||||
.footer-widget-info .title {
|
||||
font-size: 20px;
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 18px;
|
||||
text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
|
||||
}
|
||||
.footer-widget-info ul {
|
||||
margin: 0;
|
||||
|
||||
@@ -14,7 +14,6 @@
|
||||
.boxBorder{
|
||||
border-color: aqua;
|
||||
background-color: #f5f6f7 ;
|
||||
height:300px;
|
||||
}
|
||||
.appie-loader {
|
||||
opacity: 0;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 166 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 815 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
@@ -1,5 +1,5 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
@@ -54,8 +54,8 @@ function Forms() {
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<i className="fal fa-home"></i>
|
||||
{process.env.REACT_APP_SUPPORT_NG_ADDRESS}
|
||||
{/*<i className="fal fa-home"></i>*/}
|
||||
{/*{process.env.REACT_APP_SUPPORT_NG_ADDRESS}*/}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
@@ -65,7 +65,7 @@ function Forms() {
|
||||
<i className="fal fa-phone"></i>
|
||||
{process.env.REACT_APP_SUPPORT_PHONE}
|
||||
<br />
|
||||
{process.env.REACT_APP_SUPPORT_PHONE_NG}
|
||||
{/*{process.env.REACT_APP_SUPPORT_PHONE_NG}*/}
|
||||
</p>
|
||||
</div>
|
||||
<div className="single-info">
|
||||
|
||||
@@ -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,6 +1,6 @@
|
||||
import React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
function FooterHomeOne({ className }) {
|
||||
|
||||
@@ -16,9 +16,9 @@ function HeroHomeOne() {
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-hero-content">
|
||||
<span>Welcome To WrenchBoard..</span>
|
||||
{/*<span>Welcome To WrenchBoard..</span>*/}
|
||||
<h1 className="appie-title">
|
||||
Earn Money with Any Skill.
|
||||
Turn Chores into Exciting Challenges and Earn <span className='earn-rewards px-2'>Rewards!</span>
|
||||
</h1>
|
||||
<p>
|
||||
The Marketplace platform to earn money with your skills, find, buy and sell professional services. Connect, build an outstanding portfolio and link to an integrated community with best services via a digital platform.
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
@@ -64,13 +64,13 @@ titleLen(title){
|
||||
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
|
||||
var postDt = new Date(i.expire).toLocaleDateString("en-US", options);
|
||||
|
||||
return (<div className="col-lg-3 col-md-6">
|
||||
return (<div className="col-md-6 col-xl-3">
|
||||
<div
|
||||
className="appie-single-service mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
|
||||
className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
|
||||
data-wow-duration="3000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="content d-flex flex-column justify-content-between align-items-center" style={{height: '260px'}}>
|
||||
<div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
|
||||
<div className="titleBox">
|
||||
<h3 className="title">
|
||||
<a href={dashUrl}>
|
||||
@@ -83,12 +83,16 @@ titleLen(title){
|
||||
<div className="blog-meta">
|
||||
<ul>
|
||||
<li className="expire">
|
||||
{/* <a href={dashUrl}><span className='font_red'> Expires : {postDt} </span></a> */}
|
||||
<a href={dashUrl}><span className='font_red'> Expires : <CountDownTimer targetDate={postDt}/> </span></a>
|
||||
<a href={dashUrl} className='d-block'>
|
||||
<div className='font_red d-flex align-items-start'>
|
||||
<div className='pr-2'>Expires :</div>
|
||||
<CountDownTimer targetDate={postDt}/>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className='lmoreTxt'>
|
||||
<div className='lmoreTxt d-flex justify-content-end align-items-center'>
|
||||
<a href={dashUrl}>
|
||||
Learn More <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
|
||||
@@ -12,7 +12,7 @@ function TrafficHomeOne() {
|
||||
<div className="appie-traffic-title">
|
||||
<h3 className="title">Performing task.</h3>
|
||||
<p>
|
||||
Performing task on WrenchBoard is easy.All you need is a free account and follow the steps below.
|
||||
Performing task on WrenchBoard is easy. All you need is a free account and follow the steps below.
|
||||
</p>
|
||||
</div>
|
||||
<div className="row">
|
||||
@@ -21,7 +21,7 @@ function TrafficHomeOne() {
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Create free account</h5>
|
||||
<h5 className="title">Create Account</h5>
|
||||
<p> To publish your skills to be hired. Your ratings will grow with performance.</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -31,7 +31,7 @@ function TrafficHomeOne() {
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Find or Accept job</h5>
|
||||
<p> Offers to get hired or search in the marketplace for your skill match.</p>
|
||||
<p> Receive Offers to get hired or search for your skills match.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
@@ -39,8 +39,9 @@ function TrafficHomeOne() {
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Complete the task professionally</h5>
|
||||
<p> Deliver client specification, communicate with instant messaging.</p>
|
||||
<h5 className="title">Complete tasks professionally</h5>
|
||||
<p> Deliver client specification to tailored solution, communicate messages in real-time using messaging platform.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
@@ -48,8 +49,8 @@ function TrafficHomeOne() {
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Get Pay for your skills put to use </h5>
|
||||
<p>Get your account credited when the job is completed, and the client authorizes payment.</p>
|
||||
<h5 className="title">Get Paid like a Pro for your skills </h5>
|
||||
<p>Obtain payment authorization after job completion and maintain client relationships. Transparent payment process for task compensation.</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="col-lg-12">
|
||||
|
||||
@@ -29,7 +29,7 @@ function HomeOne() {
|
||||
<HomeOneHeader action={drawerAction.toggle} />
|
||||
<HeroHomeOne />
|
||||
<ServicesHomeOne />
|
||||
<RecentJobsOne />
|
||||
{/*<RecentJobsOne />*/}
|
||||
<FeaturesHomeOne />
|
||||
{/*<FaqHomeOne />*/}
|
||||
{/*<TrafficHomeOne />*/}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import React, { useState } from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
|
||||
|
||||
@@ -1,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>
|
||||
|
||||
</>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React from 'react';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
|
||||
@@ -0,0 +1,110 @@
|
||||
|
||||
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;
|
||||
|
||||
@@ -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;
|
||||
@@ -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 />
|
||||
</>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
Reference in New Issue
Block a user