From be5f3ea0f225fee87f6a61c58d42ba78d313ee5f Mon Sep 17 00:00:00 2001 From: dev-chiefworks Date: Sun, 2 Jan 2022 22:10:05 -0500 Subject: [PATCH] Use case started --- src/Routes.js | 2 + src/Services/BlogData.js | 42 ++--- src/components/HomeOne/FooterHomeOne.js | 2 +- src/components/HomeOne/index.js | 2 +- src/components/UseCases/Blog.js | 215 ++++++++++++++++++++++++ src/components/UseCases/BlogSideBar.js | 109 ++++++++++++ src/components/UseCases/HeaderNews.js | 52 ++++++ src/components/UseCases/HeroNews.js | 31 ++++ src/components/UseCases/SingleNews.js | 43 +++++ src/components/UseCases/UseCase.js | 209 +++++++++++++++++++++++ src/components/UseCases/index.js | 40 +++++ 11 files changed, 724 insertions(+), 23 deletions(-) create mode 100644 src/components/UseCases/Blog.js create mode 100644 src/components/UseCases/BlogSideBar.js create mode 100644 src/components/UseCases/HeaderNews.js create mode 100644 src/components/UseCases/HeroNews.js create mode 100644 src/components/UseCases/SingleNews.js create mode 100644 src/components/UseCases/UseCase.js create mode 100644 src/components/UseCases/index.js diff --git a/src/Routes.js b/src/Routes.js index be096fa..66030ed 100644 --- a/src/Routes.js +++ b/src/Routes.js @@ -16,6 +16,7 @@ import HomeOne from './components/HomeOne'; import News from './components/News'; import SingleNews from './components/News/SingleNews'; import Service from './components/Service'; +import UseCases from './components/UseCases'; function Routes() { const [loading, setLoading] = useState(true); @@ -40,6 +41,7 @@ function Routes() { + diff --git a/src/Services/BlogData.js b/src/Services/BlogData.js index 725f5fe..97a3bee 100644 --- a/src/Services/BlogData.js +++ b/src/Services/BlogData.js @@ -38,7 +38,7 @@ getWrenchBoardBlog(); //console.log("Ameye got here"); // return blogResultData; // getWrenchBoardBlog(); - var res1 =[ + var res1 = [ { "id": 78, "ID": 78, @@ -99,7 +99,7 @@ getWrenchBoardBlog(); "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:\r\n
    \r\n \t
  1. Syndicating content (3rd party) on your website
    2. \r\n
\r\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.\r\n
    \r\n \t
  1. Syndicating your content on other blogs or websites
    2. \r\n
\r\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.\r\n
    \r\n \t
  1. Publish your content on websites syndicating their content
    2. \r\n
\r\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.\r\n
    \r\n \t
  1. Self-service syndication
    2. \r\n
\r\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.\r\n\r\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_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
    \n \t
  1. Syndicating content (3rd party) on your website
    2. \n
\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
    \n \t
  1. Syndicating your content on other blogs or websites
    2. \n
\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
    \n \t
  1. Publish your content on websites syndicating their content
    2. \n
\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
    \n \t
  1. Self-service syndication
    2. \n
\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", @@ -109,8 +109,8 @@ getWrenchBoardBlog(); "post_name": "use-syndication-techniques-promote-articles-online", "to_ping": "", "pinged": "", - "post_modified": "2017-11-23T14:04:49.000Z", - "post_modified_gmt": "2017-11-23T14:04:49.000Z", + "post_modified": "2022-01-02T22:42:09.000Z", + "post_modified_gmt": "2022-01-02T22:42:09.000Z", "post_content_filtered": "", "post_parent": 0, "guid": "https://blog.wrenchboard.com/?p=39", @@ -118,7 +118,7 @@ getWrenchBoardBlog(); "post_type": "post", "post_mime_type": "", "comment_count": 0, - "meta_value": null + "meta_value": "2022/01/wrechboard-sample.jpg" }, { "id": 37, @@ -126,7 +126,7 @@ getWrenchBoardBlog(); "post_author": 1, "post_date": "2017-11-23T14:03:39.000Z", "post_date_gmt": "2017-11-23T14:03:39.000Z", - "post_content": "Paying mind to similarity index and why ignoring it could have serious repercussions  \r\n\r\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.\r\n\r\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.\r\n\r\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.\r\n\r\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.\r\n\r\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.\r\n\r\nSimilar content can present an issue if not addressed:\r\n\r\nYour website will suffer in terms of ranking and you may end up losing traffic. Both losses typically originate from 2 main issues\r\n\r\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.\r\n\r\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.\r\n\r\nThe overall result is that the piece of content will not get the search visibility it deserves.\r\n\r\n ", + "post_content": "Paying mind to similarity index and why ignoring it could have serious repercussions  \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", @@ -136,8 +136,8 @@ getWrenchBoardBlog(); "post_name": "paying-mind-similarity-index", "to_ping": "", "pinged": "", - "post_modified": "2017-11-23T14:03:39.000Z", - "post_modified_gmt": "2017-11-23T14:03:39.000Z", + "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", @@ -145,7 +145,7 @@ getWrenchBoardBlog(); "post_type": "post", "post_mime_type": "", "comment_count": 0, - "meta_value": null + "meta_value": "2022/01/wrechboard-sample.jpg" }, { "id": 35, @@ -153,7 +153,7 @@ getWrenchBoardBlog(); "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\r\n\r\nDesign\r\n\r\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.\r\n\r\nSocial media\r\n\r\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.\r\n\r\nIT skills\r\n\r\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.\r\n\r\nOnline Courses\r\n\r\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.\r\n\r\nLanguages\r\n\r\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_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\nDesign\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\nSocial media\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\nIT skills\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\nOnline Courses\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\nLanguages\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", @@ -163,8 +163,8 @@ getWrenchBoardBlog(); "post_name": "using-internet-expand-technological-skill-set", "to_ping": "", "pinged": "", - "post_modified": "2017-11-23T14:02:54.000Z", - "post_modified_gmt": "2017-11-23T14:02:54.000Z", + "post_modified": "2022-01-02T22:44:39.000Z", + "post_modified_gmt": "2022-01-02T22:44:39.000Z", "post_content_filtered": "", "post_parent": 0, "guid": "https://blog.wrenchboard.com/?p=35", @@ -172,7 +172,7 @@ getWrenchBoardBlog(); "post_type": "post", "post_mime_type": "", "comment_count": 0, - "meta_value": null + "meta_value": "2022/01/wrechboard-sample.jpg" }, { "id": 33, @@ -180,7 +180,7 @@ getWrenchBoardBlog(); "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.\r\n\r\nYou need the right skills\r\n\r\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.\r\n\r\nYou need to be dedicated to your career\r\n\r\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.\r\n\r\nTechnical proficiency\r\n\r\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.\r\n\r\nEnsure every project has a contract\r\n\r\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.\r\n\r\nFocusing your business\r\n\r\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.\r\n\r\n ", + "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\nYou need the right skills\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\nYou need to be dedicated to your career\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\nTechnical proficiency\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\nEnsure every project has a contract\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\nFocusing your business\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", @@ -190,8 +190,8 @@ getWrenchBoardBlog(); "post_name": "implement-effective-online-career-strategy", "to_ping": "", "pinged": "", - "post_modified": "2017-11-23T14:01:30.000Z", - "post_modified_gmt": "2017-11-23T14:01:30.000Z", + "post_modified": "2022-01-02T22:44:57.000Z", + "post_modified_gmt": "2022-01-02T22:44:57.000Z", "post_content_filtered": "", "post_parent": 0, "guid": "https://blog.wrenchboard.com/?p=33", @@ -199,7 +199,7 @@ getWrenchBoardBlog(); "post_type": "post", "post_mime_type": "", "comment_count": 0, - "meta_value": null + "meta_value": "2022/01/wrechboard-sample.jpg" }, { "id": 31, @@ -207,7 +207,7 @@ getWrenchBoardBlog(); "post_author": 1, "post_date": "2017-11-23T14:00:42.000Z", "post_date_gmt": "2017-11-23T14:00:42.000Z", - "post_content": "Online freelancing jobs have seen significant growth over the past few years with the continuing rise of the digital age. More businesses and companies are moving online meaning there are more online job opportunities available for the taking. Online jobs are becoming popular due to the flexibility of work schedules, freedom, and reduced stress levels that come along with it. there are 3 approaches you can follow if you are looking to get started with an online career and your choice will often depend on your circumstances.\r\n\r\nJumping right in\r\n\r\nIndividuals with high esteem, confidence, and courage usually choose this approach. The mindset you need to have when taking this approach is that on knowing you are good at what you do and that you know you can do it. the action taken with this approach includes looking for job postings online, asking questions about it, and applying for them with high hopes that you will get the job. This approach comes with a lot of risks and disadvantages as at times you might end up not being paid by clients due to naivety. You may also not get the best possible work as you will be depending on your confidence levels and what you assume you know. Online freelancing has a lot more to it if you want to succeed doing it.\r\n\r\n‘Asking Google’\r\n\r\nThis approach is a lot better when starting out; it includes a lot of self-study. You can find so much information online on getting started with an online job and you just need to know how to research the information you want and how to find it. Many people have succeeded at an online career simply because they did sufficient research online. The disadvantage of this approach, however, is the possibility of information overload. In such a case, one would find so much knowledge online and instead of gaining from what has already been acquired, you would not be able to figure out what to do with all the knowledge you have to get started. At such a point, you may need someone to guide you and coach you on the application of everything you have learned. You should never be too proud to ask for help\r\n\r\nHandholding\r\n\r\nEssentially, this approach means that you would look for someone who can mentor, coach, and guide you in your journey starting an online career. This is the most recommended approach as you would have the benefit of the experience, support, and wisdom of someone who has already been in your position and done what you are trying to do. It will shorten the learning curve and boost your chances of succeeding. There are plenty of online freelancers out there willing to share their knowledge and time to help budding freelancers get started. Join communities and groups online that will allow you to look for answers to your questions relating to your online career.\r\n\r\n \r\n\r\n ", + "post_content": "Online freelancing jobs have seen significant growth over the past few years with the continuing rise of the digital age. More businesses and companies are moving online meaning there are more online job opportunities available for the taking. Online jobs are becoming popular due to the flexibility of work schedules, freedom, and reduced stress levels that come along with it. there are 3 approaches you can follow if you are looking to get started with an online career and your choice will often depend on your circumstances.\n\nJumping right in\n\nIndividuals with high esteem, confidence, and courage usually choose this approach. The mindset you need to have when taking this approach is that on knowing you are good at what you do and that you know you can do it. the action taken with this approach includes looking for job postings online, asking questions about it, and applying for them with high hopes that you will get the job. This approach comes with a lot of risks and disadvantages as at times you might end up not being paid by clients due to naivety. You may also not get the best possible work as you will be depending on your confidence levels and what you assume you know. Online freelancing has a lot more to it if you want to succeed doing it.\n\n‘Asking Google’\n\nThis approach is a lot better when starting out; it includes a lot of self-study. You can find so much information online on getting started with an online job and you just need to know how to research the information you want and how to find it. Many people have succeeded at an online career simply because they did sufficient research online. The disadvantage of this approach, however, is the possibility of information overload. In such a case, one would find so much knowledge online and instead of gaining from what has already been acquired, you would not be able to figure out what to do with all the knowledge you have to get started. At such a point, you may need someone to guide you and coach you on the application of everything you have learned. You should never be too proud to ask for help\n\nHandholding\n\nEssentially, this approach means that you would look for someone who can mentor, coach, and guide you in your journey starting an online career. This is the most recommended approach as you would have the benefit of the experience, support, and wisdom of someone who has already been in your position and done what you are trying to do. It will shorten the learning curve and boost your chances of succeeding. There are plenty of online freelancers out there willing to share their knowledge and time to help budding freelancers get started. Join communities and groups online that will allow you to look for answers to your questions relating to your online career.\n\n \n\n ", "post_title": "The different approaches to take when starting an online career", "post_excerpt": "", "post_status": "publish", @@ -217,8 +217,8 @@ getWrenchBoardBlog(); "post_name": "different-approaches-take-starting-online-career", "to_ping": "", "pinged": "", - "post_modified": "2017-11-23T14:00:42.000Z", - "post_modified_gmt": "2017-11-23T14:00:42.000Z", + "post_modified": "2022-01-02T22:45:26.000Z", + "post_modified_gmt": "2022-01-02T22:45:26.000Z", "post_content_filtered": "", "post_parent": 0, "guid": "https://blog.wrenchboard.com/?p=31", @@ -226,7 +226,7 @@ getWrenchBoardBlog(); "post_type": "post", "post_mime_type": "", "comment_count": 0, - "meta_value": null + "meta_value": "2022/01/wrechboard-sample.jpg" } ]; diff --git a/src/components/HomeOne/FooterHomeOne.js b/src/components/HomeOne/FooterHomeOne.js index 083b159..fb7df1e 100644 --- a/src/components/HomeOne/FooterHomeOne.js +++ b/src/components/HomeOne/FooterHomeOne.js @@ -58,7 +58,7 @@ function FooterHomeOne({ className }) { Service
  • - Use Cases + Use Cases
  • Blog diff --git a/src/components/HomeOne/index.js b/src/components/HomeOne/index.js index 71ad886..99a7ae8 100644 --- a/src/components/HomeOne/index.js +++ b/src/components/HomeOne/index.js @@ -38,7 +38,7 @@ function HomeOne() { {/**/} {/**/} - + {/**/} diff --git a/src/components/UseCases/Blog.js b/src/components/UseCases/Blog.js new file mode 100644 index 0000000..7cfa020 --- /dev/null +++ b/src/components/UseCases/Blog.js @@ -0,0 +1,215 @@ +import React from 'react'; +import singlePost from '../../assets/images/single-post/1.jpg'; +import author from '../../assets/images/single-post/author.png'; +import cmnt1 from '../../assets/images/single-post/c1.png'; +import cmnt2 from '../../assets/images/single-post/c2.png'; +import cmnt3 from '../../assets/images/single-post/c3.png'; + +function Blog() { + return ( + <> +
    +

    + Tosser posh grub he lost his bottle bamboozled show off show off pick your nose + and blow off cheesed off starkers what a load of rubbish, Jeffrey bubble and + squeak I Charles a load of old tosh some dodgy chav wind up David gormless, + hotpot arse over tit hanky panky bog-standard don't get shirty with me bloke + Richard. Smashing he legged it in my flat bodge a blinding shot amongst + brilliant blag, I grub A bit of how's your father bite your arm off the BBC the + full monty chancer, bobby bender he nicked it down the pub Why cheeky bugger. + Starkers pardon you bubble and squeak a blinding shot it's all gone to pot bits + and bobs car boot lurgy so I said cheesed off boot Harry such a fibber, naff + chinwag bamboozled the bee's knees bloke fanny around loo are you taking the + piss barney off his nut cack. Arse over tit he nicked it that matie boy lost the + plot pardon me my lady well cheers he legged it, boot bits and bobs brown bread + is cras bamboozled bite your arm off down the pub brolly, cobblers horse play + what a load of rubbish sloshed chancer say you mug cockup. Geeza some dodgy chav + bonnet Oxford so I said pukka pardon you starkers cor blimey guvnor are you + taking the piss, cheesed off in my flat cheeky posh down the pub horse play + nancy boy plastered cobblers cack, morish chinwag the BBC my good sir jolly good + cuppa amongst blatant. Grub owt to do with me cheeky bugger squiffy chinwag + pukka say hunky-dory crikey quaint fanny around jolly good brown bread up the + kyver cack zonked tickety boo mush morish. +

    +
    + +
    +

    Logotype Masterclass with Jessica Hische

    +

    + Lost the plot morish bleeder absolutely bladdered my lady chinwag that bleeding + Eaton blag, cheeky bugger burke matie boy brown bread say pukka off his nut + sloshed mufty, squiffy show off show off pick your nose and blow off brolly bite + your arm off bloke bubble and squeak hotpot happy days. Old spiffing cras bugger + blimey chancer me old mucker vagabond you mug, amongst absolutely bladdered + spend a penny ruddy wellies he lost his bottle hanky panky up the kyver bender, + give us a bell my good sir car boot pear shaped young delinquent victoria sponge + tomfoolery. Lavatory knackered pukka chip shop a blinding shot cor blimey guvnor + bodge blower, barmy faff about cheeky nice one at public school. Have it down + the pub posh matie boy wind up hunky-dory, he lost his bottle the full monty + bugger all mate cheeky bugger cras chancer, absolutely bladdered amongst + tomfoolery pukka. Knackered +

    +

    + James Bond old happy days the wireless cracking goal bloke me old mucker, arse + over tit blower mush the bee's knees chip shop the BBC, say lemon squeezy + blatant what a load of rubbish bog-standard nancy boy. Mush spiffing good time + brown bread cheeky bite your arm off chip shop bugger all mate, my lady down the + pub is faff about pukka. +

    +
    +

    + I don't want no agro brilliant are you taking the piss skive off super boot + chancer don't get shirty. +

    + Indigo Violet +
    +

    + That faff about the full monty blower bubble and squeak cheeky old matie boy + burke, the bee's knees what a load of rubbish golly gosh mufty is Elizabeth + squiffy, lurgy chimney pot Jeffrey Richard naff Queen's English cheesed off. Old + bonnet cheesed off lurgy me old mucker a blinding shot bits and bobs lavatory + barney, say no biggie jolly good mush chancer pukka what a load of rubbish, + Harry don't get shirty with me arse over tit he lost his bottle spiffing good + time bubble and squeak say. I bog Harry a load of old tosh quaint brown bread + get stuffed mate bobby, lemon squeezy boot bum bag chimney pot codswallop + amongst, lavatory twit bits and bobs pardon you daft ummm I'm telling. Blatant + matie boy say bugger all mate butty gormless, you mug pukka happy days bobby. + Down the pub what a load of rubbish geeza faff about chancer bits and bobs daft + lavatory boot victoria sponge spend a penny grub ummm I'm telling, absolutely + bladdered A bit of how's your father arse over tit do one chimney pot tomfoolery + porkies owt to do with me spiffing good time zonked. +

    +
    +
    Tags:
    + Bisy LMS + Design + General +
    +
    +
    Share:
    + + + + + + + + + +
    +
    + + Justin Case + About Author +

    + Me old mucker bits and bobs you mug tickety-boo a load of old tosh bender + mufty bloke old daft. +

    +
    +
    +
    +

    Comment (3)

    +
      +
    1. +
      + +
      + Jason Response +
      + April 03, 2019 +
      +

      + He legged it bevvy mush owt to do with me such fibber fa about + cup of tea sloshed morish butty bubble. Butty gormless lavatory + twit bits and bobs pardon you daft ummm I'm telling. +

      +
      + + Reply + +
      +
      +
        +
      • +
        + +
        + Sue Shei +
        + April 14, 2019 +
        +

        + Super chancer cheeky bloke haggle give us a bell well + mufty chinwag say bite. lavatory twit bits and bobs + pardon you daft ummm I'm telling. Blatant matie boy say + bugger all mate butty gormless +

        +
        + + Reply + +
        +
        +
        • +
      • +
        + +
        + Douglas Lyphe +
        + July 27, 2020 +
        +

        + Oxford baking cakes dropped clanger fanny around + vagabond amongst cor blimey guvnor. Blatant matie boy + say bugger all mate butty gormless lavatory twit bits + and bobs pardon you daft ummm I'm telling. +

        +
        + + Reply + +
        +
        +
        • +
      +
      2. +
    +
    +
    +

    Post a Comment

    +

    Your email address will not be published. Required fields are marked

    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    + + +
    +
    +
    + +
    +
    + +
    +
    +
    +
    + + ); +} + +export default Blog; diff --git a/src/components/UseCases/BlogSideBar.js b/src/components/UseCases/BlogSideBar.js new file mode 100644 index 0000000..b8aa0e0 --- /dev/null +++ b/src/components/UseCases/BlogSideBar.js @@ -0,0 +1,109 @@ +import React from 'react'; +import BlogImg1 from '../../assets/images/blog/p1.jpg'; +import BlogImg2 from '../../assets/images/blog/p2.jpg'; +import BlogImg3 from '../../assets/images/blog/p3.jpg'; +import BlogImg4 from '../../assets/images/blog/p4.jpg'; + +function BlogSideBar() { + return ( +
    + + + + +
    + ); +} + +export default BlogSideBar; diff --git a/src/components/UseCases/HeaderNews.js b/src/components/UseCases/HeaderNews.js new file mode 100644 index 0000000..64d8214 --- /dev/null +++ b/src/components/UseCases/HeaderNews.js @@ -0,0 +1,52 @@ +import React, { useEffect } from 'react'; +import logo from '../../assets/images/wrenchboard.png'; +import StickyMenu from '../../lib/StickyMenu'; +import Navigation from '../Navigation'; + +function HeaderNews({ action }) { + useEffect(() => { + StickyMenu(); + }); + return ( + <> +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + +
    +
    +
    +
    + + Login + + + Get Started + +
    action(e)} + className="toggle-btn ml-30 canvas_open d-lg-none d-block" + > + +
    +
    +
    +
    +
    +
    +
    + + ); +} + +export default HeaderNews; diff --git a/src/components/UseCases/HeroNews.js b/src/components/UseCases/HeroNews.js new file mode 100644 index 0000000..01a849f --- /dev/null +++ b/src/components/UseCases/HeroNews.js @@ -0,0 +1,31 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +function HeroNews({ title, breadcrumb }) { + return ( + <> +
    +
    +
    +
    +
    +

    {title}

    + +
    +
    +
    +
    +
    + + ); +} + +export default HeroNews; diff --git a/src/components/UseCases/SingleNews.js b/src/components/UseCases/SingleNews.js new file mode 100644 index 0000000..e549053 --- /dev/null +++ b/src/components/UseCases/SingleNews.js @@ -0,0 +1,43 @@ +import React from 'react'; +import useToggle from '../../Hooks/useToggle'; +import BackToTop from '../BackToTop'; +import FooterHomeOne from '../HomeOne/FooterHomeOne'; +import Drawer from '../Mobile/Drawer'; +import Blog from './Blog'; +import BlogSideBar from './BlogSideBar'; +import HeaderNews from './HeaderNews'; +import HeroNews from './HeroNews'; + +function SingleNews() { + const [drawer, drawerAction] = useToggle(false); + return ( + <> + + + +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    + + + + ); +} + +export default SingleNews; diff --git a/src/components/UseCases/UseCase.js b/src/components/UseCases/UseCase.js new file mode 100644 index 0000000..d3574ed --- /dev/null +++ b/src/components/UseCases/UseCase.js @@ -0,0 +1,209 @@ +import React from 'react'; +import blogImg1 from '../../assets/images/blog/1.jpg'; +import blogImg2 from '../../assets/images/blog/2.jpg'; +import blogImg3 from '../../assets/images/blog/3.jpg'; +import blogImg4 from '../../assets/images/blog/4.jpg'; +import blogImg5 from '../../assets/images/blog/5.jpg'; +import blogImg6 from '../../assets/images/blog/6.jpg'; +import blogImg7 from '../../assets/images/blog/7.jpg'; +import blogImg8 from '../../assets/images/blog/8.jpg'; + +function UseCase() { + return ( + <> +
    + + + + + + + + +
    +
    +
    +
    + 01 + 02 + + next + +
    +
    +
    + + ); +} + +export default UseCase; diff --git a/src/components/UseCases/index.js b/src/components/UseCases/index.js new file mode 100644 index 0000000..4d0ed9f --- /dev/null +++ b/src/components/UseCases/index.js @@ -0,0 +1,40 @@ +import React from 'react'; +import useToggle from '../../Hooks/useToggle'; +import BackToTop from '../BackToTop'; +import FooterHomeOne from '../HomeOne/FooterHomeOne'; +import Drawer from '../Mobile/Drawer'; +import UseCase from './UseCase'; +// import BlogSideBar from './BlogSideBar'; +import HeaderNews from './HeaderNews'; +import HeroNews from './HeroNews'; + +function UseCases() { + const [drawer, drawerAction] = useToggle(false); + return ( + <> + + + +
    +
    +
    +
    + +
    + +
    +
    +
    + + + + ); +} + +export default UseCases;