{"id":6559,"date":"2019-12-08T12:19:52","date_gmt":"2019-12-08T12:19:52","guid":{"rendered":"https:\/\/www.icdsoft.com\/blog\/?p=6559"},"modified":"2020-02-22T14:02:11","modified_gmt":"2020-02-22T14:02:11","slug":"how-to-start-your-own-hosting-company-at-home-the-complete-guide-part-4-completing-the-project","status":"publish","type":"post","link":"https:\/\/www.icdsoft.com\/blog\/how-to-start-your-own-hosting-company-at-home-the-complete-guide-part-4-completing-the-project\/","title":{"rendered":"How to Start Your Own Hosting Company at Home \u2013 the Complete Guide. Part 4 &#8211; Completing the Project"},"content":{"rendered":"\n<p>This is the last part of this tutorial. We will build the final pages and complete this project.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">8. Advantages<\/h2>\n\n\n\n<p>This page will highlight the advantages of our hosting service. It's similar to the standard \"Why Us?\" type of page that's used by a lot of web hosts out there. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Press the <strong>Add Template<\/strong> button with the folder icon. Under the <strong>Blocks<\/strong> tab -&gt; switch the category to \"<em>Call to Action<\/em>\" -&gt; <strong>Insert<\/strong> the one called <em>\"Finding something interesting\".<\/em><\/li><li>Switch to the <strong>Style<\/strong> tab -&gt; <strong>Background<\/strong> menu -&gt;<strong> Choose Image<\/strong> -&gt; Upload <a rel=\"noreferrer noopener\" aria-label=\"this image from Pixabay  (opens in a new tab)\" href=\"https:\/\/pixabay.com\/photos\/server-space-the-server-room-dark-2160321\/\" target=\"_blank\">this image from Pixabay <\/a>(search for \"server\") in size 1280 x 448 px and <strong>Insert<\/strong> it. At the Background Overlay menu, leave the <strong>Background Type<\/strong> set to <em>Classic<\/em>, change the <strong>Color<\/strong> to <em>#4054B2<\/em>, and set the <strong>Opacity<\/strong> to <em>0.30<\/em>. Our <strong>Title<\/strong> text is<em> \"Advantages of Our Hosting Service\"<\/em>. Delete the subtitle.<\/li><li>Click the <strong>Add Template<\/strong> button, switch the <strong>Category<\/strong> to <em>Features<\/em> and <strong>Insert<\/strong> the block with an image of a smartphone (you will see the exact one in the video below). <\/li><li>Click on the actual smartphone image in order to select it, switch to the <strong>Style<\/strong> tab, then <strong>Choose Image<\/strong>. This will load up the WordPress media library where you should switch to the Upload Files tab and upload <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/pixabay.com\/vectors\/computer-mainframe-server-icon-98401\/\" target=\"_blank\">this image from Pixabay<\/a> (search for \"server\") in format 551 x 640 px. <\/li><li>At the left column, select the first item on top labeled \"Design\", right-click on it and select \"Duplicate\". <\/li><li>At the right column, select the first item on top labeled \"Dev System\", right-click on it and select \"Duplicate\".<\/li><li>At the left column, select the first item, open the <strong>Icon Box<\/strong> menu under the <strong>Content<\/strong> tab, hover over the star image and click on<strong> Icon Library<\/strong>. When the library loads, search for <em>\"shipping\"<\/em> and <strong>Insert<\/strong> the image of a truck. Change the title to \"free website migration\" and enter <code>&lt;p style=\"color:black\"&gt;We will move over your existing website from your previous host at no extra cost.&lt;\/p&gt; <\/code>. It's really important to use the &lt;p&gt; tag as having the text in black color allows it to stand out better. <\/li><li>Repeat step 7 for the rest of the items. You can see the actual text at the HectoHost website. For icons, search for <em>\"lock\" (for the Free SSL certificates), \"mail bulk\" (Email Included), \"credit\" (100-Day Money-back\"), \"save\" (Free Daily Backups), \"carry\" (Outstanding Support). <\/em>Of course, you can opt to use other icons of your liking. When entering the text, make sure to place it within the <code>&lt;p style=\"color:black\"&gt;&lt;\/p&gt;<\/code> tags. <\/li><\/ol>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><iframe  id=\"_ytid_64447\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/wMLEsNGwZJI?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">9. Data Centers<\/h2>\n\n\n\n<p>Moving on to the next page on the list - Data Centers. It will provide details about the three available data centers - Neterra (Europe), Cyxtera (USA), CenturyLink (Hong Kong). <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Press the <strong>Add Template<\/strong> button with the folder icon. Under the <strong>Blocks<\/strong> tab -&gt; switch the category to \"<em>Call to Action<\/em>\" -&gt; <strong>Insert<\/strong> the one called <em>\"Finding something interesting\".<\/em><\/li><li>Switch to the <strong>Style<\/strong> tab -&gt; <strong>Background<\/strong> menu -&gt; <strong>Choose Image<\/strong> -&gt; Upload <a rel=\"noopener noreferrer\" href=\"https:\/\/pixabay.com\/photos\/server-space-the-server-room-dark-2160321\/\" target=\"_blank\">this image from Pixabay<\/a> (search for \"world map\") in size 1280 x 401 px and <strong>Insert<\/strong> it. At the <strong>Background Overlay<\/strong> menu, leave the <strong>Background Type<\/strong> set to <em>Classic<\/em>, change the <strong>Color<\/strong> to <em>#4054B2<\/em>, and set the <strong>Opacity<\/strong> to <em>0.30<\/em>. Our <strong>Title<\/strong> text is \"Data Centers\" (white color) with subtitle \"<em>With servers in USA (Cyxtera), Europe (Neterra), and Hong Kong (Centurylink), we provide our clients with a wide range of options to ensure their requirements for connectivity and performance are met with excellence.<\/em>\"<\/li><li>Press the <strong>Add Template<\/strong> button, go to the <strong>Blocks<\/strong> tab, change the <strong>Category<\/strong> to <em>Contacts<\/em> and <strong>Insert<\/strong> the one with the <em>\"Welcome\" <\/em>title as shown in the walkthrough video below.<\/li><li>Press <strong>Add New Selection<\/strong> and select the <strong>1-column structure<\/strong>. Drag and drop a <strong>Heading<\/strong> type of Elementor element. Set the <strong>Title<\/strong> of the header to <em>\"Cyxtera \/ USA\"<\/em> and change its size to <em>XXL<\/em>. <\/li><li>Click on the <strong>Edit Google Maps<\/strong> menu and enter the data center address. <\/li><li>Enter the data center specs and features.<\/li><li>Repeat steps 3, 4, 5 and 6 for the other two data centers <em>- CenturyLink \/ Hong Kong<\/em>, and <em>Neterra \/ Europe<\/em>. You can get the actual details from the <a rel=\"noopener noreferrer\" href=\"https:\/\/www.hectohost.com\/data-centers\/\" target=\"_blank\">HectoHost website<\/a>. <\/li><\/ol>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><iframe  id=\"_ytid_13081\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/Maoxq-L6tBQ?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">10. Contacts<\/h2>\n\n\n\n<p>The last item on the Company menu is Contacts. This page will contain a contact form along with a couple of information sections that would outline how potential buyers and existing customers can find more information about our hosting services. <\/p>\n\n\n\n<p>One of the great things about WordPress is that there are ready-made plugins for just about anything you can think of. We will install a new plugin that will set up the contact form automatically. Navigate to the Plugins menu at the WordPress dashboard, select <strong>Add New<\/strong>, and search for <em>\"contact form 7\"<\/em>. <strong>Install<\/strong> it and <strong>Activate<\/strong> it. <\/p>\n\n\n\n<p>Add that point, you should have a new <strong>Contact<\/strong> menu item on the left side of your dashboard. Hover over it and click on the <strong>Contact Forms<\/strong>. Good news is that it comes with a default form, which is actually OK for most websites, so we will use it directly on our Contacts page. Click on <strong>Edit<\/strong> under the <em>\u201cContact form 1\u201d<\/em> title (that\u2019s the ready-to-use form that comes with the  plugin). The most important part is to make sure you have a valid <em>\u201cTo\u201d<\/em>  (recipient) email address under the <strong>Mail<\/strong> tab as that's where the contact form entries would be sent. The other important thing is to Copy the <strong>shortcode<\/strong> highlighted in blue on top. Paste it in a text editor in order to have it ready for the Contacts page that we will build, or just keep in your clipboard. <\/p>\n\n\n\n<p>Now that we have the contact form ready, let's go ahead and build the actual Contacts page with Elementor. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Press the <strong>Add Template<\/strong> button with the folder icon. Under the <strong>Blocks<\/strong> tab -&gt; switch the category to \"<em>Call to Action<\/em>\" -&gt; <strong>Insert<\/strong> the one called <em>\"Finding something interesting\".<\/em><\/li><li>Switch to the <strong>Style<\/strong> tab -&gt; <strong>Background<\/strong> menu -&gt; Choose Image -&gt; Upload <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/pixabay.com\/photos\/tablet-ipad-read-screen-swipe-1075790\/\" target=\"_blank\">this image from Pixabay<\/a> (search for \"contact\") in size 1128 \u00d7 785 px and <strong>Insert<\/strong> it. At the <strong>Background Overlay<\/strong> menu, leave the <strong>Background Type<\/strong> set to <em>Classic<\/em>, change the <strong>Color<\/strong> to <em>#4054B2<\/em>, and set the <strong>Opacity<\/strong> to <em>0.30<\/em>. Our <strong>Title<\/strong> text is \"Contact Us\".<\/li><li>Click the <strong>Add Template<\/strong> button, change the <strong>Category<\/strong> to <em>Contacts<\/em> and <strong>Insert<\/strong> the one titled <em>\"For any inquiries please email\"<\/em>. You will see it in the step-by-step video below. Once you've inserted it, update the contact email to yours. <\/li><li>Click the <strong>Add New Section<\/strong> button and select the 2-column structure. <\/li><li>Drag and drop an HTML type of Elementor element in the left column. In the actual HTML Code field of that element, paste the shortcode from the Contact Form plugin. It should be similar to <code>[contact-form-7 id=\"169\" title=\"Contact form 1\"]<\/code>. Disregard the fact that you are not seeing the actual form just yet. The form will be generated correctly when you try to Preview the page and once you publish it. <\/li><li>Drag and drop an <strong>Alert<\/strong> type of Elementor element in the right column. Change its <strong>Title<\/strong> to <em>\"Knowledge Base\"<\/em> and place a link to the KB hosted at SureSupport.com. <\/li><li>Drag-and-drop another <strong>Alert<\/strong> type of element in the right column just below the first one. Change its <strong>Title<\/strong> to \"SureSupport.com\" and place a link to the ticketing system at SureSupport informing your end customers that they can get help by submitting a ticket there. <\/li><\/ol>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><iframe  id=\"_ytid_81330\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/8aBluXXoYqw?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div><figcaption><em>This video will guide you through the process of setting up the Contacts Page. <\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">11. Support<\/h2>\n\n\n\n<p>The support team is one of the most important characteristics of a good web hosting service. The great thing about our reseller program is that you won't have to spend a dime on technical support. Your customers can register (for free) and contact the support team at any time. And our support service is not only free, it's great. That's why we've decided to devote an entire page on the website for it. Let's start. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Click the <strong>Add Template<\/strong> button, switch to the <strong>Pages<\/strong> tab and <strong>Import<\/strong> the one we used for the Home page. Again, you will see it in the video below. <\/li><li>Change the <strong>Title<\/strong> text to \"<em>Need Help? Just Contact Our Support Team\". <\/em> Switch to the <strong>Style<\/strong> tab, click on the <strong>Typography<\/strong> button and change the size of the text to 30. <\/li><li>Right-click on Pencil icon (at upper-right corner) in the video at the Header and <strong>Delete<\/strong> it. <\/li><li>Drag-and-drop the <em>\"Get Started\"<\/em> button to the right column where the video was originally placed. Change its <strong>Title<\/strong> to <em>\"Submit Ticket\"<\/em>. Set its <strong>Alignment<\/strong> to <em>Right<\/em>. Set it to <strong>Link<\/strong> to <em>https:\/\/suresupport.com <\/em>and enable the option <strong>\"Open in new window\"<\/strong>. At the <strong>Advanced<\/strong> tab, change the <strong>Top Padding<\/strong> from 50 to 0. <\/li><li>Select the entire Header section. At the Layout menu, set the Minimum Height to 400.  At the <strong>Style<\/strong> tab -&gt; <strong>Background<\/strong> menu -&gt; Choose Image -&gt; Upload <a rel=\"noreferrer noopener\" aria-label=\"this image from Pixabay (opens in a new tab)\" href=\"https:\/\/pixabay.com\/photos\/adventure-height-climbing-mountain-1807524\/\" target=\"_blank\">this image from Pixabay<\/a> (search for \"help\") in size 1128 \u00d7 785 px and <strong>Insert<\/strong> it. At the <strong>Background Overlay<\/strong> menu, make sure the <strong>Background Type<\/strong> is set to <em>Classic<\/em>, the <strong>Color<\/strong> should be <em>#4054B2<\/em>, and set the <strong>Opacity<\/strong> to <em>0.30<\/em>. At the Background menu, change the Position of the Image to Bottom Center. <\/li><li>Scroll down to the section below and change the <strong>Title<\/strong> of the first item from \"minimize your documents\" to <em>\"have a problem?\"<\/em>. The description can be <em>\"Something's wrong with your website or you need help setting up your email app? Ask us anything you want, and our support team will do their best to assist you.\"<\/em> Click on the<strong> Icon Library<\/strong> button and <strong>Insert<\/strong> <em>\"arrow alt circle right\"<\/em>. <\/li><li>Change the <strong>Title<\/strong> of the second item from \"automate repeating tasks\" to <em>\"submit a ticket\"<\/em>. The description can be <em>\"You can submit us a ticket at suresupport.com. If you do not have a support account yet, please kindly sign up for your free account through http:\/\/www.suresupport.com\/new.\"<\/em> Click on the<strong> Icon Library<\/strong> button and <strong>Insert<\/strong> <em>\"arrow alt circle down\"<\/em>. <\/li><li>Change the <strong>Title<\/strong> of the second (right) item on the second row from \"saved to the cloud\" to<em> \"industry leading ticket system\"<\/em>. The description can be <em>\"Our ticketing system is designed, so that we can process customer requests securely and quickly. It has features that email does not have, such as history, logs, and statistics allowing us to resolve customer issues more efficiently. \"<\/em> Click on the<strong> Icon Library<\/strong> button and <strong>Insert<\/strong> <em>\"arrow circle left\"<\/em>.<\/li><li>Change the <strong>Title<\/strong> of the first (left) item on the second row from \"follow client payments\" to <em>\"Get a response in 15 minutes\"<\/em>. The description can be <em>\"Submit your inquiry via live chat, email or ticket, and you will get a response within 15 minutes.  Our support team have processed over  a million tickets with an average response time of 7 minutes!<\/em>\" Click on the<strong> Icon Library<\/strong> button and <strong>Insert<\/strong> \"clock\". <\/li><li><strong>Delete<\/strong> the entire section below with a Title of \"Choose the perfect plan\". <\/li><li>Update the FAQ Items to your liking. You can get ideas from the <a rel=\"noopener noreferrer\" href=\"https:\/\/hectohost.com\/support\" target=\"_blank\">HectoHost website<\/a>.<\/li><li><strong>Delete<\/strong> the <strong>Text Editor <\/strong>element below saying<em> \"Workflow Optimization is a cross platform message optimization app for all devices.&nbsp;<a href=\"https:\/\/test.hectohost.com\/support\/?elementor-preview=43&amp;ver=1578588001#\" target=\"_blank\" rel=\"noopener\">Contact Us<\/a>\". <\/em><\/li><li><strong>Delete<\/strong> the entire section below with a title \"Our clients say\". <\/li><\/ol>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><iframe  id=\"_ytid_80652\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/LWxhaQTlig4?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">12. Order<\/h2>\n\n\n\n<p>The last page on our website, but perhaps the most important one, contains the actual order form allowing visitors to purchase a hosting account with or without a domain name registration. The list of available plans depends on the plans you have enabled in the configuration of your Online Store. Of course, this implies that you have connected the plugin to your actual store as we covered in the <a rel=\"noopener noreferrer\" href=\"https:\/\/www.icdsoft.com\/blog\/start-your-own-hosting-company\/\" target=\"_blank\">first part<\/a> of this tutorial. <\/p>\n\n\n\n<p>The page itself would be quite basic with the header image on top and an order form below. The way the order form is created is similar to the contact form we placed on the Contacts page. Our ICDSoft Reseller Store plugin allows you to generate the entire form by using a simple HTML shortcode - <code>[hostingorder]<\/code>. <\/p>\n\n\n\n<p>The page we will use is actually created automatically upon activating our ICDSoft Reseller Store plugin. It's called Hosting Order. If you remember, we created an Order page in part two of our tutorial, but we will go ahead and directly use the one created by the plugin. To do that, we will have to remove the old <em>\"Order\"<\/em> page from the <strong>Menu<\/strong> and add the one created by the plugin called <em>\"Hosting Order\"<\/em>. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Navigate to the <strong>Appearance<\/strong> menu under the dashboard and select <strong>Menus<\/strong>. <\/li><li>Under the <strong>Menu Structure<\/strong>, click on the <em>Order<\/em> item, which is the last on the list, and click <strong>Remove<\/strong>. On the left side, you will see the <strong>Add menu items<\/strong> list, select the one called <em>\"Hosting Order\"<\/em> and press the <strong>Add to Menu<\/strong> button. Expand the newly added menu item and change its <strong>Navigation Label<\/strong> from <em>\"Hosting Order\"<\/em> to just <em>\"Order\"<\/em>. <\/li><li>Press the Save Menu button on top.<\/li><li>Now, go to the <strong>Pages<\/strong> menu, <strong>All Pages<\/strong>, click <strong>Edit<\/strong> under <strong>Hosting Order<\/strong>. Change the <strong>Content Layout<\/strong> to <em>\"100% Full Width\" <\/em>and disable the <em>\"Display Page Title\"<\/em>. Press <strong>Update<\/strong>.<\/li><li>Click the<strong> Edit with Elementor<\/strong> button on top. <\/li><li>Once the page loads, you will see the actual order form. It's ready-made as that page contains the <strong>[hostingorder]<\/strong> shortcode by default. Click on the <strong>Add Section<\/strong> button designated by the plus sign on top of the existing section with the order form.<\/li><li>Press the <strong>Add Template<\/strong> button with the folder icon. Under the <strong>Blocks<\/strong> tab -&gt; switch the category to \"<em>Call to Action<\/em>\" -&gt; Insert the one called \"Finding something interesting\".<\/li><li>Switch to the <strong>Style<\/strong> tab -&gt; <strong>Background<\/strong> menu -&gt; Choose Image -&gt; <strong>Insert<\/strong> <a rel=\"noreferrer noopener\" aria-label=\"this image from Pixabay (opens in a new tab)\" href=\"https:\/\/pixabay.com\/photos\/technology-servers-server-1587673\/\" target=\"_blank\">this image from Pixabay<\/a> (you should already have it in your Media Library) in size 1280 \u00d7 960 px. At the <strong>Background Overlay<\/strong> menu, leave the <strong>Background Type<\/strong> set to <em>Classic<\/em>, change the <strong>Color<\/strong> to <em>#4054B2<\/em>, and set the <strong>Opacity<\/strong> to <em>0.30<\/em>. Our <strong>Title<\/strong> text is \"<em>Get Your Hosting Account Now\" <\/em>with Subtitle <em>\"Fast and Reliable Hosting With Outstanding Customer Support\"<\/em>. The color of the <strong>Title<\/strong> text should be set to <em>white<\/em> via the <strong>Style<\/strong> tab. <\/li><\/ol>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><iframe  id=\"_ytid_51046\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/o5nrPq8cOWA?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Final<\/h2>\n\n\n\n<p>With that last page completed, our fictional but fully working <a rel=\"noreferrer noopener\" aria-label=\"HectoHost.com (opens in a new tab)\" href=\"https:\/\/hectohost.com\" target=\"_blank\">HectoHost.com<\/a> website is ready.  Hopefully, this will inspire some of you out there to give it a try. Remember, you've got nothing to lose. There is zero financial investment needed and it's absolutely risk and obligation free. <\/p>\n\n\n\n<p>You have all the information and tools freely available at your disposal, so go ahead and start your own online business in the web hosting industry from the comfort of your home. <strong>We wish you good luck!<\/strong> <\/p>\n\n\n\n<p>If you have any questions about this entire process, don't hesitate to reach out to us via the Live Chat on our website or via email at support@icdsoft.com. Of course, if you are an existing customer, you can post us a ticket. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>We have three items (pages) under the Company menu that we will build in this last part of our tutorial. <\/p>\n","protected":false},"author":1,"featured_media":7065,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[4,1,3,11],"tags":[],"class_list":{"0":"post-6559","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-resellers","8":"category-general","9":"category-how-to","10":"category-wordpress"},"author_meta":{"display_name":"ICDSoft","author_link":"https:\/\/www.icdsoft.com\/blog\/author\/icdsoft\/"},"featured_img":"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/12\/order-page-resized-300x147.png","featured_image_src":"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/12\/order-page-resized.png","featured_image_src_square":"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/12\/order-page-resized.png","author_info":{"display_name":"ICDSoft","author_link":"https:\/\/www.icdsoft.com\/blog\/author\/icdsoft\/"},"coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/www.icdsoft.com\/blog\/category\/resellers\/\" class=\"advgb-post-tax-term\">Resellers<\/a>","<a href=\"https:\/\/www.icdsoft.com\/blog\/category\/general\/\" class=\"advgb-post-tax-term\">General<\/a>","<a href=\"https:\/\/www.icdsoft.com\/blog\/category\/how-to\/\" class=\"advgb-post-tax-term\">How To<\/a>","<a href=\"https:\/\/www.icdsoft.com\/blog\/category\/wordpress\/\" class=\"advgb-post-tax-term\">WordPress<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Resellers<\/span>","<span class=\"advgb-post-tax-term\">General<\/span>","<span class=\"advgb-post-tax-term\">How To<\/span>","<span class=\"advgb-post-tax-term\">WordPress<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 7 years ago","modified":"Updated 7 years ago"},"absolute_dates":{"created":"Posted on December 8, 2019","modified":"Updated on February 22, 2020"},"absolute_dates_time":{"created":"Posted on December 8, 2019 12:19 pm","modified":"Updated on February 22, 2020 2:02 pm"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/posts\/6559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/comments?post=6559"}],"version-history":[{"count":68,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/posts\/6559\/revisions"}],"predecessor-version":[{"id":7087,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/posts\/6559\/revisions\/7087"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/media\/7065"}],"wp:attachment":[{"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/media?parent=6559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/categories?post=6559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/tags?post=6559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}