lass=\" fusion-imageframe imageframe-none imageframe-31 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryNewsCTA-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[cd495e6d58be5d1b15e]\" data-title=\"Avada+Winery+News+CTA 2\" title=\"Avada+Winery+News+CTA 2\"><img width=\"1903\" height=\"714\" alt=\"Avada Winery Recent News\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryNewsCTA-2.jpg\" class=\"img-responsive wp-image-867074\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryNewsCTA-2-200x75.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryNewsCTA-2-400x150.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryNewsCTA-2-600x225.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryNewsCTA-2-800x300.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryNewsCTA-2-1200x450.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryNewsCTA-2.jpg 1903w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-72\"><p>For this example, t<span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">his section uses three 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>. The first contains a <a href=\"https://avada.theme-fusion.com/design-elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title </a>and <a href=\"https://avada.theme-fusion.com/design-elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Box Element</a>, the second has a <a href=\"https://theme-fusion.com/documentation/avada/elements/blog-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Blog Element</a> that is setup to display 3 Columns, the 3 latest posts published in a Grid Layout, with a <a href=\"https://avada.theme-fusion.com/design-elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a> redirecting you to the Blog page, in the last Column.</span></p>\n</div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-10{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-10 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-10{width:100% !important;order : 0;}.fusion-builder-column-10 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-10{width:100% !important;order : 0;}.fusion-builder-column-10 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-11{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-12 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-11 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-75{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-75 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:10px;\" id=\"footer\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">The Footer</h2></div><div class=\"fusion-text fusion-text-73\"><p>A website footer aims to help visitors by providing appropriate information and navigation options at the bottom of website pages. Website footer design is underrated and more valuable to your website than you may think and is essential to the overall end-user experience. Three key points stand out, namely:</p>\n</div><ul class=\"fusion-checklist fusion-checklist-21\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#ff6365;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer should provide a website visitor with additional choices. If you want people to sign up for your mailing list, view a product demo, or contact you, inviting them at the end of a scroll is a compelling call to action.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#ff6365;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer should create a path for continued engagement by including navigation links to products, services, or other parts of your website.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#ff6365;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer can access essential information like ways to contact your company and customer services, privacy statements, and potential legal disclaimers.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-74\"><p>For the <a href=\"https://avada.theme-fusion.com/winery/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Winery</a> prebuilt website, the Footer was created using the Avada <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-footer-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Footer Builder</a> and this particular Footer content and Layout is set to display globally across the website. This means that every page and post will use the same Footer layout without any further conditions set. For example, you can change this if required by creating a unique Footer layout for different pages or posts. Let us take a closer look below:</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-76{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-76 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Footer Content</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-32 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryFooter-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[6f7734b7494a184b92a]\" data-title=\"Avada+Winery+Footer 2\" title=\"Avada+Winery+Footer 2\"><img width=\"1901\" height=\"659\" alt=\"Avada Winery Footer\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryFooter-2.jpg\" class=\"img-responsive wp-image-867075\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryFooter-2-200x69.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryFooter-2-400x139.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryFooter-2-600x208.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryFooter-2-800x277.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryFooter-2-1200x416.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWineryFooter-2.jpg 1901w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-75\"><p>There is a single Container with a <a href=\"https://theme-fusion.com/documentation/avada/media/how-background-images-work-in-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">Background Image</a>, and a series of <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>that make up the structure. Here you will find a one 1/1 (100% width) Colum in the first row with an <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Element</a>. In the second row you will find three 1/5 (20% width) Columns, with the Left and Middle Columns containing a Menu Element and the Right uses the <a href=\"https://theme-fusion.com/documentation/avada/elements/avada-form-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Form Element</a>. <span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">You can check how this is structured on the backend clicking this </span><span style=\"background-color: rgba(255, 255, 255, 0); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Winery-Global-Footer.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">link</a></span><span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">.</span></p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-77{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-77 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Footer Subscription Form</h4></div><div style=\"text-align:center;\"><span class=\" fusion-imageframe imageframe-none imageframe-33 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWinerySubscriptionform-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[eb220b72b778be87880]\" data-title=\"Avada+Winery+Subscription+form 2\" title=\"Avada+Winery+Subscription+form 2\"><img width=\"517\" height=\"291\" alt=\"Avada Winery Footer Subscription Form\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWinerySubscriptionform-2.jpg\" class=\"img-responsive wp-image-867076\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWinerySubscriptionform-2-200x113.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWinerySubscriptionform-2-400x225.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/AvadaWinerySubscriptionform-2.jpg 517w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 517px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-76\"><p>Different to adding a Subscription Form through the builder, this form has been created and then added to the footer to display <a href=\"https://theme-fusion.com/documentation/avada/forms/avada-forms-global-options/\" target=\"_blank\" rel=\"noopener noreferrer\">globally</a> across the website. This is a great way to suggest to your website visitors to subscribe to your business newsletter and hence improve engagement.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-78{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-78 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:10px;\" id=\"summary\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">In Summary</h2></div><div class=\"fusion-text fusion-text-77\"><p>There are <span class=\"fusion-cs-live-demos\">83</span> <a href=\"https://bit.ly/3uN4jSR\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> prebuilt websites to choose from, with more being added regularly. Our amazing design team created these prebuilt websites as a way to give you a head start when building your <a href=\"https://bit.ly/3uN4jSR\" target=\"_blank\" rel=\"noopener noreferrer\">next</a> website.</p>\n<p>You can change the styling, Layouts, content as much or as little as you need to quickly adapt any individual prebuilt site to suit your chosen niche. Get started with the Avada Website Builder today and launch your business online; Fast.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-6 .fusion-button-text, .fusion-button.button-6 i {color:#fff;}.fusion-button.button-6 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-6:hover .fusion-button-text, .fusion-button.button-6:hover i,.fusion-button.button-6:focus .fusion-button-text, .fusion-button.button-6:focus i,.fusion-button.button-6:active .fusion-button-text, .fusion-button.button-6:active{color:#fff;}.fusion-button.button-6:hover .fusion-button-icon-divider, .fusion-button.button-6:hover .fusion-button-icon-divider, .fusion-button.button-6:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-6:hover, .fusion-button.button-6:focus, .fusion-button.button-6:active{border-color:#fff;}.fusion-button.button-6 {border-color:#fff;border-radius:2px;}.fusion-button.button-6{background: #f86635;}.fusion-button.button-6:hover,.button-6:focus,.fusion-button.button-6:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-6 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" href=\"https://bit.ly/3uN4jSR\"><span class=\"fusion-button-text\">Buy Avada Winery For Only $60</span><i class=\"fa-shopping-cart fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-11{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-11 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-11{width:100% !important;order : 0;}.fusion-builder-column-11 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-11{width:100% !important;order : 0;}.fusion-builder-column-11 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-12{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div></p>\n<p>The post <a rel=\"nofollow\" href=\"https://theme-fusion.com/avada-winery-deconstructing-a-prebuilt-website/\">Avada Winery: Deconstructing a Prebuilt Website</a> appeared first on <a rel=\"nofollow\" href=\"https://theme-fusion.com\">ThemeFusion | Avada Website Builder</a>.</p>\n\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:36:\"http://wellformedweb.org/CommentAPI/\";a:1:{s:10:\"commentRss\";a:1:{i:0;a:5:{s:4:\"data\";s:77:\"https://theme-fusion.com/avada-winery-deconstructing-a-prebuilt-website/feed/\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:38:\"http://purl.org/rss/1.0/modules/slash/\";a:1:{s:8:\"comments\";a:1:{i:0;a:5:{s:4:\"data\";s:1:\"1\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}}}i:2;a:6:{s:4:\"data\";s:85:\"\n		\n		\n					\n		\n		\n		\n				\n		\n		\n		\n		\n		\n\n					\n										\n					\n					\n			\n		\n		\n			\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";s:5:\"child\";a:5:{s:0:\"\";a:7:{s:5:\"title\";a:1:{i:0;a:5:{s:4:\"data\";s:56:\"Avada Interior Design: Deconstructing a Prebuilt Website\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:4:\"link\";a:1:{i:0;a:5:{s:4:\"data\";s:81:\"https://theme-fusion.com/avada-interior-design-deconstructing-a-prebuilt-website/\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:8:\"comments\";a:1:{i:0;a:5:{s:4:\"data\";s:90:\"https://theme-fusion.com/avada-interior-design-deconstructing-a-prebuilt-website/#comments\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:7:\"pubDate\";a:1:{i:0;a:5:{s:4:\"data\";s:31:\"Tue, 20 Jul 2021 13:09:46 +0000\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:8:\"category\";a:5:{i:0;a:5:{s:4:\"data\";s:17:\"Prebuilt Websites\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:1;a:5:{s:4:\"data\";s:5:\"Avada\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:2;a:5:{s:4:\"data\";s:15:\"Beginners Guide\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:3;a:5:{s:4:\"data\";s:10:\"Web Design\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:4;a:5:{s:4:\"data\";s:8:\"Branding\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:4:\"guid\";a:1:{i:0;a:5:{s:4:\"data\";s:34:\"https://theme-fusion.com/?p=868791\";s:7:\"attribs\";a:1:{s:0:\"\";a:1:{s:11:\"isPermaLink\";s:5:\"false\";}}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:11:\"description\";a:1:{i:0;a:5:{s:4:\"data\";s:636:\"<p>Say hello to Avada Interior Design. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Interior Design can be imported at the click of a button and is highly flexible. Every aspect of the prebuilt website is easily customizable, and it can be adapted and branded to suit any [...]</p>\n<p>The post <a rel=\"nofollow\" href=\"https://theme-fusion.com/avada-interior-design-deconstructing-a-prebuilt-website/\">Avada Interior Design: Deconstructing a Prebuilt Website</a> appeared first on <a rel=\"nofollow\" href=\"https://theme-fusion.com\">ThemeFusion | Avada Website Builder</a>.</p>\n\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:32:\"http://purl.org/dc/elements/1.1/\";a:1:{s:7:\"creator\";a:1:{i:0;a:5:{s:4:\"data\";s:8:\"Schantel\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:40:\"http://purl.org/rss/1.0/modules/content/\";a:1:{s:7:\"encoded\";a:1:{i:0;a:5:{s:4:\"data\";s:147369:\"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-13 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-12 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-78\"><p>Say hello to <a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a>. This <a href=\"https://bit.ly/3vGtmr9\" target=\"_blank\" rel=\"noopener noreferrer\">Avada </a>prebuilt website is ideal for beginners, marketers, professionals and anyone in between. <a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a> can be imported at the click of a button and is highly flexible. Every aspect of the prebuilt website is easily customizable, and it can be adapted and branded to suit any business model or venture using the Avada Website Builder.</p>\n<p>In this article, we will explore the header, footer, and homepage layouts that make up the overall website structure to explore how the <a href=\"https://avada.theme-fusion.com/website-builder-features/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> is used to create successful websites. The <a href=\"https://theme-fusion.com/avada-takeout-deconstructing-a-prebuilt-website/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a> article is a part of a deconstruction series and is the follow-on article that explores the <a href=\"https://theme-fusion.com/avada-takeout-deconstructing-a-prebuilt-website/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Takeout</a> prebuilt website. It is important to highlight that <a href=\"https://bit.ly/3vGtmr9\" target=\"_blank\" rel=\"noopener noreferrer\">Avada </a>gives you total design freedom to create unique layouts for your website that work, with the only limit being your imagination.</p>\n</div><div class=\"fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-8 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-7 .fusion-button-text, .fusion-button.button-7 i {color:#fff;}.fusion-button.button-7 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-7:hover .fusion-button-text, .fusion-button.button-7:hover i,.fusion-button.button-7:focus .fusion-button-text, .fusion-button.button-7:focus i,.fusion-button.button-7:active .fusion-button-text, .fusion-button.button-7:active{color:#fff;}.fusion-button.button-7:hover .fusion-button-icon-divider, .fusion-button.button-7:hover .fusion-button-icon-divider, .fusion-button.button-7:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-7:hover, .fusion-button.button-7:focus, .fusion-button.button-7:active{border-color:#fff;}.fusion-button.button-7 {border-color:#fff;border-radius:2px;}.fusion-button.button-7{background: #f86635;}.fusion-button.button-7:hover,.button-7:focus,.fusion-button.button-7:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-7 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://avada.theme-fusion.com/interior-design/\"><span class=\"fusion-button-text\">View Live</span><i class=\"fa-eye fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-8{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-8 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-8{width:100% !important;order : 0;}.fusion-builder-nested-column-8 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-8{width:100% !important;order : 0;}.fusion-builder-nested-column-8 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-9 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-8 .fusion-button-text, .fusion-button.button-8 i {color:#fff;}.fusion-button.button-8 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-8:hover .fusion-button-text, .fusion-button.button-8:hover i,.fusion-button.button-8:focus .fusion-button-text, .fusion-button.button-8:focus i,.fusion-button.button-8:active .fusion-button-text, .fusion-button.button-8:active{color:#fff;}.fusion-button.button-8:hover .fusion-button-icon-divider, .fusion-button.button-8:hover .fusion-button-icon-divider, .fusion-button.button-8:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-8:hover, .fusion-button.button-8:focus, .fusion-button.button-8:active{border-color:#fff;}.fusion-button.button-8 {border-color:#fff;border-radius:2px;}.fusion-button.button-8{background: #f86635;}.fusion-button.button-8:hover,.button-8:focus,.fusion-button.button-8:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-8 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" href=\"https://bit.ly/3vGtmr9\"><span class=\"fusion-button-text\">Purchase For $60</span><i class=\"fa-shopping-cart fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-9{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-9 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-9{width:100% !important;order : 0;}.fusion-builder-nested-column-9 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-9{width:100% !important;order : 0;}.fusion-builder-nested-column-9 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;flex-grow:10;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-79{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-79 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Overview</h2></div><ul class=\"fusion-checklist fusion-checklist-22\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#features\">Styling and Features</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#performance\">Performance &#038; Optimization</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#palette\">Color Palette</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#typography\">Typography</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#getstarted\">To Get Started You Will Need The Following</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#plugins\">Recommended Plugins</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#support\">World-Class Support And Resources</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#prebuiltwebsite\">What is a Prebuilt Website?</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#install\">Fast One-Click Install</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#structure\">Website Structure</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#layouts\">Explaining Layouts &#038; Layout Sections</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#wordpresspages\">Explaining WordPress Pages vs. Posts</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#change\">What Can I Change? Is the Design Flexible?</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#comparison\">A Side By Side Comparison</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#homepage\">Exploring The Homepage Layout</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#footer\">The Footer</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#summary\">In Summary</a></div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-80{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-80 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"features\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Styling and Features</h2></div><div class=\"fusion-text fusion-text-79\"><p>Creating a <a href=\"https://theme-fusion.com/how-to-create-a-style-guide-for-your-wordpress-website/\" target=\"_blank\" rel=\"noopener noreferrer\">style guide</a> for your website will prove to be invaluable in the future. A style guide will help you to address <a href=\"https://theme-fusion.com/documentation/avada/avada-for-developers/wcag-2-1-aa-accessibility-and-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">usability</a>, the user experience, design consistency, and online trends in an organized and consistent manner.</p>\n<p>The <a href=\"https://avada.theme-fusion.com/avada-website-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> has a vast array of features and styling options; however, you do not need to use all of them for your website, and this is where your style guide comes in. Decide upfront which styling options align with your brand and which design features are needed to make your website stand out.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-81{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-81 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"performance\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Performance &amp; Optimization</h2></div><div class=\"fusion-text fusion-text-80\"><p><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Optimizing</a> your websites for page load speed can be a seemingly complex subject because so many different facets affect how fast a page loads. It can range from the server&#8217;s speed to the options and settings selected, right through to the type and amount of content and even the size of the images added to the page or post.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-82{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-82 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">The Avada Performance Wizard</h3></div><div class=\"fusion-text fusion-text-81\"><p>The <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">Performance Wizard</a> takes the guesswork out of how to best optimize your <a href=\"https://bit.ly/3vGtmr9\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> website. To get you started you are presented with a step-by-step interface that will guide you through the process.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-34 hover-type-none\"><img width=\"1900\" height=\"1345\" alt=\"Performance Wizard Start Screen\" title=\"Performance Wizard Start Screen\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen.jpg\" class=\"img-responsive wp-image-867928\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-200x142.jpg 200w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-400x283.jpg 400w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-600x425.jpg 600w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-800x566.jpg 800w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-1200x849.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen.jpg 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-82\"><p>What is important to note is that you should build your website first before running the Performance Wizard. Creating your website&#8217;s structure, placing design elements in situ, and formulating content ensures that the system has something to work with when searching for recommendations at each step of the process. The recommendations provided are for options that can be disabled or enabled to enhance overall performance.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-23\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Features</strong><br />\nDisable any features not used on the website, thereby reducing the amount of code that is loaded.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Icons</strong><br />\nScan your website for information about icons that are being used. You can also disable unused icon sets and discover how to optimize existing icons.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Fonts/Typography</strong><br />\nCheck which fonts are being loaded on your website and then optimize how those fonts are served. Fewer variants will mean fewer requests and, therefore, faster loading times.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Elements</strong><br />\nScan your website to discover which Design, Layout, and Form Elements are not used on the website. Disable unused Elements, thereby reducing the amount of code that is loaded.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><strong>Optimization</strong><br />\nOptimize how the website&#8217;s CSS and JS assets should be enqueued. These options can have a significant impact on the performance of the page load. However, some of these options can also break functionality if you use a caching plugin, so proceed with caution.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-83{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-83 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Above The Fold Optimization</h3></div><div class=\"fusion-text fusion-text-83\"><p>&#8220;Above the fold&#8221; is the part of a webpage that is immediately visible on your desktop or mobile screen without scrolling down. Traditionally, this digital real estate is where most would choose to display attention-grabbing headlines, important sales/marketing content, images, and even slider plugins as part of the page&#8217;s hero.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-35 hover-type-none\"><img width=\"1900\" height=\"600\" alt=\"Above The Fold Optimization\" title=\"Above The Fold Optimization\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed.png\" class=\"img-responsive wp-image-868004\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-200x63.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-400x126.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-600x189.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-800x253.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-1200x379.png 1200w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed.png 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div><div class=\"fusion-text fusion-text-84\"><p>The rate of content delivery for a website, and in particular the perceived speed experienced by the end-user on a mobile device, is at the heart of Google&#8217;s <a href=\"https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/\" target=\"_blank\" rel=\"noopener noreferrer\">Core Web Vitals</a>. Thus, passing Core Web Vitals inevitably leads to a delicate balance between good SEO, attention marketing, and page load times for a website owner.</p>\n<p>To assist you with managing your website&#8217;s <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">performance</a> and <a href=\"https://theme-fusion.com/documentation/avada/video-tutorials/how-to-optimize-above-the-fold-content-for-performance-video/\" target=\"_blank\" rel=\"noopener noreferrer\">optimization</a>, our team introduced purpose-built tools and features for <a href=\"https://bit.ly/3gCfqYB\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> that can make it possible for you to fine-tune your website&#8217;s performance on mobile &amp; desktop.</p>\n</div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-84{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-84 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Generate Critical CSS</h3></div><div class=\"fusion-text fusion-text-85\"><p>Critical CSS is a convenient performance feature. You can enable Critical CSS by going to the <em><strong>Performance Wizard &gt; Optimization</strong></em> tab. Once it has been enabled, you can access the Critical CSS page from the WordPress sidebar at <em><strong>Avada &gt; Critical CSS or Maintenance &gt; Critical CSS</strong></em> from the Avada Dashboard. Both take you to the Critical CSS page to generate Critical CSS for both pages and posts.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-36 hover-type-none\" style=\"border:1px solid #e0dede;\"><a class=\"fusion-no-lightbox\" href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" aria-label=\"Critical CSS\" rel=\"noopener noreferrer\"><img width=\"1850\" height=\"1180\" alt=\"Critical CSS\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg\" class=\"img-responsive wp-image-867029\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-200x128.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-400x255.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-600x383.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-800x510.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-1200x765.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg 1850w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-86\"><p>Critical CSS is the CSS necessary to style the above-the-fold content. When generated for a page, it will be loaded into the page head, and the rest of the CSS styles moved to the footer, resulting in less render-blocking and a faster page load time.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-85{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-85 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Resources</h3></div><div class=\"fusion-text fusion-text-87\"><p>Even with all of the performance options provided, <a href=\"https://bit.ly/3vGtmr9\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> plays a lesser part than you might imagine when it comes to site optimization. Websites running<a href=\"https://bit.ly/3vGtmr9\" target=\"_blank\" rel=\"noopener noreferrer\"> Avada</a> as the primary WordPress theme can be configured to optimize the layouts and structure that can lead to vastly improved page load scores. Still, ultimately, user content will principally dictate how fast and efficient your website will perform according to <a href=\"https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Core Web Vitals</a>.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-24\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Use The Performance Wizard</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-youtube\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/video-tutorials/how-to-use-the-performance-wizard-video/\" target=\"_blank\" rel=\"noopener noreferrer\">Video: How To Use The Performance Wizard</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Optimization Guide</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-youtube\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" rel=\"noopener noreferrer\">Video: Optimize Above The Fold Content For Performance</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-speed-performance/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Speed &amp; Performance</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Use Critical CSS</a></div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-86{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-86 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"palette\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">Color Palette</h3></div><div class=\"fusion-fss-swatches fusion-no-small-visibility fusion-no-medium-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:space-between;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#181b20;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#181b20\">#181b20</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#caa975;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#caa975\">#caa975</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#fafafa;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#fafafa\">#fafafa</div></div></div></div><div class=\"fusion-fss-swatches fusion-no-small-visibility fusion-no-large-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:flex-start;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#181b20;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#181b20\">#181b20</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#caa975;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#caa975\">#caa975</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#fafafa;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#fafafa\">#fafafa</div></div></div></div><div class=\"fusion-fss-swatches fusion-no-medium-visibility fusion-no-large-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:flex-start;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#181b20;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#181b20\">#181b20</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#caa975;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#caa975\">#caa975</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#fafafa;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#fafafa\">#fafafa</div></div></div></div><div class=\"fusion-text fusion-text-88\"><p>The color palette selected for the <a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a> prebuilt website is a selection of bright colors, as seen above. If you would like to change the <a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a> color palette, this can be done within the options panel, as explained in this <a href=\"https://theme-fusion.com/documentation/avada/how-to/how-to-use-the-color-palette-feature/\" target=\"_blank\" rel=\"noopener noreferrer\">help file and video</a>.</p>\n<p>Color increases brand recognition, and it can influence people in how they feel about a website. Colors produce different emotions in people, making it essential to choose the right colors for your website. The balance of white space, contrast, and well thought out color schemes are vital elements of good web design. If you have not already decided on your brand colors, choosing a color palette for your website can be confusing. However, using a handy tool like the <a href=\"https://color.adobe.com/create/color-wheel\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe Color Wheel</a> or any of the myriad of app choices online, you can undoubtedly make this task effortless.</p>\n<p>We suggest checking out <a href=\"https://www.hubspot.com/\" target=\"_blank\" rel=\"noopener noreferrer\">HubSpot&#8217;s</a> article on <a href=\"https://blog.hubspot.com/marketing/color-palette-famous-websites\" target=\"_blank\" rel=\"noopener noreferrer\">color theory</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-87{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-87 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"typography\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">Typography</h3></div><div class=\"fusion-text fusion-text-89\"><p>Website Typography can be more important than you realize, from your brand and user perspective to your website&#8217;s overall look and style. It is often underrated and is, in fact, an art form and technique in itself. The following <a href=\"https://blog.hubspot.com/website/website-typography\" target=\"_blank\" rel=\"noopener noreferrer\">HubSpot guide to website typography</a> will give you some great insights into the do&#8217;s and dont&#8217;s choosing which fonts work best for your <a href=\"https://bit.ly/3vGtmr9\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a><a href=\"https://bit.ly/3c0PcN0\" target=\"_blank\" rel=\"noopener noreferrer\"> </a>website.</p>\n<p>The Avada Website Builder has a vast array of Typography controls, options, and font selections to make your job easier. See this detailed <a href=\"https://theme-fusion.com/documentation/avada/options/typography-options-in-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">help file and video</a> to get you started.</p>\n<p>Below are the fonts used for the <a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a> prebuilt website:</p>\n</div><div class=\"fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-10 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-88{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-88 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:20px;margin-top:0px;margin-bottom:20px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;color:#5e5e5e;--fontSize:20;--minFontSize:20px;line-height:1.32;\">Headings</h3></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-89{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-89 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">H1, H2, Font Family: <span style=\"font-family: \'Work Sans\'; font-weight: 300;\" data-fusion-font=\"true\" data-fusion-google-font=\"Work Sans\" data-fusion-google-variant=\"300\">Work Sans</span></div></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-90{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-90 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">H3, H4 Font Family: <span style=\"font-family: \'Work Sans\'; font-weight: 300;\" data-fusion-font=\"true\" data-fusion-google-font=\"Work Sans\" data-fusion-google-variant=\"300\">Work Sans</span></div></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-91{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-91 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">H5, H6 Font family: <span style=\"font-family: \'Work Sans\'; font-weight: 400;\" data-fusion-font=\"true\" data-fusion-google-font=\"Work Sans\" data-fusion-google-variant=\"400\">Work Sans</span><span style=\"font-family: Zilla Slab; font-weight: 400;\" data-fusion-font=\"true\" data-fusion-google-font=\"Zilla Slab\" data-fusion-google-variant=\"400\"><br />\n</span></div></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-10{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-10 > .fusion-column-wrapper {padding-top : 20px !important;padding-right : 20px !important;margin-right : 3.84%;padding-bottom : 20px !important;padding-left : 20px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-10{width:100% !important;order : 0;}.fusion-builder-nested-column-10 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-10{width:100% !important;order : 0;}.fusion-builder-nested-column-10 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-11 fusion_builder_column_inner_1_2 1_2 fusion-flex-column fusion-flex-align-self-stretch\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-92{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-92 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:20px;margin-top:0px;margin-bottom:20px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;color:#5e5e5e;--fontSize:20;--minFontSize:20px;line-height:1.32;\">Body</h3></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-93{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-93 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">Font Family: <span style=\"font-family: \'Work Sans\'; font-weight: 400;\" data-fusion-font=\"true\" data-fusion-google-font=\"Work Sans\" data-fusion-google-variant=\"400\">Work Sans</span></div></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-11{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-11 > .fusion-column-wrapper {padding-top : 20px !important;padding-right : 20px !important;margin-right : 3.84%;padding-bottom : 20px !important;padding-left : 20px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-11{width:100% !important;order : 0;}.fusion-builder-nested-column-11 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-11{width:100% !important;order : 0;}.fusion-builder-nested-column-11 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class=\"fusion-text fusion-text-90\"><p>We suggest checking out HubSpot&#8217;s article on <a href=\"https://blog.hubspot.com/website/web-safe-html-css-fonts\" target=\"_blank\" rel=\"noopener noreferrer\">The Ultimate List of Web-Safe HTML and CSS Fonts</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-94{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-94 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"getstarted\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">To Get Started You Will Need The Following</h2></div><div class=\"fusion-text fusion-text-91\"><p>To get started with the <a href=\"https://avada.theme-fusion.com/avada-website-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> and to create your ideal website, there are a few things that you will need;</p>\n</div><ul class=\"fusion-checklist fusion-checklist-25\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-network-wired fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p>A trusted <a href=\"https://theme-fusion.com/wordpress-hosting/\" target=\"_blank\" rel=\"noopener noreferrer\">web hosting service</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-wordpress fab\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p>The latest version of <a href=\"https://wordpress.org/download/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p>The <a href=\"https://bit.ly/3vGtmr9\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a></p>\n</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-95{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-95 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"plugins\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">Recommended Plugins</h3></div><div class=\"fusion-text fusion-text-92\"><p>What are recommended plugins, and do you need them? In short, it is not the end of the world if you choose not to install and activate the plugins used with any particular Avada <a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" rel=\"noopener noreferrer\">prebuilt website</a>. Let&#8217;s take the <a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a> prebuilt website for example: <span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">It is created as a <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-woocommerce-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce </a>focussed site, and therefore the WooCommerce plugin should be installed and activated at the point of installing the prebuilt site.</span></p>\n<p>If you decide not to install the WooCommerce plugin, the full site will still be imported, but the eCommerce aspect will not be active. The following plugins have been used with the <a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a> website:</p>\n</div><div class=\"fusion-fss-plugins-used\"><div class=\"fusion-fss-plugins-wrapper\" style=\"flex-direction:row;margin:-7.5px;\"><div class=\"fusion-fss-plugin-wrapper\" style=\"margin:7.5px;flex-basis: calc(50% - 15px);padding-top:1em;padding-right:1em;padding-bottom:1em;padding-left:1em;background-color:#f2f2f2;border-radius:7px;font-size:16px;color:#5e5e5e;\"><div class=\"fusion-fss-plugin\"><span class=\"fusion-fss-plugin-icon\"><svg width=\"169\" height=\"100\" viewBox=\"0 0 169 100\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0)\"><path d=\"M16.4673 0H152.663C161.282 0 168.26 6.97713 168.26 15.5967V67.585C168.26 76.2039 161.283 83.1817 152.663 83.1817H103.822L110.526 99.5987L81.0431 83.1817H16.5366C7.91761 83.1817 0.93983 76.2046 0.93983 67.585V15.5967C0.871425 7.04575 7.84898 0 16.4679 0H16.4673Z\" fill=\"#9B5C8F\"/><path d=\"M10.4662 14.2157C11.4184 12.9234 12.8468 12.2432 14.7512 12.1072C18.2201 11.8351 20.1926 13.4675 20.6687 17.0044C22.7772 31.2201 25.0897 43.2586 27.5386 53.1214L42.4341 24.7586C43.7944 22.174 45.4948 20.8137 47.5353 20.6776C50.528 20.4736 52.3645 22.378 53.1126 26.391C54.813 35.4374 56.9896 43.1231 59.5742 49.6525C61.3426 32.376 64.3354 19.9296 68.5526 12.2433C69.5729 10.3389 71.0692 9.38666 73.0417 9.25058C74.6061 9.11455 76.0345 9.59066 77.3267 10.6109C78.619 11.6312 79.2992 12.9235 79.4352 14.4878C79.5032 15.7121 79.2992 16.7323 78.755 17.7526C76.1024 22.6498 73.9259 30.8801 72.1577 42.3062C70.4573 53.3931 69.8451 62.031 70.2532 68.2206C70.3892 69.921 70.1172 71.4174 69.437 72.7097C68.6208 74.206 67.3965 75.0222 65.8322 75.1582C64.0637 75.2943 62.2273 74.4781 60.4589 72.6416C54.1334 66.1801 49.1001 56.522 45.4275 43.6665C41.0065 52.3723 37.7419 58.9024 35.6334 63.2554C31.6205 70.941 28.2197 74.8861 25.3628 75.09C23.5263 75.226 21.962 73.6616 20.6016 70.3969C17.1328 61.4864 13.3918 44.2786 9.37876 18.7727C9.1067 17.0042 9.5148 15.4399 10.467 14.2155L10.4662 14.2157ZM156.636 24.8941C154.188 20.6091 150.583 18.0242 145.754 17.0039C144.462 16.7318 143.237 16.5958 142.081 16.5958C135.551 16.5958 130.246 19.9967 126.097 26.7984C122.56 32.5798 120.792 38.9736 120.792 45.9788C120.792 51.2161 121.88 55.705 124.057 59.4461C126.505 63.7312 130.11 66.3161 134.939 67.3363C136.231 67.6084 137.456 67.7444 138.612 67.7444C145.209 67.7444 150.515 64.3436 154.596 57.5418C158.132 51.6924 159.901 45.2987 159.901 38.2935C159.969 32.9882 158.813 28.5673 156.636 24.8941V24.8941ZM148.066 43.7346C147.114 48.2237 145.414 51.5562 142.897 53.8013C140.925 55.5697 139.088 56.3179 137.388 55.9778C135.755 55.6378 134.395 54.2094 133.375 51.5568C132.559 49.4483 132.15 47.3398 132.15 45.3673C132.15 43.6669 132.286 41.9665 132.627 40.4021C133.239 37.6135 134.395 34.8928 136.231 32.308C138.476 28.9752 140.856 27.6149 143.305 28.091C144.938 28.4311 146.298 29.8595 147.318 32.5121C148.134 34.6206 148.542 36.7291 148.542 38.7016C148.542 40.47 148.406 42.1704 148.066 43.7348L148.066 43.7346ZM114.058 24.8941C111.609 20.6091 107.936 18.0242 103.175 17.0039C101.883 16.7318 100.659 16.5958 99.5025 16.5958C92.973 16.5958 87.6679 19.9967 83.5188 26.7984C79.982 32.5798 78.2135 38.9736 78.2135 45.9788C78.2135 51.2161 79.3018 55.705 81.4783 59.4461C83.9269 63.7312 87.5318 66.3161 92.3607 67.3363C93.6529 67.6084 94.8773 67.7444 96.0335 67.7444C102.631 67.7444 107.936 64.3436 112.017 57.5418C115.554 51.6924 117.322 45.2987 117.322 38.2935C117.322 32.9882 116.234 28.5673 114.058 24.8941V24.8941ZM105.42 43.7346C104.468 48.2237 102.767 51.5562 100.251 53.8013C98.2781 55.5697 96.4417 56.3179 94.7413 55.9778C93.1088 55.6378 91.7485 54.2094 90.7283 51.5568C89.9121 49.4483 89.504 47.3398 89.504 45.3673C89.504 43.6669 89.64 41.9665 89.9801 40.4021C90.5923 37.6135 91.7486 34.8928 93.585 32.308C95.8295 28.9752 98.2101 27.6149 100.659 28.091C102.291 28.4311 103.652 29.8595 104.672 32.5121C105.488 34.6206 105.896 36.7291 105.896 38.7016C105.964 40.47 105.76 42.1704 105.42 43.7348L105.42 43.7346Z\" fill=\"white\"/></g><defs><clipPath id=\"clip0\"><rect width=\"167.32\" height=\"100\" fill=\"white\" transform=\"translate(0.93811)\"/></clipPath></defs></svg></span><span class=\"fusion-fss-plugin-text\">WooCommerce</span></div></div></div></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-96{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-96 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"support\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">World-Class Support And Resources</h3></div><div class=\"fusion-text fusion-text-93\"><p>Many facets set the <a href=\"https://avada.theme-fusion.com/avada-website-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> apart from the competition. None more important is that Avada is not reliant on 3rd party builders and tools to deliver a stable and seamless website building experience. No waiting for external developers and toolset creators to deliver the next update for your theme. We take pride in the fact that Avada is 100% maintained, evolved, and developed according to strict WordPress and PHP coding standards. Avada gives you peace of mind and guarantees that what you have to work with will always be ahead of the latest industry requirements.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-26\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-envelope-open-text fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/how-to-register-for-avada-support/\" target=\"_blank\" rel=\"noopener noreferrer\">Register for Avada support</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-comments fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/support/submit-a-ticket/\" target=\"_blank\" rel=\"noopener noreferrer\">Need to submit a support ticket?</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-cart-arrow-down fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/extending-and-renewing-envato-item-support/\" target=\"_blank\" rel=\"noopener noreferrer\">How to extend or renew support</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-question fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/avada-grandfathered-support/\" target=\"_blank\" rel=\"noopener noreferrer\">Are you eligible for Grandfathered support?</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-columns fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/how-to-use-the-avada-support-desk/\" target=\"_blank\" rel=\"noopener noreferrer\">How to use the Avada support Dashboard</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-file-alt fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Documentation</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-file-video fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://www.youtube.com/c/ThemeFusionVideos/videos\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Video Tutorials</a></p>\n</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-97{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-97 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"prebuiltwebsite\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">What is a Prebuilt Website?</h2></div><div class=\"fusion-text fusion-text-94\"><p>Simply put, <a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\" _self\" rel=\"noopener noreferrer\">prebuilt websites</a> are complete websites that have been designed and built to fit an industry niche. Each website comprises pages, posts, content layouts, images, or various media types representing or showcasing an online presence for a target audience or business type. </p>\n<p><a href=\"https://bit.ly/35cobDU\" target=\" _self\" rel=\"noopener noreferrer\">Avada</a> prebuilt websites and prebuilt content layouts (individual page or post content, layout sections, Call-to-actions, etc.) are carefully crafted by our talented team of designers to give you, the Avada user, a way to save time when prototyping a new website. </p>\n<p>Avada&#8217;s prebuilt websites are a fantastic resource for creativity and inspiration. They will make web design a more efficient and productive process for beginners, marketers, and professionals alike. Here are some essential facts:</p>\n</div><ul class=\"fusion-checklist fusion-checklist-27\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">They are created to save you time when building a new website.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A prebuilt website can be imported with a few clicks.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Each prebuilt website is mobile and SEO friendly.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Each prebuilt website is entirely customizable to suit your project and branding needs.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">You can white-label any prebuilt website for client work.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Prebuilt websites are included with your <a href=\"https://bit.ly/35cobDU\" target=\" _self\" rel=\"noopener noreferrer\">purchase</a> of the Avada Website Builder.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Each prebuilt website is <a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\" _self\" rel=\"noopener noreferrer\">optimized</a> for <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\" _self\" rel=\"noopener noreferrer\">performance</a>.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-98{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-98 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"install\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Fast One-Click Install</h2></div><div class=\"fusion-text fusion-text-95\"><p>Importing any Avada Prebuilt Website is as simple as clicking a button, with pre-import selections making it highly flexible. You can choose to import a <a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" rel=\"noopener noreferrer\">full website</a> (more than <span class=\"fusion-cs-live-demos\">83</span> to choose from) and parts of any other and anything in between. Choose pages, posts, portfolios, images, sliders, theme options, widgets, or uninstall as you prefer.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-37 hover-type-none\"><a class=\"fusion-no-lightbox\" href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" aria-label=\"Avada Prebuilt Website Import\" rel=\"noopener noreferrer\"><img width=\"1100\" height=\"420\" alt=\"Avada Prebuilt Website Import\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed.png\" class=\"img-responsive wp-image-867914\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-200x76.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-400x153.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-600x229.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-800x305.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed.png 1100w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-12{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.fusion-builder-column-12 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-12{width:100% !important;order : 0;}.fusion-builder-column-12 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-12{width:100% !important;order : 0;}.fusion-builder-column-12 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-13{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-14 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-13 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-99{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-99 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"structure\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Website Structure</h2></div><div class=\"fusion-text fusion-text-96\"><p>A page or post structure is divided into four main sections: the Header, the Page Title Bar, Content, and the Footer. With the Avada Website Builder, you can independently edit each of these sections to create super flexible and stunning layout designs.</p>\n<p>Below is a list of the <a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a> pages and posts that have been prebuilt just for you. Once installed, you can change all aspects of each Layout, and at any time, add new pages to suit your online business needs.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-28\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Homepage Layout</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/interior-design/home/classic-home/\" target=\"_blank\" rel=\"noopener noreferrer\">Homepage &#8211; Classic Home Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/interior-design/home/extended-home/\" target=\"_blank\" rel=\"noopener noreferrer\">Homepage &#8211; Extended Home Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/interior-design/shop-sidebar/\" target=\"_blank\" rel=\"noopener noreferrer\">Homepage &#8211; Shop with Sidebar Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/interior-design/shop/product-landing-page/\" target=\"_blank\" rel=\"noopener noreferrer\">Homepage &#8211; Product Landing Page Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/interior-design/shop/\" target=\"_blank\" rel=\"noopener noreferrer\">Shop Page Layout</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/interior-design/product-category/lighting/\" target=\"_blank\" rel=\"noopener noreferrer\">Shop Page &#8211; Lighting Layout</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/interior-design/product-category/furniture/\" target=\"_blank\" rel=\"noopener noreferrer\">Shop Page &#8211; Furniture Layout</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/interior-design/product-category/accessories/\" target=\"_blank\" rel=\"noopener noreferrer\">Shop Page &#8211;  Accessories Layout</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/nutritionist/shop/\" target=\"_blank\" rel=\"noopener noreferrer\">Shop Page &#8211; Storage Layout</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/interior-design/projects/\" target=\"_blank\" rel=\"noopener noreferrer\">Projects Page Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/interior-design/how-it-works/\" target=\"_blank\" rel=\"noopener noreferrer\">Info Page Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/interior-design/services/\" target=\"_blank\" rel=\"noopener noreferrer\">Services Page Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/interior-design/blog/\" target=\"_blank\" rel=\"noopener noreferrer\">Blog Page Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/interior-design/contact-us/\" target=\"_blank\" rel=\"noopener noreferrer\">Contact Page layout</a></div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-13{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.fusion-builder-column-13 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-13{width:100% !important;order : 0;}.fusion-builder-column-13 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-13{width:100% !important;order : 0;}.fusion-builder-column-13 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-14{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-15 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-14 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-100{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-100 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"layouts\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Explaining Layouts &amp; Layout Sections</h2></div><div class=\"fusion-text fusion-text-97\"><p>Before we look at the specific Layouts on the Avada Interior Design prebuilt website, the first thing to understand is the Layouts and Layout Sections&#8217; architecture. You can think of Layouts as a container for the page content. In contrast, the actual content comes from the various Layout Sections. There are four Layout Sections on a page – the Header, Page Title Bar, Content, and Footer Layout Sections.</p>\n<p>There is a default Global Layout, and any Layout Sections added to that will be shown on all pages of your website. There are Conditional Layouts with conditional logic to determine how the Layout will be used.</p>\n<p>You can make as many Layouts and Layout Sections as you like, and you can use the Layout Sections in multiple Layouts. But you can only use a specific condition on a single Layout, so the theme knows which one to use.</p>\n<p>See <a href=\"https://theme-fusion.com/documentation/fusion-builder/theme-builder/understanding-layouts-and-layout-sections/\" target=\"_blank\" rel=\"noopener noreferrer\">Understanding Layouts &amp; Layout Sections</a> and <a href=\"https://theme-fusion.com/documentation/fusion-builder/theme-builder/understanding-conditional-layouts/\" target=\"_blank\" rel=\"noopener noreferrer\">Understanding Conditional Layouts</a> for more info.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-38 hover-type-none\"><img width=\"1817\" height=\"3407\" alt=\"Avada Layout Sections Legend\" title=\"Avada Layout Sections Legend\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image.png\" class=\"img-responsive wp-image-867864\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-200x375.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-400x750.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-600x1125.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-800x1500.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-1200x2250.png 1200w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image.png 1817w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-101{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-101 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"wordpresspages\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Explaining WordPress Pages vs. Posts</h2></div><div class=\"fusion-text fusion-text-98\"><p>Website pages are allocated for static content such as your website&#8217;s homepage, about, contact page, and so on, and are timeless entities.</p>\n<p>Website posts are allocated to blog content listed in reverse (newest to the oldest) chronological order and are timely. Older posts are archived based on month and year. You can also create content for custom post types or CPT. In Avada, an example of this is the Portfolio post type. Check out this detailed <a href=\"https://wordpress.com/support/post-vs-page/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress article</a> for more information.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-102{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-102 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"change\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">What Can I Change? Is the Design Flexible?</h2></div><div class=\"fusion-text fusion-text-99\"><p>The <a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a> prebuilt website is exactly that, prebuilt, for you. If the design and style suit your website needs, you can use it as a starting point, and you can change as much or as little as you need to.</p>\n<p>The most obvious details that you will want to change at first is the website&#8217;s wording, titles, color scheme, and images. You can choose to leave the overall layouts as is or Drag and Drop to rearrange the content&#8217;s order. Further to that, you can add or remove any of the <a href=\"https://avada.theme-fusion.com/design-elements/\" target=\"_blank\" rel=\"noopener noreferrer\">Design Elements</a> to fine-tune your preferred business narrative. In short, you can change every single aspect of the prebuilt website&#8217;s Layout and content.</p>\n<p>Editing a page&#8217;s content and layouts is done using the <a href=\"https://avada.theme-fusion.com/avada-live/\" target=\"_blank\" rel=\"noopener noreferrer\">Drag and Drop</a> live editor or using the traditional back-end method. The first image below shows the Live visual Drag and Drop editor is used to edit the content:</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-39 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Live-Editing.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[582cbeee23db7568188]\" data-title=\"Avada Interior Design Live Editing\" title=\"Avada Interior Design Live Editing\"><img width=\"1919\" height=\"934\" alt=\"Live Editor\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Live-Editing.jpg\" class=\"img-responsive wp-image-868805\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Live-Editing-200x97.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Live-Editing-400x195.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Live-Editing-600x292.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Live-Editing-800x389.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Live-Editing-1200x584.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Live-Editing.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-100\"><p>The image below shows the traditional back-end method is used to edit the content:</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-40 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Backend-Editing.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[5dabf628ff52f8d6fa3]\" data-title=\"Avada Interior Design Backend Editing\" title=\"Avada Interior Design Backend Editing\"><img width=\"1900\" height=\"795\" alt=\"Back-end Editing\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Backend-Editing.jpg\" class=\"img-responsive wp-image-868806\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Backend-Editing-200x84.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Backend-Editing-400x167.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Backend-Editing-600x251.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Backend-Editing-800x335.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Backend-Editing-1200x502.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Backend-Editing.jpg 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-103{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-103 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"comparison\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">A Side By Side Comparison (Builder vs. No Builder)</h2></div><div class=\"fusion-text fusion-text-101\"><p>We have created a side by side point of reference that illustrates the differences in building a website using the Avada Website Builder to design custom Layouts vs. not using The Avada Website Builder and only using predefined options. The latter will allow you only to build a basic site, in comparison.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-29\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/handmade/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Handmade</a> (Using the Website Builder)</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-times fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/handmade-basic/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Handmade Basic</a> (Not using the Website Builder)</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;\"></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-14{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-14 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-14{width:100% !important;order : 0;}.fusion-builder-column-14 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-14{width:100% !important;order : 0;}.fusion-builder-column-14 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-15{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-16 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-15 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-104{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-104 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"homepage\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Exploring The Homepage Layout</h2></div><div class=\"fusion-text fusion-text-102\"><p>Website pages are allocated for static content such as your website&#8217;s homepage, about, contact page, and so on, and are timeless entities.</p>\n<p>Website posts are allocated to blog content listed in reverse (newest to the oldest) chronological order and are timely. Older posts are archived based on month and year. You can also create content for custom post types or CPT. In Avada, an example of this is the Portfolio post type. Check out this detailed <a href=\"https://wordpress.com/support/post-vs-page/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress article</a> for more information.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-105{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-105 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">The Header</h3></div><div class=\"fusion-text fusion-text-103\"><p>For the <a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a> prebuilt website, the Header was created using the Avada <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-header-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Header Builder</a> and is set globally across the website. This means that every page and post will use the same Header layout without any further conditions set. For example, you can change this if required by creating a unique Header layout for different pages or posts. You can check how this is structured on the backend by clicking this <a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Global-Header.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">link</a>.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-41 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Header.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[039ca1eef4dfc9009bc]\" data-title=\"Avada Interior Design Header\" title=\"Avada Interior Design Header\"><img width=\"1903\" height=\"123\" alt=\"Avada Interior Design Header\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Header.jpg\" class=\"img-responsive wp-image-868808\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Header-200x13.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Header-400x26.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Header-600x39.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Header-800x52.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Header-1200x78.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Header.jpg 1903w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-106{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-106 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">The Page Content</h3></div><div class=\"fusion-text fusion-text-104\"><p>The content part of the homepage, the area between the Header and Footer, does not use a page title bar. You can change this page&#8217;s content in an infinite number of ways to best suit your business marketing and brand requirements.</p>\n<p>Page and Post content is structured using Container and Column Elements, and if required, Nested Columns. Check out the help file links below for detailed information and videos explaining what they are and how to use them:</p>\n</div><ul class=\"fusion-checklist fusion-checklist-30\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">What are Containers, and how to use them? Read more <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">What are Columns, and how to use them? Read more <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">What are Nested Columns, and how to use them? Read more <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li></ul></div><style type=\"text/css\">.fusion-body .fusion-builder-column-15{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-15 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-15{width:100% !important;order : 0;}.fusion-builder-column-15 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-15{width:100% !important;order : 0;}.fusion-builder-column-15 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-16{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-17 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-16 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-107{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-107 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">The Hero</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-42 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Hero-Section-1.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[6068de48f7fc7455b35]\" data-title=\"Avada Interior Design Hero Section 1\" title=\"Avada Interior Design Hero Section 1\"><img width=\"1899\" height=\"820\" alt=\"Avada Interior Design Hero\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Hero-Section-1.jpg\" class=\"img-responsive wp-image-868809\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Hero-Section-1-200x86.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Hero-Section-1-400x173.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Hero-Section-1-600x259.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Hero-Section-1-800x345.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Hero-Section-1-1200x518.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Hero-Section-1.jpg 1899w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-105\"><p>Instead of using a traditional image slider, like the <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-slider/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Slider</a>, <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/slider-revolution/\" target=\"_blank\" rel=\"noopener noreferrer\">Slider Revolution</a> or <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/layer-slider/\" target=\"_blank\" rel=\"noopener noreferrer\">Layer Slider</a>, as the above-the-fold hero section, this prebuilt site uses a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container</a> with a Background Image. Added to the container are two 1/6 (16.67% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a> and one 2/3 (66.67% width) Column, collectively containing two <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</a> and a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-108{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-108 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">About Products</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-43 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-About-Products.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[ca25940e8207a004ac2]\" data-title=\"Avada Interior Design About Products\" title=\"Avada Interior Design About Products\"><img width=\"1887\" height=\"1677\" alt=\"Avada Interior Design About Products\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-About-Products.jpg\" class=\"img-responsive wp-image-868813\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-About-Products-200x178.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-About-Products-400x355.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-About-Products-600x533.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-About-Products-800x711.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-About-Products-1200x1066.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-About-Products.jpg 1887w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-106\"><p>This section starts with a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container</a>. In this example, you will see four rows of <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>that make up the structure of the Container. In the first row, you will find one 1/3 (33.33% width) Column holding a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, one 1/6 (16.67% width) Column, and one 1/2 (50% width) Column with an <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Element</a>. The second row has one 1/1 (100% width) Column containing the <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Element</a>. Simply put, Nested Columns are Columns within Columns. These Nested Columns contain one 1/2 (50% width) Column, with a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a> and two 1/4 (25% width) Columns, each with a Title Element.</p>\n<p>The third row contains two 1/2 (50% width) Columns with <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Elements</a>, Nested Columns Elements, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>, which is followed by the last row which consists of one 1/1 (100% width) Column, using the <a href=\"https://theme-fusion.com/documentation/avada/elements/image-carousel-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Carousel Element</a>.</p>\n<p><span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">Some useful functionality to highlight:</span></p>\n</div><ul class=\"fusion-checklist fusion-checklist-31\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><strong>Element Visibility</strong> &#8211; You can choose to show or hide a Container, column, or Element on small, medium, or large screens, and you can select more than one at a time. Each of the three sizes has a custom width setting on the Avada Builder Elements tab in the Global Options. Read more <a href=\"https://theme-fusion.com/documentation/avada/options/the-avada-visibility-system/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><strong>Responsive Styling</strong> &#8211; You can set specific styling options independently for different screen sizes. Responsive styling allows you to control settings that correspond to three dimensions, Large (Desktop), Medium (Tablet), and Small (Phone). Read more <a href=\"https://theme-fusion.com/documentation/avada/options/responsive-option-sets/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><strong>Flexbox</strong> &#8211; Flexbox is a CSS3 layout model that provides a more efficient way to design, align and distribute space for Columns inside of any Container. Read more <a href=\"https://theme-fusion.com/documentation/avada/options/introducing-flexbox-for-containers-and-columns/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-109{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-109 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Our Products</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-44 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Products.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[bef77ff17561780416e]\" data-title=\"Avada Interior Design Products\" title=\"Avada Interior Design Products\"><img width=\"1886\" height=\"3039\" alt=\"Avada Interior Design Our Products\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Products.jpg\" class=\"img-responsive wp-image-868817\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Products-200x322.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Products-400x645.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Products-600x967.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Products-800x1289.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Products-1200x1934.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Products.jpg 1886w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-107\"><p>For this example, this section uses one 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column </a>with a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, this is followed by one 3/5 (60% width) Column with a Title Element and one 2/5 (40% width) Column for spacing.</p>\n<p>Following this, you will find two 1/1 (100% width) Columns, collectively containing the Woo Shortcodes Element, a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>, and a Title Element, with the last row consisting of four 1/4 (25% width) Columns, each containing a <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Element</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-110{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-110 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">CTA &#8211; Call to Action</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-45 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Video.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[59f5ef3149c24314df0]\" data-title=\"Avada Interior Design Video\" title=\"Avada Interior Design Video\"><img width=\"1902\" height=\"686\" alt=\"Avada Interior Design CTA\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Video.jpg\" class=\"img-responsive wp-image-868821\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Video-200x72.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Video-400x144.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Video-600x216.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Video-800x289.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Video-1200x433.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Video.jpg 1902w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-108\"><p>Using images as a way to highlight a call-to-action or for advertizing and promotion reasons is standard practice, and the Avada Website Builder makes this task even easier for you. To create this section, a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>Element is added to the page content. To create the style, one 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column </a>with a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a> was used, along with one 3/5 (60% width) Column with a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a> and one 2/5 (40% width) Column with a <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Element</a>.</p>\n<p>Depending on the marketing goal, CTA’s can drive a variety of different actions and results for your website visitors. Check this article for some CTA inspiration, <a href=\"https://blog.hubspot.com/marketing/call-to-action-examples\" target=\"_blank\" rel=\"noopener noreferrer\">39 Call-to-Action Examples You Can’t Help But Click</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-111{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-111 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\" id=\"subscriptionform\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Services</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-46 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Services.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[e6ec7770bc23aaef067]\" data-title=\"Avada Interior Design Services\" title=\"Avada Interior Design Services\"><img width=\"1893\" height=\"1049\" alt=\"Avada Interior Design Services\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Services.jpg\" class=\"img-responsive wp-image-868831\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Services-200x111.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Services-400x222.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Services-600x332.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Services-800x443.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Services-1200x665.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Services.jpg 1893w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-109\"><p>For this example, a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with two 1/2 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>were used. In the left Column, you will find an <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Element</a> and in the right Column, you will find three <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Column Elements</a>, two <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Elements</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-112{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-112 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Client Testimonial</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-47 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Testimonial-Big.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[d160d113b6ab2050f54]\" data-title=\"Avada Interior Design Testimonial Big\" title=\"Avada Interior Design Testimonial Big\"><img width=\"1900\" height=\"663\" alt=\"Avada Interior Design Client Testimonial\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Testimonial-Big.jpg\" class=\"img-responsive wp-image-868835\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Testimonial-Big-200x70.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Testimonial-Big-400x140.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Testimonial-Big-600x209.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Testimonial-Big-800x279.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Testimonial-Big-1200x419.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Testimonial-Big.jpg 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-110\"><p>In this section, you will find a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with a Background Image and one 3/5 (60% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column </a>with two <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Element</a> containing a single 1/1 (100% width) Column with a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-113{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-113 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Articles</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-48 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Articles.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[3e61010f2cc5ebe218d]\" data-title=\"Avada Interior Design Articles\" title=\"Avada Interior Design Articles\"><img width=\"1901\" height=\"750\" alt=\"Avada Interior Designer Articles\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Articles.jpg\" class=\"img-responsive wp-image-868840\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Articles-200x79.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Articles-400x158.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Articles-600x237.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Articles-800x316.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Articles-1200x473.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Articles.jpg 1901w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-111\"><p>In this section, there is a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with one 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column </a>using a Title Element, one 1/2 (50% width) Column using a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, two 1/4 (25% width) Columns with one holding a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>, finishing this section off with another 1/1 (100% width) Column with a <a href=\"https://theme-fusion.com/documentation/avada/elements/blog-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Blog Element</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-114{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-114 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Follow Us</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-49 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Follow-Us.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[5cecce89dec4eadc800]\" data-title=\"Avada Interior Design Follow Us\" title=\"Avada Interior Design Follow Us\"><img width=\"1898\" height=\"751\" alt=\"Avada Interior Design Follow Us\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Follow-Us.jpg\" class=\"img-responsive wp-image-868843\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Follow-Us-200x79.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Follow-Us-400x158.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Follow-Us-600x237.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Follow-Us-800x317.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Follow-Us-1200x475.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Follow-Us.jpg 1898w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-112\"><p>This section is set as a Global <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with two 1/4 (25% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>used, for spacing, on either side of one 1/2 (50% width) Column, which contains a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>. This is followed by one 1/1 (100% width) Column using the <a href=\"https://theme-fusion.com/documentation/avada/elements/gallery-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Gallery Element</a>.</p>\n</div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-16{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-16 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-16{width:100% !important;order : 0;}.fusion-builder-column-16 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-16{width:100% !important;order : 0;}.fusion-builder-column-16 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-17{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-18 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-17 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-115{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-115 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:10px;\" id=\"footer\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">The Footer</h2></div><div class=\"fusion-text fusion-text-113\"><p>A website footer aims to help visitors by providing appropriate information and navigation options at the bottom of website pages. Website footer design is underrated and more valuable to your website than you may think and is essential to the overall end-user experience. Three key points stand out, namely:</p>\n</div><ul class=\"fusion-checklist fusion-checklist-32\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer should provide a website visitor with additional choices. If you want people to sign up for your mailing list, view a product demo, or contact you, inviting them at the end of a scroll is a compelling call to action.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer should create a path for continued engagement by including navigation links to products, services, or other parts of your website.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#2e3c54;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer can access essential information like ways to contact your company and customer services, privacy statements, and potential legal disclaimers.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-114\"><p>For the <a href=\"https://avada.theme-fusion.com/interior-design/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Interior Design</a> prebuilt website, the Footer was created using the Avada <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-footer-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Footer Builder</a> and this particular Footer content and Layout is set to display globally across the website. This means that every page and post will use the same Footer layout without any further conditions set. For example, you can change this if required by creating a unique Footer layout for different pages or posts. Let us take a closer look below:</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-116{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-116 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Footer Content</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-50 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Footer.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[afefe99aca44e97e908]\" data-title=\"Avada Interior Design Footer\" title=\"Avada Interior Design Footer\"><img width=\"1902\" height=\"409\" alt=\"Avada Nutritionist Footer\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Footer.jpg\" class=\"img-responsive wp-image-868847\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Footer-200x43.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Footer-400x86.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Footer-600x129.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Footer-800x172.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Footer-1200x258.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Footer.jpg 1902w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-115\"><p>There is a single <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container</a>, and a series of <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>that make up the structure. Within the <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>you will find <a href=\"https://avada.theme-fusion.com/design-elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</a>, a <a href=\"https://avada.theme-fusion.com/design-elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Elements</a>, <a href=\"https://theme-fusion.com/documentation/avada/elements/menu-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Menu Elements</a>, <a href=\"https://theme-fusion.com/documentation/avada/elements/social-links-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Social Links Element</a>, and the use of <a href=\"https://theme-fusion.com/documentation/avada/options/how-to-use-dynamic-content-options-in-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">Dynamic Data Options</a> to display the website copyright information. You can check how this is structured on the backend clicking this <a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Interior-Design-Global-Footer.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">link</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-117{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-117 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:10px;\" id=\"summary\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">In Summary</h2></div><div class=\"fusion-text fusion-text-116\"><p>There are <span class=\"fusion-cs-live-demos\">83</span> <a href=\"https://bit.ly/3vGtmr9\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a><a href=\"https://bit.ly/3c0PcN0\" target=\"_blank\" rel=\"noopener noreferrer\"> </a>prebuilt websites to choose from, with more being added regularly. Our amazing design team created these prebuilt websites as a way to give you a head start when building your <a href=\"https://bit.ly/3c0PcN0\" target=\"_blank\" rel=\"noopener noreferrer\">next </a>website.</p>\n<p>You can change the styling, Layouts, content as much or as little as you need to quickly adapt any individual prebuilt site to suit your chosen niche. Get started with the Avada Website Builder today and launch your business online; Fast.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-9 .fusion-button-text, .fusion-button.button-9 i {color:#fff;}.fusion-button.button-9 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-9:hover .fusion-button-text, .fusion-button.button-9:hover i,.fusion-button.button-9:focus .fusion-button-text, .fusion-button.button-9:focus i,.fusion-button.button-9:active .fusion-button-text, .fusion-button.button-9:active{color:#fff;}.fusion-button.button-9:hover .fusion-button-icon-divider, .fusion-button.button-9:hover .fusion-button-icon-divider, .fusion-button.button-9:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-9:hover, .fusion-button.button-9:focus, .fusion-button.button-9:active{border-color:#fff;}.fusion-button.button-9 {border-color:#fff;border-radius:2px;}.fusion-button.button-9{background: #f86635;}.fusion-button.button-9:hover,.button-9:focus,.fusion-button.button-9:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-9 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" href=\"https://bit.ly/3vGtmr9\"><span class=\"fusion-button-text\">Buy Avada Interior Design For Only $60</span><i class=\"fa-shopping-cart fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-17{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-17 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-17{width:100% !important;order : 0;}.fusion-builder-column-17 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-17{width:100% !important;order : 0;}.fusion-builder-column-17 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-18{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div></p>\n<p>The post <a rel=\"nofollow\" href=\"https://theme-fusion.com/avada-interior-design-deconstructing-a-prebuilt-website/\">Avada Interior Design: Deconstructing a Prebuilt Website</a> appeared first on <a rel=\"nofollow\" href=\"https://theme-fusion.com\">ThemeFusion | Avada Website Builder</a>.</p>\n\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:36:\"http://wellformedweb.org/CommentAPI/\";a:1:{s:10:\"commentRss\";a:1:{i:0;a:5:{s:4:\"data\";s:86:\"https://theme-fusion.com/avada-interior-design-deconstructing-a-prebuilt-website/feed/\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:38:\"http://purl.org/rss/1.0/modules/slash/\";a:1:{s:8:\"comments\";a:1:{i:0;a:5:{s:4:\"data\";s:1:\"1\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}}}i:3;a:6:{s:4:\"data\";s:85:\"\n		\n		\n					\n		\n		\n		\n				\n		\n		\n		\n		\n		\n\n					\n										\n					\n					\n			\n		\n		\n			\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";s:5:\"child\";a:5:{s:0:\"\";a:7:{s:5:\"title\";a:1:{i:0;a:5:{s:4:\"data\";s:48:\"Avada Takeout: Deconstructing a Prebuilt Website\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:4:\"link\";a:1:{i:0;a:5:{s:4:\"data\";s:73:\"https://theme-fusion.com/avada-takeout-deconstructing-a-prebuilt-website/\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:8:\"comments\";a:1:{i:0;a:5:{s:4:\"data\";s:82:\"https://theme-fusion.com/avada-takeout-deconstructing-a-prebuilt-website/#comments\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:7:\"pubDate\";a:1:{i:0;a:5:{s:4:\"data\";s:31:\"Tue, 13 Jul 2021 17:54:01 +0000\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:8:\"category\";a:5:{i:0;a:5:{s:4:\"data\";s:17:\"Prebuilt Websites\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:1;a:5:{s:4:\"data\";s:5:\"Avada\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:2;a:5:{s:4:\"data\";s:15:\"Beginners Guide\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:3;a:5:{s:4:\"data\";s:10:\"Web Design\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:4;a:5:{s:4:\"data\";s:8:\"Branding\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:4:\"guid\";a:1:{i:0;a:5:{s:4:\"data\";s:34:\"https://theme-fusion.com/?p=868398\";s:7:\"attribs\";a:1:{s:0:\"\";a:1:{s:11:\"isPermaLink\";s:5:\"false\";}}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:11:\"description\";a:1:{i:0;a:5:{s:4:\"data\";s:613:\"<p>Say hello to Avada Takeout. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Takeout can be imported at the click of a button and is highly flexible. Every aspect of the prebuilt website is easily customizable, and it can be adapted and branded to suit any business [...]</p>\n<p>The post <a rel=\"nofollow\" href=\"https://theme-fusion.com/avada-takeout-deconstructing-a-prebuilt-website/\">Avada Takeout: Deconstructing a Prebuilt Website</a> appeared first on <a rel=\"nofollow\" href=\"https://theme-fusion.com\">ThemeFusion | Avada Website Builder</a>.</p>\n\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:32:\"http://purl.org/dc/elements/1.1/\";a:1:{s:7:\"creator\";a:1:{i:0;a:5:{s:4:\"data\";s:8:\"Schantel\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:40:\"http://purl.org/rss/1.0/modules/content/\";a:1:{s:7:\"encoded\";a:1:{i:0;a:5:{s:4:\"data\";s:139106:\"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-19 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-18 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-117\"><p>Say hello to <a href=\"https://avada.theme-fusion.com/takeout/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Takeout</a>. This <a href=\"https://bit.ly/3c31m9H\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Takeout can be imported at the click of a button and is highly flexible. Every aspect of the prebuilt website is easily customizable, and it can be adapted and branded to suit any business model or venture using the Avada Website Builder.</p>\n<p>In this article, we will explore the header, footer, and homepage layouts that make up the overall website structure to explore how the <a href=\"https://avada.theme-fusion.com/website-builder-features/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> is used to create successful websites. The <a href=\"https://avada.theme-fusion.com/takeout/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Takeout</a> article is a part of a deconstruction series and is the follow-on article that explores the <a href=\"https://theme-fusion.com/avada-cleaning-services-deconstructing-a-prebuilt-website/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Cleaning Services</a> prebuilt website. It is important to highlight that <a href=\"https://bit.ly/3c31m9H\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> gives you total design freedom to create unique layouts for your website that work, with the only limit being your imagination.</p>\n</div><div class=\"fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-12 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-10 .fusion-button-text, .fusion-button.button-10 i {color:#fff;}.fusion-button.button-10 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-10:hover .fusion-button-text, .fusion-button.button-10:hover i,.fusion-button.button-10:focus .fusion-button-text, .fusion-button.button-10:focus i,.fusion-button.button-10:active .fusion-button-text, .fusion-button.button-10:active{color:#fff;}.fusion-button.button-10:hover .fusion-button-icon-divider, .fusion-button.button-10:hover .fusion-button-icon-divider, .fusion-button.button-10:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-10:hover, .fusion-button.button-10:focus, .fusion-button.button-10:active{border-color:#fff;}.fusion-button.button-10 {border-color:#fff;border-radius:2px;}.fusion-button.button-10{background: #f86635;}.fusion-button.button-10:hover,.button-10:focus,.fusion-button.button-10:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-10 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://avada.theme-fusion.com/takeout/\"><span class=\"fusion-button-text\">View Live</span><i class=\"fa-eye fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-12{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-12 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-12{width:100% !important;order : 0;}.fusion-builder-nested-column-12 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-12{width:100% !important;order : 0;}.fusion-builder-nested-column-12 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-13 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-11 .fusion-button-text, .fusion-button.button-11 i {color:#fff;}.fusion-button.button-11 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-11:hover .fusion-button-text, .fusion-button.button-11:hover i,.fusion-button.button-11:focus .fusion-button-text, .fusion-button.button-11:focus i,.fusion-button.button-11:active .fusion-button-text, .fusion-button.button-11:active{color:#fff;}.fusion-button.button-11:hover .fusion-button-icon-divider, .fusion-button.button-11:hover .fusion-button-icon-divider, .fusion-button.button-11:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-11:hover, .fusion-button.button-11:focus, .fusion-button.button-11:active{border-color:#fff;}.fusion-button.button-11 {border-color:#fff;border-radius:2px;}.fusion-button.button-11{background: #f86635;}.fusion-button.button-11:hover,.button-11:focus,.fusion-button.button-11:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-11 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" href=\"https://bit.ly/3c31m9H\"><span class=\"fusion-button-text\">Purchase For $60</span><i class=\"fa-shopping-cart fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-13{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-13 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-13{width:100% !important;order : 0;}.fusion-builder-nested-column-13 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-13{width:100% !important;order : 0;}.fusion-builder-nested-column-13 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-118{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-118 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Overview</h2></div><ul class=\"fusion-checklist fusion-checklist-33\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#features\">Styling and Features</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#performance\">Performance &amp; Optimization</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#palette\">Color Palette</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#typography\">Typography</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#getstarted\">To Get Started You Will Need The Following</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#plugins\">Recommended Plugins</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#support\">World-Class Support And Resources</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#prebuiltwebsite\">What is a Prebuilt Website?</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#install\">Fast One-Click Install</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#structure\">Website Structure</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#layouts\">Explaining Layouts &amp; Layout Sections</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#wordpresspages\">Explaining WordPress Pages vs. Posts</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#change\">What Can I Change? Is the Design Flexible?</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#comparison\">A Side By Side Comparison</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#homepage\">Exploring The Homepage Layout</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#footer\">The Footer</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#summary\">In Summary</a></div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-119{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-119 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"features\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Styling and Features</h2></div><div class=\"fusion-text fusion-text-118\"><p>Creating a <a href=\"https://theme-fusion.com/how-to-create-a-style-guide-for-your-wordpress-website/\" target=\"_blank\" rel=\"noopener noreferrer\">style guide</a> for your website will prove to be invaluable in the future. A style guide will help you to address <a href=\"https://theme-fusion.com/documentation/avada/avada-for-developers/wcag-2-1-aa-accessibility-and-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">usability</a>, the user experience, design consistency, and online trends in an organized and consistent manner.</p>\n<p>The <a href=\"https://avada.theme-fusion.com/avada-website-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder </a>has a vast array of features and styling options; however, you do not need to use all of them for your website, and this is where your style guide comes in. Decide upfront which styling options align with your brand and which design features are needed to make your website stand out.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-120{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-120 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"performance\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Performance &amp; Optimization</h2></div><div class=\"fusion-text fusion-text-119\"><p><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Optimizing</a> your websites for page load speed can be a seemingly complex subject because so many different facets affect how fast a page loads. It can range from the server&#8217;s speed to the options and settings selected, right through to the type and amount of content and even the size of the images added to the page or post.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-121{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-121 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">The Avada Performance Wizard</h3></div><div class=\"fusion-text fusion-text-120\"><p>The <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">Performance Wizard</a> takes the guesswork out of how to best optimize your <a href=\"https://bit.ly/3c31m9H\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> website. To get you started you are presented with a step-by-step interface that will guide you through the process.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-51 hover-type-none\"><img width=\"1900\" height=\"1345\" alt=\"Performance Wizard Start Screen\" title=\"Performance Wizard Start Screen\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen.jpg\" class=\"img-responsive wp-image-867928\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-200x142.jpg 200w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-400x283.jpg 400w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-600x425.jpg 600w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-800x566.jpg 800w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-1200x849.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen.jpg 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-121\"><p>What is important to note is that you should build your website first before running the Performance Wizard. Creating your website&#8217;s structure, placing design elements in situ, and formulating content ensures that the system has something to work with when searching for recommendations at each step of the process. The recommendations provided are for options that can be disabled or enabled to enhance overall performance.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-34\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Features</strong><br />\nDisable any features not used on the website, thereby reducing the amount of code that is loaded.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Icons</strong><br />\nScan your website for information about icons that are being used. You can also disable unused icon sets and discover how to optimize existing icons.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Fonts/Typography</strong><br />\nCheck which fonts are being loaded on your website and then optimize how those fonts are served. Fewer variants will mean fewer requests and, therefore, faster loading times.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Elements</strong><br />\nScan your website to discover which Design, Layout, and Form Elements are not used on the website. Disable unused Elements, thereby reducing the amount of code that is loaded.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><strong>Optimization</strong><br />\nOptimize how the website&#8217;s CSS and JS assets should be enqueued. These options can have a significant impact on the performance of the page load. However, some of these options can also break functionality if you use a caching plugin, so proceed with caution.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-122{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-122 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Above The Fold Optimization</h3></div><div class=\"fusion-text fusion-text-122\"><p>&#8220;Above the fold&#8221; is the part of a webpage that is immediately visible on your desktop or mobile screen without scrolling. The new features that <a href=\"https://bit.ly/3c31m9H\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> provides will allow you to optimize your content for improved performance on mobile &amp; desktop.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-52 hover-type-none\"><img width=\"1900\" height=\"600\" alt=\"Above The Fold Optimization\" title=\"Above The Fold Optimization\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed.png\" class=\"img-responsive wp-image-868004\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-200x63.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-400x126.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-600x189.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-800x253.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-1200x379.png 1200w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed.png 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div><div class=\"fusion-text fusion-text-123\"><p>&#8220;Above the fold&#8221; is the part of a webpage that is immediately visible on your desktop or mobile screen without scrolling. The new features that <a href=\"https://bit.ly/3c31m9H\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> provides will allow you to optimize your content for improved performance on mobile &amp; desktop.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-123{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-123 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Generate Critical CSS</h3></div><div class=\"fusion-text fusion-text-124\"><p>Critical CSS is a convenient performance feature. You can enable Critical CSS by going to the <em><strong>Performance Wizard &gt; Optimization</strong></em> tab. Once it has been enabled, you can access the Critical CSS page from the WordPress sidebar at <em><strong>Avada &gt; Critical CSS or Maintenance &gt; Critical CSS</strong></em> from the Avada Dashboard. Both take you to the Critical CSS page to generate Critical CSS for both pages and posts.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-53 hover-type-none\" style=\"border:1px solid #e0dede;\"><a class=\"fusion-no-lightbox\" href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" aria-label=\"Critical CSS\" rel=\"noopener noreferrer\"><img width=\"1850\" height=\"1180\" alt=\"Critical CSS\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg\" class=\"img-responsive wp-image-867029\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-200x128.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-400x255.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-600x383.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-800x510.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-1200x765.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg 1850w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-125\"><p>Critical CSS is the CSS necessary to style the above-the-fold content. When generated for a page, it will be loaded into the page head, and the rest of the CSS styles moved to the footer, resulting in less render-blocking and a faster page load time.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-124{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-124 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Resources</h3></div><div class=\"fusion-text fusion-text-126\"><p>Even with all of the performance options provided, Avada plays a lesser part than you might imagine when it comes to site optimization. Websites running <a href=\"https://bit.ly/3c31m9H\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> as the primary WordPress theme can be configured to optimize the layouts and structure that can lead to vastly improved page load scores. Still, ultimately, user content will principally dictate how fast and efficient your website will perform according to <a href=\"https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Core Web Vitals</a>.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-35\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Use The Performance Wizard</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-youtube\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/video-tutorials/how-to-use-the-performance-wizard-video/\" target=\"_blank\" rel=\"noopener noreferrer\">Video: How To Use The Performance Wizard</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Optimization Guide</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-youtube\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" rel=\"noopener noreferrer\">Video: Optimize Above The Fold Content For Performance</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-speed-performance/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Speed &amp; Performance</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Use Critical CSS</a></div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-125{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-125 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"palette\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">Color Palette</h3></div><div class=\"fusion-fss-swatches fusion-no-small-visibility fusion-no-medium-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:space-between;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#ce1a26;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ce1a26\">#ce1a26</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#fcdc31;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#fcdc31\">#fcdc31</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#594b02;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#594b02\">#594b02</div></div></div></div><div class=\"fusion-fss-swatches fusion-no-small-visibility fusion-no-large-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:flex-start;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#ce1a26;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ce1a26\">#ce1a26</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#fcdc31;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#fcdc31\">#fcdc31</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#594b02;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#594b02\">#594b02</div></div></div></div><div class=\"fusion-fss-swatches fusion-no-medium-visibility fusion-no-large-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:flex-start;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#ce1a26;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ce1a26\">#ce1a26</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#fcdc31;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#fcdc31\">#fcdc31</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#594b02;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#594b02\">#594b02</div></div></div></div><div class=\"fusion-text fusion-text-127\"><p>The color palette selected for the <a href=\"https://avada.theme-fusion.com/takeout/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Takeout</a> prebuilt website is a spontaneous grouping, as seen above. If you would like to change the Avada Takeout color palette, this can be done within the options panel, as explained in this <a href=\"https://theme-fusion.com/documentation/avada/how-to/how-to-use-the-color-palette-feature/\" target=\"_blank\" rel=\"noopener noreferrer\">help file and video</a>.</p>\n<p>Color increases brand recognition, and it can influence people in how they feel about a website. Colors produce different emotions in people, making it essential to choose the right colors for your website. The balance of white space, contrast, and well thought out color schemes are vital elements of good web design. If you have not already decided on your brand colors, choosing a color palette for your website can be confusing. However, using a handy tool like the <a href=\"https://color.adobe.com/create/color-wheel\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe Color Wheel</a> or any of the myriad of app choices online, you can undoubtedly make this task effortless.</p>\n<p>We suggest checking out <a href=\"https://www.hubspot.com/\" target=\"_blank\" rel=\"noopener noreferrer\">HubSpot&#8217;s</a> article on <a href=\"https://blog.hubspot.com/marketing/color-palette-famous-websites\" target=\"_blank\" rel=\"noopener noreferrer\">color theory</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-126{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-126 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"typography\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">Typography</h3></div><div class=\"fusion-text fusion-text-128\"><p>Website Typography can be more important than you realize, from your brand and user perspective to your website&#8217;s overall look and style. It is often underrated and is, in fact, an art form and technique in itself. The following <a href=\"https://blog.hubspot.com/website/website-typography\" target=\"_blank\" rel=\"noopener noreferrer\">HubSpot guide to website typography</a> will give you some great insights into the do&#8217;s and dont&#8217;s choosing which fonts work best for your <a href=\"https://bit.ly/3c31m9H\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a><a href=\"https://bit.ly/3gCfqYB\" target=\"_blank\" rel=\"noopener noreferrer\"> </a>website.</p>\n<p>The Avada Website Builder has a vast array of Typography controls, options, and font selections to make your job easier. See this detailed <a href=\"https://theme-fusion.com/documentation/avada/options/typography-options-in-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">help file and video</a> to get you started.</p>\n<p>Below are the fonts used for the <a href=\"https://avada.theme-fusion.com/takeout/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Takeout</a> prebuilt website:</p>\n</div><div class=\"fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-14 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-127{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-127 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:20px;margin-top:0px;margin-bottom:20px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;color:#5e5e5e;--fontSize:20;--minFontSize:20px;line-height:1.32;\">Headings</h3></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-128{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-128 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">H1, H2, Font Family: <span style=\"font-family: Barlow; font-weight: 700;\" data-fusion-font=\"true\" data-fusion-google-font=\"Barlow\" data-fusion-google-variant=\"700\">Barlow</span></div></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-129{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-129 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">H3,H4 Font Family: <span style=\"font-family: Barlow; font-weight: 600;\" data-fusion-font=\"true\" data-fusion-google-font=\"Barlow\" data-fusion-google-variant=\"600\">Barlow</span></div></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-130{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-130 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">H5, H6 Font family: <span style=\"font-family: Zilla Slab; font-weight: 400;\" data-fusion-font=\"true\" data-fusion-google-font=\"Zilla Slab\" data-fusion-google-variant=\"400\"><span style=\"font-family: Barlow; font-weight: 600;\" data-fusion-font=\"true\" data-fusion-google-font=\"Barlow\" data-fusion-google-variant=\"600\">Barlow</span><br />\n</span></div></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-14{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-14 > .fusion-column-wrapper {padding-top : 20px !important;padding-right : 20px !important;margin-right : 3.84%;padding-bottom : 20px !important;padding-left : 20px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-14{width:100% !important;order : 0;}.fusion-builder-nested-column-14 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-14{width:100% !important;order : 0;}.fusion-builder-nested-column-14 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-15 fusion_builder_column_inner_1_2 1_2 fusion-flex-column fusion-flex-align-self-stretch\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-131{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-131 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:20px;margin-top:0px;margin-bottom:20px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;color:#5e5e5e;--fontSize:20;--minFontSize:20px;line-height:1.32;\">Body</h3></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-132{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-132 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">Font Family: <span style=\"font-family: \'Open Sans\'; font-weight: 400;\" data-fusion-font=\"true\" data-fusion-google-font=\"Open Sans\" data-fusion-google-variant=\"400\">Open Sans</span></div></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-15{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-15 > .fusion-column-wrapper {padding-top : 20px !important;padding-right : 20px !important;margin-right : 3.84%;padding-bottom : 20px !important;padding-left : 20px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-15{width:100% !important;order : 0;}.fusion-builder-nested-column-15 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-15{width:100% !important;order : 0;}.fusion-builder-nested-column-15 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class=\"fusion-text fusion-text-129\"><p>We suggest checking out HubSpot&#8217;s article on <a href=\"https://blog.hubspot.com/website/web-safe-html-css-fonts\" target=\"_blank\" rel=\"noopener noreferrer\">The Ultimate List of Web-Safe HTML and CSS Fonts</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-133{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-133 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"getstarted\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">To Get Started You Will Need The Following</h2></div><div class=\"fusion-text fusion-text-130\"><p>To get started with the <a href=\"https://avada.theme-fusion.com/avada-website-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> and to create your ideal website, there are a few things that you will need;</p>\n</div><ul class=\"fusion-checklist fusion-checklist-36\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-network-wired fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p>A trusted <a href=\"https://theme-fusion.com/wordpress-hosting/\" target=\"_blank\" rel=\"noopener noreferrer\">web hosting service</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-wordpress fab\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p>The latest version of <a href=\"https://wordpress.org/download/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">The <a href=\"https://bit.ly/3gCfqYB\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a></div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-134{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-134 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"plugins\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">Recommended Plugins</h3></div><div class=\"fusion-text fusion-text-131\"><p>What are recommended plugins, and do you need them? In short, it is not the end of the world if you choose not to install and activate the plugins used with any particular Avada <a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" rel=\"noopener noreferrer\">prebuilt website</a>. Let&#8217;s take the <a href=\"https://avada.theme-fusion.com/takeout/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Takeout</a> prebuilt website as an example: It is created as a <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-woocommerce-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce</a> focussed site, and therefore the WooCommerce plugin should be installed and activated at the point of installing the prebuilt site.</p>\n<p>If you decide not to install the WooCommerce plugin, the full site will still be imported, but the eCommerce aspect will not be active. The following plugins have been used with the <a href=\"https://avada.theme-fusion.com/takeout/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Takeout</a> website:</p>\n</div><div class=\"fusion-fss-plugins-used\"><div class=\"fusion-fss-plugins-wrapper\" style=\"flex-direction:row;margin:-7.5px;\"><div class=\"fusion-fss-plugin-wrapper\" style=\"margin:7.5px;flex-basis: calc(50% - 15px);padding-top:1em;padding-right:1em;padding-bottom:1em;padding-left:1em;background-color:#F2F7F8;border-radius:7px;font-size:1.2em;color:#333333;\"><div class=\"fusion-fss-plugin\"><span class=\"fusion-fss-plugin-icon\"><svg width=\"169\" height=\"100\" viewBox=\"0 0 169 100\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0)\"><path d=\"M16.4673 0H152.663C161.282 0 168.26 6.97713 168.26 15.5967V67.585C168.26 76.2039 161.283 83.1817 152.663 83.1817H103.822L110.526 99.5987L81.0431 83.1817H16.5366C7.91761 83.1817 0.93983 76.2046 0.93983 67.585V15.5967C0.871425 7.04575 7.84898 0 16.4679 0H16.4673Z\" fill=\"#9B5C8F\"/><path d=\"M10.4662 14.2157C11.4184 12.9234 12.8468 12.2432 14.7512 12.1072C18.2201 11.8351 20.1926 13.4675 20.6687 17.0044C22.7772 31.2201 25.0897 43.2586 27.5386 53.1214L42.4341 24.7586C43.7944 22.174 45.4948 20.8137 47.5353 20.6776C50.528 20.4736 52.3645 22.378 53.1126 26.391C54.813 35.4374 56.9896 43.1231 59.5742 49.6525C61.3426 32.376 64.3354 19.9296 68.5526 12.2433C69.5729 10.3389 71.0692 9.38666 73.0417 9.25058C74.6061 9.11455 76.0345 9.59066 77.3267 10.6109C78.619 11.6312 79.2992 12.9235 79.4352 14.4878C79.5032 15.7121 79.2992 16.7323 78.755 17.7526C76.1024 22.6498 73.9259 30.8801 72.1577 42.3062C70.4573 53.3931 69.8451 62.031 70.2532 68.2206C70.3892 69.921 70.1172 71.4174 69.437 72.7097C68.6208 74.206 67.3965 75.0222 65.8322 75.1582C64.0637 75.2943 62.2273 74.4781 60.4589 72.6416C54.1334 66.1801 49.1001 56.522 45.4275 43.6665C41.0065 52.3723 37.7419 58.9024 35.6334 63.2554C31.6205 70.941 28.2197 74.8861 25.3628 75.09C23.5263 75.226 21.962 73.6616 20.6016 70.3969C17.1328 61.4864 13.3918 44.2786 9.37876 18.7727C9.1067 17.0042 9.5148 15.4399 10.467 14.2155L10.4662 14.2157ZM156.636 24.8941C154.188 20.6091 150.583 18.0242 145.754 17.0039C144.462 16.7318 143.237 16.5958 142.081 16.5958C135.551 16.5958 130.246 19.9967 126.097 26.7984C122.56 32.5798 120.792 38.9736 120.792 45.9788C120.792 51.2161 121.88 55.705 124.057 59.4461C126.505 63.7312 130.11 66.3161 134.939 67.3363C136.231 67.6084 137.456 67.7444 138.612 67.7444C145.209 67.7444 150.515 64.3436 154.596 57.5418C158.132 51.6924 159.901 45.2987 159.901 38.2935C159.969 32.9882 158.813 28.5673 156.636 24.8941V24.8941ZM148.066 43.7346C147.114 48.2237 145.414 51.5562 142.897 53.8013C140.925 55.5697 139.088 56.3179 137.388 55.9778C135.755 55.6378 134.395 54.2094 133.375 51.5568C132.559 49.4483 132.15 47.3398 132.15 45.3673C132.15 43.6669 132.286 41.9665 132.627 40.4021C133.239 37.6135 134.395 34.8928 136.231 32.308C138.476 28.9752 140.856 27.6149 143.305 28.091C144.938 28.4311 146.298 29.8595 147.318 32.5121C148.134 34.6206 148.542 36.7291 148.542 38.7016C148.542 40.47 148.406 42.1704 148.066 43.7348L148.066 43.7346ZM114.058 24.8941C111.609 20.6091 107.936 18.0242 103.175 17.0039C101.883 16.7318 100.659 16.5958 99.5025 16.5958C92.973 16.5958 87.6679 19.9967 83.5188 26.7984C79.982 32.5798 78.2135 38.9736 78.2135 45.9788C78.2135 51.2161 79.3018 55.705 81.4783 59.4461C83.9269 63.7312 87.5318 66.3161 92.3607 67.3363C93.6529 67.6084 94.8773 67.7444 96.0335 67.7444C102.631 67.7444 107.936 64.3436 112.017 57.5418C115.554 51.6924 117.322 45.2987 117.322 38.2935C117.322 32.9882 116.234 28.5673 114.058 24.8941V24.8941ZM105.42 43.7346C104.468 48.2237 102.767 51.5562 100.251 53.8013C98.2781 55.5697 96.4417 56.3179 94.7413 55.9778C93.1088 55.6378 91.7485 54.2094 90.7283 51.5568C89.9121 49.4483 89.504 47.3398 89.504 45.3673C89.504 43.6669 89.64 41.9665 89.9801 40.4021C90.5923 37.6135 91.7486 34.8928 93.585 32.308C95.8295 28.9752 98.2101 27.6149 100.659 28.091C102.291 28.4311 103.652 29.8595 104.672 32.5121C105.488 34.6206 105.896 36.7291 105.896 38.7016C105.964 40.47 105.76 42.1704 105.42 43.7348L105.42 43.7346Z\" fill=\"white\"/></g><defs><clipPath id=\"clip0\"><rect width=\"167.32\" height=\"100\" fill=\"white\" transform=\"translate(0.93811)\"/></clipPath></defs></svg></span><span class=\"fusion-fss-plugin-text\">WooCommerce</span></div></div></div></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-135{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-135 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"support\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">World-Class Support And Resources</h3></div><div class=\"fusion-text fusion-text-132\"><p>Many facets set the <a href=\"https://avada.theme-fusion.com/avada-website-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> apart from the competition. None more important is that Avada is not reliant on 3rd party builders and tools to deliver a stable and seamless website building experience. No waiting for external developers and toolset creators to deliver the next update for your theme. We take pride in the fact that Avada is 100% maintained, evolved, and developed according to strict WordPress and PHP coding standards. Avada gives you peace of mind and guarantees that what you have to work with will always be ahead of the latest industry requirements.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-37\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-envelope-open-text fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/how-to-register-for-avada-support/\" target=\"_blank\" rel=\"noopener noreferrer\">Register for Avada support</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-comments fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/support/submit-a-ticket/\" target=\"_blank\" rel=\"noopener noreferrer\">Need to submit a support ticket?</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-cart-arrow-down fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/extending-and-renewing-envato-item-support/\" target=\"_blank\" rel=\"noopener noreferrer\">How to extend or renew support</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-question fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/avada-grandfathered-support/\" target=\"_blank\" rel=\"noopener noreferrer\">Are you eligible for Grandfathered support?</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-columns fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/how-to-use-the-avada-support-desk/\" target=\"_blank\" rel=\"noopener noreferrer\">How to use the Avada support Dashboard</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-file-alt fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Documentation</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-file-video fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://www.youtube.com/c/ThemeFusionVideos/videos\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Video Tutorials</a></p>\n</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-136{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-136 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"prebuiltwebsite\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">What is a Prebuilt Website?</h2></div><div class=\"fusion-text fusion-text-133\"><p>Simply put, <a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\" _self\" rel=\"noopener noreferrer\">prebuilt websites</a> are complete websites that have been designed and built to fit an industry niche. Each website comprises pages, posts, content layouts, images, or various media types representing or showcasing an online presence for a target audience or business type. </p>\n<p><a href=\"https://bit.ly/3c31m9H\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> prebuilt websites and prebuilt content layouts (individual page or post content, layout sections, Call-to-actions, etc.) are carefully crafted by our talented team of designers to give you, the Avada user, a way to save time when prototyping a new website. </p>\n<p>Avada&#8217;s prebuilt websites are a fantastic resource for creativity and inspiration. They will make web design a more efficient and productive process for beginners, marketers, and professionals alike. Here are some essential facts:</p>\n</div><ul class=\"fusion-checklist fusion-checklist-38\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">They are created to save you time when building a new website.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A prebuilt website can be imported with a few clicks.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Each prebuilt website is mobile and SEO friendly.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Each prebuilt website is entirely customizable to suit your project and branding needs.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">You can white-label any prebuilt website for client work.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Prebuilt websites are included with your <a href=\"https://bit.ly/3c31m9H\" target=\"_blank\" rel=\"noopener noreferrer\">purchase</a> of the Avada Website Builder.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Each prebuilt website is <a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\" _self\" rel=\"noopener noreferrer\">optimized</a> for <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\" _self\" rel=\"noopener noreferrer\">performance</a>.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-137{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-137 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"install\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Fast One-Click Install</h2></div><div class=\"fusion-text fusion-text-134\"><p>Importing any Avada Prebuilt Website is as simple as clicking a button, with pre-import selections making it highly flexible. You can choose to import a <a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" rel=\"noopener noreferrer\">full website</a><a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" rel=\"noopener noreferrer\"> </a>(more than <span class=\"fusion-cs-live-demos\">83</span> to choose from) and parts of any other and anything in between. Choose pages, posts, portfolios, images, sliders, theme options, widgets, or uninstall as you prefer.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-54 hover-type-none\"><a class=\"fusion-no-lightbox\" href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" aria-label=\"Avada Prebuilt Website Import\" rel=\"noopener noreferrer\"><img width=\"1100\" height=\"420\" alt=\"Avada Prebuilt Website Import\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed.png\" class=\"img-responsive wp-image-867914\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-200x76.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-400x153.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-600x229.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-800x305.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed.png 1100w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-18{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.fusion-builder-column-18 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-18{width:100% !important;order : 0;}.fusion-builder-column-18 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-18{width:100% !important;order : 0;}.fusion-builder-column-18 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-19{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-20 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-19 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-138{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-138 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"structure\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Website Structure</h2></div><div class=\"fusion-text fusion-text-135\"><p>A page or post structure is divided into four main sections: the Header, the Page Title Bar, Content, and the Footer. With the Avada Website Builder, you can independently edit each of these sections to create super flexible and stunning layout designs.</p>\n<p>Below is a list of the <a href=\"https://avada.theme-fusion.com/takeout/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Takeout</a> pages and posts that have been prebuilt just for you. Once installed, you can change all aspects of each Layout, and at any time, add new pages to suit your online business needs.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-39\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/takeout/\" target=\"_blank\" rel=\"noopener noreferrer\">Home Page &#8211; Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/takeout/alternate-home/\" target=\"_blank\" rel=\"noopener noreferrer\">Alternate Home &#8211; Page Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/takeout/menu/\" target=\"_blank\" rel=\"noopener noreferrer\">Ordering Online &#8211; Page Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/takeout/about/\" target=\"_blank\" rel=\"noopener noreferrer\">About &#8211; Page Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/takeout/news/\" target=\"_blank\" rel=\"noopener noreferrer\">News &#8211; Page Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/takeout/contact-us/\" target=\"_blank\" rel=\"noopener noreferrer\">Contact &#8211; Page Layout</a></p>\n</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-19{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.fusion-builder-column-19 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-19{width:100% !important;order : 0;}.fusion-builder-column-19 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-19{width:100% !important;order : 0;}.fusion-builder-column-19 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-20{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-21 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-20 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-139{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-139 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"layouts\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Explaining Layouts &amp; Layout Sections</h2></div><div class=\"fusion-text fusion-text-136\"><p>Before we look at the specific Layouts on the Avada Takeout prebuilt website, the first thing to understand is the Layouts and Layout Sections&#8217; architecture. You can think of Layouts as a container for the page content. In contrast, the actual content comes from the various Layout Sections. There are four Layout Sections on a page – the Header, Page Title Bar, Content, and Footer Layout Sections.</p>\n<p>There is a default Global Layout, and any Layout Sections added to that will be shown on all pages of your website. There are Conditional Layouts with conditional logic to determine how the Layout will be used.</p>\n<p>You can make as many Layouts and Layout Sections as you like, and you can use the Layout Sections in multiple Layouts. But you can only use a specific condition on a single Layout, so the theme knows which one to use.</p>\n<p>See <a href=\"https://theme-fusion.com/documentation/fusion-builder/theme-builder/understanding-layouts-and-layout-sections/\" target=\"_blank\" rel=\"noopener noreferrer\">Understanding Layouts &amp; Layout Sections</a> and <a href=\"https://theme-fusion.com/documentation/fusion-builder/theme-builder/understanding-conditional-layouts/\" target=\"_blank\" rel=\"noopener noreferrer\">Understanding Conditional Layouts</a> for more info.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-55 hover-type-none\"><img width=\"1817\" height=\"3407\" alt=\"Avada Layout Sections Legend\" title=\"Avada Layout Sections Legend\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image.png\" class=\"img-responsive wp-image-867864\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-200x375.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-400x750.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-600x1125.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-800x1500.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-1200x2250.png 1200w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image.png 1817w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-140{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-140 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"wordpresspages\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Explaining WordPress Pages vs. Posts</h2></div><div class=\"fusion-text fusion-text-137\"><p>Website pages are allocated for static content such as your website&#8217;s homepage, about, contact page, and so on, and are timeless entities.</p>\n<p>Website posts are allocated to blog content listed in reverse (newest to the oldest) chronological order and are timely. Older posts are archived based on month and year. You can also create content for custom post types or CPT. In Avada, an example of this is the Portfolio post type. Check out this detailed <a href=\"https://wordpress.com/support/post-vs-page/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress article</a> for more information.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-141{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-141 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"change\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">What Can I Change? Is the Design Flexible?</h2></div><div class=\"fusion-text fusion-text-138\"><p>The <a href=\"https://avada.theme-fusion.com/takeout/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Takeout</a><a href=\"https://avada.theme-fusion.com/mechanic/\" target=\"_blank\" rel=\"noopener noreferrer\"> </a>prebuilt website is exactly that, prebuilt, for you. If the design and style suit your website needs, you can use it as a starting point, and you can change as much or as little as you need to.</p>\n<p>The most obvious details that you will want to change at first is the website&#8217;s wording, titles, color scheme, and images. You can choose to leave the overall layouts as is or Drag and Drop to rearrange the content&#8217;s order. Further to that, you can add or remove any of the <a href=\"https://avada.theme-fusion.com/design-elements/\" target=\"_blank\" rel=\"noopener noreferrer\">Design </a><a href=\"https://avada.theme-fusion.com/design-elements/\" target=\"_blank\" rel=\"noopener noreferrer\">Elements </a>to fine-tune your preferred business narrative. In short, you can change every single aspect of the prebuilt website&#8217;s Layout and content.</p>\n<p>Editing a page&#8217;s content and layouts is done using the <a href=\"https://avada.theme-fusion.com/avada-live/\" target=\"_blank\" rel=\"noopener noreferrer\">Drag and Drop</a> live editor or using the traditional back-end method. The first image below shows the Live visual Drag and Drop editor is used to edit the content:</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-56 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Live-Editing.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[21a0e6e2cf993574f15]\" data-title=\"Avada Takeout Live Editing\" title=\"Avada Takeout Live Editing\"><img width=\"1920\" height=\"935\" alt=\"Live Editor\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Live-Editing.jpg\" class=\"img-responsive wp-image-868420\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Live-Editing-200x97.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Live-Editing-400x195.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Live-Editing-600x292.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Live-Editing-800x390.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Live-Editing-1200x584.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Live-Editing.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-139\"><p>The image below shows the traditional back-end method is used to edit the content:</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-57 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Backend-Editing.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[27cf65a14f736663610]\" data-title=\"Avada Takeout Backend Editing\" title=\"Avada Takeout Backend Editing\"><img width=\"1901\" height=\"848\" alt=\"Back-end Editing\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Backend-Editing.jpg\" class=\"img-responsive wp-image-868421\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Backend-Editing-200x89.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Backend-Editing-400x178.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Backend-Editing-600x268.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Backend-Editing-800x357.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Backend-Editing-1200x535.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Backend-Editing.jpg 1901w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-142{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-142 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"comparison\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">A Side By Side Comparison (Builder vs. No Builder)</h2></div><div class=\"fusion-text fusion-text-140\"><p>We have created a side by side point of reference that illustrates the differences in building a website using the Avada Website Builder to design custom Layouts vs. not using The Avada Website Builder and only using predefined options. The latter will allow you only to build a basic site, in comparison.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-40\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/handmade/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Handmade</a> (Using the Website Builder)</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-times fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/handmade-basic/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Handmade Basic</a> (Not using the Website Builder)</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;\"></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-20{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-20 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-20{width:100% !important;order : 0;}.fusion-builder-column-20 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-20{width:100% !important;order : 0;}.fusion-builder-column-20 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-21{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-22 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-21 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-143{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-143 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"homepage\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Exploring The Homepage Layout</h2></div><div class=\"fusion-text fusion-text-141\"><p>If you type the base-level domain name of any particular website into the browser, you will, by default, arrive on the website&#8217;s homepage. The homepage serves as a vital landing page for your visitors by capturing their attention and letting them know what the website is all about. There is the conjectured &#8220;5 Second Rule&#8221; for Web Usability and how it translates the user reaction when landing on the site for the first time into either a positive or negative experience.</p>\n<p>For well over a decade, the main focus for web designers was to showcase style over function for the most part. As time has passed, <a href=\"https://theme-fusion.com/documentation/avada/video-tutorials/how-to-optimize-above-the-fold-content-for-performance-video/\" target=\"_blank\" rel=\"noopener noreferrer\">above the fold</a> content delivery and the impact on <a href=\"https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Core Web Vitals</a> has shifted the focus over to mobile vs. desktop speed and <a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">optimization</a>.</p>\n<p>Each of the Avada <a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" rel=\"noopener noreferrer\">Prebuilt Websites</a> are meticulously designed with the ideal balance between style and function, and we use the Avada <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">Performance Wizard</a> to provide improved results.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-144{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-144 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">The Header</h3></div><div class=\"fusion-text fusion-text-142\"><p>For the Avada Takeout prebuilt website, the Header was created using the Avada <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-header-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Header Builder</a> and is set globally across the website. This means that every page and post will use the same Header layout without any further conditions set. For example, you can change this if required by creating a unique Header layout for different pages or posts. You can check how this is structured on the backend by clicking this <a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Global-Header.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">link</a>.</p>\n</div><div style=\"text-align:center;\"><span class=\" fusion-imageframe imageframe-none imageframe-58 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Header.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[71644eeba7fa213f486]\" data-title=\"Avada Takeout Header\" title=\"Avada Takeout Header\"><img width=\"1901\" height=\"182\" alt=\"Avada Takeout Header\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Header.jpg\" class=\"img-responsive wp-image-868423\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Header-200x19.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Header-400x38.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Header-600x57.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Header-800x77.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Header-1200x115.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Header.jpg 1901w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-145{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-145 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">The Page Content</h3></div><div class=\"fusion-text fusion-text-143\"><p>The content part of the homepage, the area between the Header and Footer, does not use a page title bar. You can change this page&#8217;s content in an infinite number of ways to best suit your business marketing and brand requirements.</p>\n<p>Page and Post content is structured using Container and Column Elements, and if required, Nested Columns. Check out the help file links below for detailed information and videos explaining what they are and how to use them:</p>\n</div><ul class=\"fusion-checklist fusion-checklist-41\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">What are Containers, and how to use them? Read more <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">What are Columns, and how to use them? Read more <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">What are Nested Columns, and how to use them? Read more <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li></ul></div><style type=\"text/css\">.fusion-body .fusion-builder-column-21{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-21 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-21{width:100% !important;order : 0;}.fusion-builder-column-21 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-21{width:100% !important;order : 0;}.fusion-builder-column-21 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-22{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-23 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-22 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-146{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-146 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">The Hero</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-59 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Hero.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[b47463fa6ae11517b67]\" data-title=\"Avada Takeout Hero\" title=\"Avada Takeout Hero\"><img width=\"1899\" height=\"815\" alt=\"Avada Takeout Hero\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Hero.jpg\" class=\"img-responsive wp-image-868424\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Hero-200x86.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Hero-400x172.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Hero-600x258.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Hero-800x343.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Hero-1200x515.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Hero.jpg 1899w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-144\"><p>Instead of using a traditional image slider, like the <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-slider/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Slider</a>, <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/slider-revolution/\" target=\"_blank\" rel=\"noopener noreferrer\">Slider Revolution</a> or <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/layer-slider/\" target=\"_blank\" rel=\"noopener noreferrer\">Layer Slider</a>, as the above-the-fold hero section, this prebuilt site uses a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container</a> with a Background Image. Added to the container is one 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column</a>, <span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">structured with two <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>.</span></p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-147{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-147 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">More Information</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-60 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-4x-USP.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[9696d8ae0b3cc4aab8b]\" data-title=\"Avada Takeout 4x USP\" title=\"Avada Takeout 4x USP\"><img width=\"1901\" height=\"146\" alt=\"Avada Takeout More Information\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-4x-USP.jpg\" class=\"img-responsive wp-image-868426\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-4x-USP-200x15.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-4x-USP-400x31.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-4x-USP-600x46.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-4x-USP-800x61.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-4x-USP-1200x92.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-4x-USP.jpg 1901w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-145\"><p><span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">This section is built using a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with one 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column</a> using the <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Element</a>. Simply put, Nested Columns are columns within columns. In this example, the Nested Columns Element contains four 1/4 (25% width) Columns, each containing a <a href=\"https://theme-fusion.com/documentation/avada/elements/checklist-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Checklist Element</a>.</span></p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-148{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-148 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Most Popular</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-61 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Most-Popular.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[ce7e5f9fd9029bf2a3e]\" data-title=\"Avada Takeout Most Popular\" title=\"Avada Takeout Most Popular\"><img width=\"1898\" height=\"854\" alt=\"Avada Takeout Most Popular\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Most-Popular.jpg\" class=\"img-responsive wp-image-868430\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Most-Popular-200x90.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Most-Popular-400x180.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Most-Popular-600x270.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Most-Popular-800x360.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Most-Popular-1200x540.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Most-Popular.jpg 1898w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-146\"><p>For this example, a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with three rows with <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>, with each row containing one 1/1 (100% width) Column. Collectively, these Columns hold a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, the <a href=\"https://theme-fusion.com/documentation/avada/elements/woo-featured-products-slider-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Woo Featured Products Slider Element</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-149{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-149 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Discount Banner</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-62 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-20_-Off.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[dfa3f76476cb25abee0]\" data-title=\"Avada Takeout 20_ Off\" title=\"Avada Takeout 20_ Off\"><img width=\"1903\" height=\"630\" alt=\"Avada Takeout Discount Banner\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-20_-Off.jpg\" class=\"img-responsive wp-image-868434\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-20_-Off-200x66.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-20_-Off-400x132.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-20_-Off-600x199.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-20_-Off-800x265.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-20_-Off-1200x397.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-20_-Off.jpg 1903w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-147\"><p>This section uses a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with a Background Image. Here you will find one 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column</a> with a <a href=\"https://theme-fusion.com/documentation/avada/elements/section-separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Section Separator Element</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-150{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-150 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Our Menu</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-63 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-CTA.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[ca199b727ce6b8a1b97]\" data-title=\"Avada Takeout Our Menu CTA\" title=\"Avada Takeout Our Menu CTA\"><img width=\"1901\" height=\"652\" alt=\"Avada Takeout Our Menu\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-CTA.jpg\" class=\"img-responsive wp-image-868438\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-CTA-200x69.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-CTA-400x137.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-CTA-600x206.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-CTA-800x274.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-CTA-1200x412.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-CTA.jpg 1901w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-148\"><p>Using images as a way to highlight a call-to-action or for advertizing and promotion reasons is standard practice, and the <a href=\"https://avada.theme-fusion.com/avada-website-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> makes this task even easier for you. To create this section, a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container Element</a> with 3 rows of <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>. In the first row, you will find one 2/3 (66.67% width) Column, containing two <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</a> and one 1/3 (33.33% width) Column, containing a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>.</p>\n<p>In the second and third rows, you will see that there are four 1/4 (25% width) Columns, per row. Each Column has a Link URL and a Background Image, with a Title Element.</p>\n<p>Depending on the marketing goal, CTA&#8217;s can drive a variety of different actions and results for your website visitors. Check this article for some CTA inspiration, <a href=\"https://blog.hubspot.com/marketing/call-to-action-examples\" target=\"_blank\" rel=\"noopener noreferrer\">39 Call-to-Action Examples You Can&#8217;t Help But Click</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-151{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-151 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Menu Categories</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-64 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[2b018c0efea44f5be1c]\" data-title=\"Avada Takeout Our Menu\" title=\"Avada Takeout Our Menu\"><img width=\"1900\" height=\"211\" alt=\"Avada Takeout Menu Categories\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu.jpg\" class=\"img-responsive wp-image-868447\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-200x22.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-400x44.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-600x67.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-800x89.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu-1200x133.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Our-Menu.jpg 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-149\"><p>For this example, a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with four 1/4 (25% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>, each containing an <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</a> and a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-152{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-152 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Mobile App &#8211; CTA</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-65 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Download-Our-App.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[2bb37ce46e0bb6d8c17]\" data-title=\"Avada Takeout Download Our App\" title=\"Avada Takeout Download Our App\"><img width=\"1902\" height=\"570\" alt=\"Avada Takeout Mobile App CTA\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Download-Our-App.jpg\" class=\"img-responsive wp-image-868455\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Download-Our-App-200x60.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Download-Our-App-400x120.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Download-Our-App-600x180.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Download-Our-App-800x240.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Download-Our-App-1200x360.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Download-Our-App.jpg 1902w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-150\"><p><span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">For this example, the CTA section is made up of a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with a Background Image. Here you will find two 1/2 (50% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>, collectively containing two <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</a> and a <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Element</a>. The Nested Columns Element is structured with three 1/3 (33.33% width) Columns, of which the first two contain an <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Element</a> with a Picture Link, and the third is used for spacing.</span></p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-153{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-153 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Latest News</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-66 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Latest-News.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[ccb7fd3c83712f6b4b5]\" data-title=\"Avada Takeout Latest News\" title=\"Avada Takeout Latest News\"><img width=\"1902\" height=\"839\" alt=\"Avada Takeout Latest News\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Latest-News.jpg\" class=\"img-responsive wp-image-868457\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Latest-News-200x88.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Latest-News-400x176.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Latest-News-600x265.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Latest-News-800x353.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Latest-News-1200x529.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Latest-News.jpg 1902w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-151\"><p><span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">For this example, </span><span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px;\">a</span><span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\"> <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with two rows of <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a> is used. In the first row, there is one 2/3 (66.67% width) Column with two <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</a> and one 1/3 (33.33% width) Column, with a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>. </span><span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); font-style: var(--body_typography-font-style,normal); letter-spacing: 0px;\">In the second row, there are two 1/2 (50% width) Columns, each of them containing a <a href=\"https://theme-fusion.com/documentation/avada/elements/blog-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Blog Element</a>.</span></p>\n</div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-22{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-22 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-22{width:100% !important;order : 0;}.fusion-builder-column-22 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-22{width:100% !important;order : 0;}.fusion-builder-column-22 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-23{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-24 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-23 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-154{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-154 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:10px;\" id=\"footer\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">The Footer</h2></div><div class=\"fusion-text fusion-text-152\"><p>A website footer aims to help visitors by providing appropriate information and navigation options at the bottom of website pages. Website footer design is underrated and more valuable to your website than you may think and is essential to the overall end-user experience. Three key points stand out, namely:</p>\n</div><ul class=\"fusion-checklist fusion-checklist-42\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer should provide a website visitor with additional choices. If you want people to sign up for your mailing list, view a product demo, or contact you, inviting them at the end of a scroll is a compelling call to action.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer should create a path for continued engagement by including navigation links to products, services, or other parts of your website.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#ce1a26;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer can access essential information like ways to contact your company and customer services, privacy statements, and potential legal disclaimers.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-153\"><p>For the <a href=\"https://avada.theme-fusion.com/takeout/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Takeout</a> prebuilt website, the Footer was created using the Avada <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-footer-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Footer Builder</a> and this particular Footer content and Layout is set to display globally across the website. This means that every page and post will use the same Footer layout without any further conditions set. For example, you can change this if required by creating a unique Footer layout for different pages or posts. Let us take a closer look below:</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-155{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-155 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Footer Content</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-67 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Footer.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[ab7af97c3e9382e184a]\" data-title=\"Avada Takeout Footer\" title=\"Avada Takeout Footer\"><img width=\"1901\" height=\"905\" alt=\"Avada Takeout Footer\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Footer.jpg\" class=\"img-responsive wp-image-868460\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Footer-200x95.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Footer-400x190.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Footer-600x286.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Footer-800x381.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Footer-1200x571.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Footer.jpg 1901w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-154\"><p>The Footer content is structured using one <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container</a>. Here you will find several <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a> using a couple of <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</a>, <a href=\"https://theme-fusion.com/documentation/avada/elements/widget-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Widget Element</a>, <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Elements</a>, <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Elements</a>, <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Elements</a>, <a href=\"https://theme-fusion.com/documentation/avada/elements/social-links-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Social Links Elements</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Element</a>, and the <a href=\"https://theme-fusion.com/documentation/avada/elements/avada-form-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Form Element</a>, with the use of <a href=\"https://theme-fusion.com/documentation/avada/options/how-to-use-dynamic-content-options-in-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">Dynamic Data Options</a> to display the website information, in the second Container. You can check how this is structured on the backend by clicking this <a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Takeout-Global-Footer.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">link</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-156{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-156 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:10px;\" id=\"summary\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">In Summary</h2></div><div class=\"fusion-text fusion-text-155\"><p>There are <span class=\"fusion-cs-live-demos\">83</span> <a href=\"https://bit.ly/3c31m9H\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> prebuilt websites to choose from, with more being added regularly. Our amazing design team created these prebuilt websites as a way to give you a head start when building your <a href=\"https://bit.ly/3c31m9H\" target=\"_blank\" rel=\"noopener noreferrer\">next</a> website.</p>\n<p>You can change the styling, Layouts, content as much or as little as you need to quickly adapt any individual prebuilt site to suit your chosen niche. Get started with the Avada Website Builder today and launch your business online; Fast.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-12 .fusion-button-text, .fusion-button.button-12 i {color:#fff;}.fusion-button.button-12 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-12:hover .fusion-button-text, .fusion-button.button-12:hover i,.fusion-button.button-12:focus .fusion-button-text, .fusion-button.button-12:focus i,.fusion-button.button-12:active .fusion-button-text, .fusion-button.button-12:active{color:#fff;}.fusion-button.button-12:hover .fusion-button-icon-divider, .fusion-button.button-12:hover .fusion-button-icon-divider, .fusion-button.button-12:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-12:hover, .fusion-button.button-12:focus, .fusion-button.button-12:active{border-color:#fff;}.fusion-button.button-12 {border-color:#fff;border-radius:2px;}.fusion-button.button-12{background: #f86635;}.fusion-button.button-12:hover,.button-12:focus,.fusion-button.button-12:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-12 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" href=\"https://bit.ly/3c31m9H\"><span class=\"fusion-button-text\">Buy Avada Takeout For Only $60</span><i class=\"fa-shopping-cart fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-23{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-23 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-23{width:100% !important;order : 0;}.fusion-builder-column-23 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-23{width:100% !important;order : 0;}.fusion-builder-column-23 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-24{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div></p>\n<p>The post <a rel=\"nofollow\" href=\"https://theme-fusion.com/avada-takeout-deconstructing-a-prebuilt-website/\">Avada Takeout: Deconstructing a Prebuilt Website</a> appeared first on <a rel=\"nofollow\" href=\"https://theme-fusion.com\">ThemeFusion | Avada Website Builder</a>.</p>\n\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:36:\"http://wellformedweb.org/CommentAPI/\";a:1:{s:10:\"commentRss\";a:1:{i:0;a:5:{s:4:\"data\";s:78:\"https://theme-fusion.com/avada-takeout-deconstructing-a-prebuilt-website/feed/\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:38:\"http://purl.org/rss/1.0/modules/slash/\";a:1:{s:8:\"comments\";a:1:{i:0;a:5:{s:4:\"data\";s:1:\"1\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}}}i:4;a:6:{s:4:\"data\";s:85:\"\n		\n		\n					\n		\n		\n		\n				\n		\n		\n		\n		\n		\n\n					\n										\n					\n					\n			\n		\n		\n			\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";s:5:\"child\";a:5:{s:0:\"\";a:7:{s:5:\"title\";a:1:{i:0;a:5:{s:4:\"data\";s:58:\"Avada Cleaning Services: Deconstructing a Prebuilt Website\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:4:\"link\";a:1:{i:0;a:5:{s:4:\"data\";s:83:\"https://theme-fusion.com/avada-cleaning-services-deconstructing-a-prebuilt-website/\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:8:\"comments\";a:1:{i:0;a:5:{s:4:\"data\";s:92:\"https://theme-fusion.com/avada-cleaning-services-deconstructing-a-prebuilt-website/#comments\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:7:\"pubDate\";a:1:{i:0;a:5:{s:4:\"data\";s:31:\"Tue, 06 Jul 2021 11:38:30 +0000\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:8:\"category\";a:5:{i:0;a:5:{s:4:\"data\";s:17:\"Prebuilt Websites\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:1;a:5:{s:4:\"data\";s:5:\"Avada\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:2;a:5:{s:4:\"data\";s:15:\"Beginners Guide\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:3;a:5:{s:4:\"data\";s:10:\"Web Design\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:4;a:5:{s:4:\"data\";s:8:\"Branding\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:4:\"guid\";a:1:{i:0;a:5:{s:4:\"data\";s:34:\"https://theme-fusion.com/?p=866804\";s:7:\"attribs\";a:1:{s:0:\"\";a:1:{s:11:\"isPermaLink\";s:5:\"false\";}}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:11:\"description\";a:1:{i:0;a:5:{s:4:\"data\";s:640:\"<p>Say hello to Avada Cleaning Services. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Cleaning Services can be imported at the click of a button and is highly flexible. Every aspect of the prebuilt website is easily customizable, and it can be adapted and branded to suit [...]</p>\n<p>The post <a rel=\"nofollow\" href=\"https://theme-fusion.com/avada-cleaning-services-deconstructing-a-prebuilt-website/\">Avada Cleaning Services: Deconstructing a Prebuilt Website</a> appeared first on <a rel=\"nofollow\" href=\"https://theme-fusion.com\">ThemeFusion | Avada Website Builder</a>.</p>\n\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:32:\"http://purl.org/dc/elements/1.1/\";a:1:{s:7:\"creator\";a:1:{i:0;a:5:{s:4:\"data\";s:8:\"Schantel\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:40:\"http://purl.org/rss/1.0/modules/content/\";a:1:{s:7:\"encoded\";a:1:{i:0;a:5:{s:4:\"data\";s:146786:\"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-25 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-24 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-156\"><p>Say hello to <a href=\"https://avada.theme-fusion.com/cleaning-services/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Cleaning Services</a>. This <a href=\"https://bit.ly/3r2Zdii\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Cleaning Services can be imported at the click of a button and is highly flexible. Every aspect of the prebuilt website is easily customizable, and it can be adapted and branded to suit any business model or venture using the Avada Website Builder.</p>\n<p>In this article, we will explore the header, footer, and homepage layouts that make up the overall website structure to explore how the <a href=\"https://avada.theme-fusion.com/website-builder-features/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> is used to create successful websites. The <a href=\"https://avada.theme-fusion.com/cleaning-services/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Cleaning Services</a> article is a part of a deconstruction series and is the follow-on article that explores the <a href=\"https://theme-fusion.com/avada-mechanic-deconstructing-a-prebuilt-website/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Mechanic</a> prebuilt website. It is important to highlight that <a href=\"https://bit.ly/3r2Zdii\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> gives you total design freedom to create unique layouts for your website that work, with the only limit being your imagination.</p>\n</div><div class=\"fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-16 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-13 .fusion-button-text, .fusion-button.button-13 i {color:#fff;}.fusion-button.button-13 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-13:hover .fusion-button-text, .fusion-button.button-13:hover i,.fusion-button.button-13:focus .fusion-button-text, .fusion-button.button-13:focus i,.fusion-button.button-13:active .fusion-button-text, .fusion-button.button-13:active{color:#fff;}.fusion-button.button-13:hover .fusion-button-icon-divider, .fusion-button.button-13:hover .fusion-button-icon-divider, .fusion-button.button-13:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-13:hover, .fusion-button.button-13:focus, .fusion-button.button-13:active{border-color:#fff;}.fusion-button.button-13 {border-color:#fff;border-radius:2px;}.fusion-button.button-13{background: #f86635;}.fusion-button.button-13:hover,.button-13:focus,.fusion-button.button-13:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-13 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://avada.theme-fusion.com/cleaning-services/\"><span class=\"fusion-button-text\">View Live</span><i class=\"fa-eye fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-16{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-16 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-16{width:100% !important;order : 0;}.fusion-builder-nested-column-16 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-16{width:100% !important;order : 0;}.fusion-builder-nested-column-16 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-17 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-14 .fusion-button-text, .fusion-button.button-14 i {color:#fff;}.fusion-button.button-14 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-14:hover .fusion-button-text, .fusion-button.button-14:hover i,.fusion-button.button-14:focus .fusion-button-text, .fusion-button.button-14:focus i,.fusion-button.button-14:active .fusion-button-text, .fusion-button.button-14:active{color:#fff;}.fusion-button.button-14:hover .fusion-button-icon-divider, .fusion-button.button-14:hover .fusion-button-icon-divider, .fusion-button.button-14:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-14:hover, .fusion-button.button-14:focus, .fusion-button.button-14:active{border-color:#fff;}.fusion-button.button-14 {border-color:#fff;border-radius:2px;}.fusion-button.button-14{background: #f86635;}.fusion-button.button-14:hover,.button-14:focus,.fusion-button.button-14:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-14 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" href=\"https://bit.ly/3r2Zdii\"><span class=\"fusion-button-text\">Purchase For $60</span><i class=\"fa-shopping-cart fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-17{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-17 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-17{width:100% !important;order : 0;}.fusion-builder-nested-column-17 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-17{width:100% !important;order : 0;}.fusion-builder-nested-column-17 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-157{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-157 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Overview</h2></div><ul class=\"fusion-checklist fusion-checklist-43\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#features\">Styling and Features</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#performance\">Performance &amp; Optimization</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#palette\">Color Palette</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#typography\">Typography</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#getstarted\">To Get Started You Will Need The Following</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#plugins\">Recommended Plugins</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#support\">World-Class Support And Resources</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#prebuiltwebsite\">What is a Prebuilt Website?</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#install\">Fast One-Click Install</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#structure\">Website Structure</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#layouts\">Explaining Layouts &amp; Layout Sections</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#wordpresspages\">Explaining WordPress Pages vs. Posts</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#change\">What Can I Change? Is the Design Flexible?</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#comparison\">A Side By Side Comparison</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#homepage\">Exploring The Homepage Layout</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#footer\">The Footer</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#summary\">In Summary</a></div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-158{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-158 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"features\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Styling and Features</h2></div><div class=\"fusion-text fusion-text-157\"><p>Creating a <a href=\"https://theme-fusion.com/how-to-create-a-style-guide-for-your-wordpress-website/\" target=\"_blank\" rel=\"noopener noreferrer\">style guide</a> for your website will prove to be invaluable in the future. A style guide will help you to address <a href=\"https://theme-fusion.com/documentation/avada/avada-for-developers/wcag-2-1-aa-accessibility-and-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">usability</a>, the user experience, design consistency, and online trends in an organized and consistent manner.</p>\n<p>The <a href=\"https://avada.theme-fusion.com/avada-website-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder </a>has a vast array of features and styling options; however, you do not need to use all of them for your website, and this is where your style guide comes in. Decide upfront which styling options align with your brand and which design features are needed to make your website stand out.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-159{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-159 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"performance\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Performance &amp; Optimization</h2></div><div class=\"fusion-text fusion-text-158\"><p><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Optimizing</a> your websites for page load speed can be a seemingly complex subject because so many different facets affect how fast a page loads. It can range from the server&#8217;s speed to the options and settings selected, right through to the type and amount of content and even the size of the images added to the page or post.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-160{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-160 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">The Avada Performance Wizard</h3></div><div class=\"fusion-text fusion-text-159\"><p>The <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">Performance Wizard</a> takes the guesswork out of how to best optimize your <a href=\"https://bit.ly/3r2Zdii\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> website. To get you started you are presented with a step-by-step interface that will guide you through the process.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-68 hover-type-none\"><img width=\"1900\" height=\"1345\" alt=\"Performance Wizard Start Screen\" title=\"Performance Wizard Start Screen\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen.jpg\" class=\"img-responsive wp-image-867928\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-200x142.jpg 200w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-400x283.jpg 400w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-600x425.jpg 600w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-800x566.jpg 800w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-1200x849.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen.jpg 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-160\"><p>What is important to note is that you should build your website first before running the Performance Wizard. Creating your website&#8217;s structure, placing design elements in situ, and formulating content ensures that the system has something to work with when searching for recommendations at each step of the process. The recommendations provided are for options that can be disabled or enabled to enhance overall performance.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-44\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Features</strong><br />\nDisable any features not used on the website, thereby reducing the amount of code that is loaded.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Icons</strong><br />\nScan your website for information about icons that are being used. You can also disable unused icon sets and discover how to optimize existing icons.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Fonts/Typography</strong><br />\nCheck which fonts are being loaded on your website and then optimize how those fonts are served. Fewer variants will mean fewer requests and, therefore, faster loading times.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Elements</strong><br />\nScan your website to discover which Design, Layout, and Form Elements are not used on the website. Disable unused Elements, thereby reducing the amount of code that is loaded.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><strong>Optimization</strong><br />\nOptimize how the website&#8217;s CSS and JS assets should be enqueued. These options can have a significant impact on the performance of the page load. However, some of these options can also break functionality if you use a caching plugin, so proceed with caution.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-161{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-161 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Above The Fold Optimization</h3></div><div class=\"fusion-text fusion-text-161\"><p>&#8220;Above the fold&#8221; is the part of a webpage that is immediately visible on your desktop or mobile screen without scrolling down. Traditionally, this digital real estate is where most would choose to display attention-grabbing headlines, important sales/marketing content, images, and even slider plugins as part of the page&#8217;s hero.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-69 hover-type-none\"><img width=\"1900\" height=\"600\" alt=\"Above The Fold Optimization\" title=\"Above The Fold Optimization\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed.png\" class=\"img-responsive wp-image-868004\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-200x63.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-400x126.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-600x189.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-800x253.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-1200x379.png 1200w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed.png 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div><div class=\"fusion-text fusion-text-162\"><p>The rate of content delivery for a website, and in particular the perceived speed experienced by the end-user on a mobile device, is at the heart of Google&#8217;s <a href=\"https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/\" target=\"_blank\" rel=\"noopener noreferrer\">Core Web Vitals</a>. Thus, passing Core Web Vitals inevitably leads to a delicate balance between good SEO, attention marketing, and page load times for a website owner.</p>\n<p>To assist you with managing your website&#8217;s <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">performance</a> and <a href=\"https://theme-fusion.com/documentation/avada/video-tutorials/how-to-optimize-above-the-fold-content-for-performance-video/\" target=\"_blank\" rel=\"noopener noreferrer\">optimization</a>, our team introduced purpose-built tools and features for <a href=\"https://bit.ly/3r2Zdii\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> that can make it possible for you to fine-tune your website&#8217;s performance on mobile &amp; desktop.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-162{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-162 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Generate Critical CSS</h3></div><div class=\"fusion-text fusion-text-163\"><p>Critical CSS is a convenient performance feature. You can enable Critical CSS by going to the <em><strong>Performance Wizard &gt; Optimization</strong></em> tab. Once it has been enabled, you can access the Critical CSS page from the WordPress sidebar at <em><strong>Avada &gt; Critical CSS or Maintenance &gt; Critical CSS</strong></em> from the Avada Dashboard. Both take you to the Critical CSS page to generate Critical CSS for both pages and posts.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-70 hover-type-none\" style=\"border:1px solid #e0dede;\"><a class=\"fusion-no-lightbox\" href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" aria-label=\"Critical CSS\" rel=\"noopener noreferrer\"><img width=\"1850\" height=\"1180\" alt=\"Critical CSS\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg\" class=\"img-responsive wp-image-867029\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-200x128.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-400x255.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-600x383.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-800x510.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-1200x765.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg 1850w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-164\"><p>Critical CSS is the CSS necessary to style the above-the-fold content. When generated for a page, it will be loaded into the page head, and the rest of the CSS styles moved to the footer, resulting in less render-blocking and a faster page load time.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-163{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-163 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Resources</h3></div><div class=\"fusion-text fusion-text-165\"><p>Even with all of the performance options provided, Avada plays a lesser part than you might imagine when it comes to site optimization. Websites running <a href=\"https://bit.ly/3r2Zdii\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> as the primary WordPress theme can be configured to optimize the layouts and structure that can lead to vastly improved page load scores. Still, ultimately, user content will principally dictate how fast and efficient your website will perform according to <a href=\"https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Core Web Vitals</a>.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-45\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Use The Performance Wizard</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-youtube\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/video-tutorials/how-to-use-the-performance-wizard-video/\" target=\"_blank\" rel=\"noopener noreferrer\">Video: How To Use The Performance Wizard</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Optimization Guide</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-youtube\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" rel=\"noopener noreferrer\">Video: Optimize Above The Fold Content For Performance</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-speed-performance/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Speed &amp; Performance</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Use Critical CSS</a></div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-164{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-164 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"palette\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">Color Palette</h3></div><div class=\"fusion-fss-swatches fusion-no-small-visibility fusion-no-medium-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:space-between;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#0a9695;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#0a9695\">#0a9695</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#112034;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#112034\">#112034</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#ffffff;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ffffff\">#ffffff</div></div></div></div><div class=\"fusion-fss-swatches fusion-no-small-visibility fusion-no-large-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:flex-start;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#0a9695;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#0a9695\">#0a9695</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#112034;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#112034\">#112034</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#ffffff;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ffffff\">#ffffff</div></div></div></div><div class=\"fusion-fss-swatches fusion-no-medium-visibility fusion-no-large-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:flex-start;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#0a9695;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#0a9695\">#0a9695</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#112034;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#112034\">#112034</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#ffffff;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ffffff\">#ffffff</div></div></div></div><div class=\"fusion-text fusion-text-166\"><p>The color palette selected for the <a href=\"https://avada.theme-fusion.com/cleaning-services/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Cleaning Services</a> prebuilt website is a warm set of pastel colors, as seen above. If you would like to change the Avada Cleaning Services color palette, this can be done within the options panel, as explained in this <a href=\"https://theme-fusion.com/documentation/avada/how-to/how-to-use-the-color-palette-feature/\" target=\"_blank\" rel=\"noopener noreferrer\">help file and video</a>.</p>\n<p>Color increases brand recognition, and it can influence people in how they feel about a website. Colors produce different emotions in people, making it essential to choose the right colors for your website. The balance of white space, contrast, and well thought out color schemes are vital elements of good web design. If you have not already decided on your brand colors, choosing a color palette for your website can be confusing. However, using a handy tool like the <a href=\"https://color.adobe.com/create/color-wheel\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe Color Wheel</a> or any of the myriad of app choices online, you can undoubtedly make this task effortless.</p>\n<p>We suggest checking out <a href=\"https://www.hubspot.com/\" target=\"_blank\" rel=\"noopener noreferrer\">HubSpot&#8217;s</a> article on <a href=\"https://blog.hubspot.com/marketing/color-palette-famous-websites\" target=\"_blank\" rel=\"noopener noreferrer\">color theory</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-165{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-165 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"typography\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">Typography</h3></div><div class=\"fusion-text fusion-text-167\"><p>Website Typography can be more important than you realize, from your brand and user perspective to your website&#8217;s overall look and style. It is often underrated and is, in fact, an art form and technique in itself. The following <a href=\"https://blog.hubspot.com/website/website-typography\" target=\"_blank\" rel=\"noopener noreferrer\">HubSpot guide to website typography</a> will give you some great insights into the do&#8217;s and dont&#8217;s choosing which fonts work best for your <a href=\"https://bit.ly/3r2Zdii\" target=\"_blank\" rel=\"noopener noreferrer\">Avada </a>website.</p>\n<p>The Avada Website Builder has a vast array of Typography controls, options, and font selections to make your job easier. See this detailed <a href=\"https://theme-fusion.com/documentation/avada/options/typography-options-in-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">help file and video</a> to get you started.</p>\n<p>Below are the fonts used for the <a href=\"https://avada.theme-fusion.com/cleaning-services/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Cleaning Services</a> prebuilt website:</p>\n</div><div class=\"fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-18 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-166{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-166 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:20px;margin-top:0px;margin-bottom:20px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;color:#5e5e5e;--fontSize:20;--minFontSize:20px;line-height:1.32;\">Headings</h3></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-167{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-167 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">H1, H2, Font Family: <span style=\"font-family: \'Red Hat Display\'; font-weight: 500;\" data-fusion-font=\"true\" data-fusion-google-font=\"Red Hat Display\" data-fusion-google-variant=\"500\">Red Hat Display</span></div></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-168{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-168 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">H3 Font Family: <span style=\"font-family: \'Red Hat Display\'; font-weight: 500;\" data-fusion-font=\"true\" data-fusion-google-font=\"Red Hat Display\" data-fusion-google-variant=\"500\">Red Hat Display</span></div></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-169{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-169 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">H4 Font Family: <span style=\"font-family: Roboto; font-weight: 400;\" data-fusion-font=\"true\" data-fusion-google-font=\"Roboto\" data-fusion-google-variant=\"400\">Roboto</span></div></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-170{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-170 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">H5, H6 Font family: <span style=\"font-family: Zilla Slab; font-weight: 400;\" data-fusion-font=\"true\" data-fusion-google-font=\"Zilla Slab\" data-fusion-google-variant=\"400\"><span style=\"font-family: Roboto; font-weight: 400;\" data-fusion-font=\"true\" data-fusion-google-font=\"Roboto\" data-fusion-google-variant=\"400\">Roboto</span><br />\n</span></div></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-18{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-18 > .fusion-column-wrapper {padding-top : 20px !important;padding-right : 20px !important;margin-right : 3.84%;padding-bottom : 20px !important;padding-left : 20px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-18{width:100% !important;order : 0;}.fusion-builder-nested-column-18 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-18{width:100% !important;order : 0;}.fusion-builder-nested-column-18 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-19 fusion_builder_column_inner_1_2 1_2 fusion-flex-column fusion-flex-align-self-stretch\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-171{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-171 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:20px;margin-top:0px;margin-bottom:20px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;color:#5e5e5e;--fontSize:20;--minFontSize:20px;line-height:1.32;\">Body</h3></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-172{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-172 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">Font Family: <span style=\"font-family: Roboto; font-weight: 400;\" data-fusion-font=\"true\" data-fusion-google-font=\"Roboto\" data-fusion-google-variant=\"400\">Roboto</span></div></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-19{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-19 > .fusion-column-wrapper {padding-top : 20px !important;padding-right : 20px !important;margin-right : 3.84%;padding-bottom : 20px !important;padding-left : 20px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-19{width:100% !important;order : 0;}.fusion-builder-nested-column-19 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-19{width:100% !important;order : 0;}.fusion-builder-nested-column-19 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class=\"fusion-text fusion-text-168\"><p>We suggest checking out HubSpot&#8217;s article on <a href=\"https://blog.hubspot.com/website/web-safe-html-css-fonts\" target=\"_blank\" rel=\"noopener noreferrer\">The Ultimate List of Web-Safe HTML and CSS Fonts</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-173{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-173 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"getstarted\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">To Get Started You Will Need The Following</h2></div><div class=\"fusion-text fusion-text-169\"><p>To get started with the <a href=\"https://avada.theme-fusion.com/avada-website-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> and to create your ideal website, there are a few things that you will need;</p>\n</div><ul class=\"fusion-checklist fusion-checklist-46\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-network-wired fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p>A trusted <a href=\"https://theme-fusion.com/wordpress-hosting/\" target=\"_blank\" rel=\"noopener noreferrer\">web hosting service</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-wordpress fab\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p>The latest version of <a href=\"https://wordpress.org/download/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p>The <a href=\"https://bit.ly/3r2Zdii\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a></p>\n</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-174{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-174 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"plugins\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">Recommended Plugins</h3></div><div class=\"fusion-text fusion-text-170\"><p>What are recommended plugins, and do you need them? In short, it is not the end of the world if you choose not to install and activate the plugins used with any particular Avada <a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" rel=\"noopener noreferrer\">prebuilt website</a>. Let&#8217;s take the <a href=\"https://avada.theme-fusion.com/cleaning-services/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Cleaning Services</a> prebuilt website as an example: This prebuilt website was built without using any of the Avada bundled plugins.</p>\n<p>When an Avada prebuilt website is built without using bundled plugins, you can still install and activate any of them, should it be needed for your website. Any Avada prebuilt website can be modified to fit your project needs.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-175{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-175 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"support\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">World-Class Support And Resources</h3></div><div class=\"fusion-text fusion-text-171\"><p>Many facets set the <a href=\"https://avada.theme-fusion.com/avada-website-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> apart from the competition. None more important is that Avada is not reliant on 3rd party builders and tools to deliver a stable and seamless website building experience. No waiting for external developers and toolset creators to deliver the next update for your theme. We take pride in the fact that Avada is 100% maintained, evolved, and developed according to strict WordPress and PHP coding standards. Avada gives you peace of mind and guarantees that what you have to work with will always be ahead of the latest industry requirements.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-47\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-envelope-open-text fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/how-to-register-for-avada-support/\" target=\"_blank\" rel=\"noopener noreferrer\">Register for Avada support</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-comments fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/support/submit-a-ticket/\" target=\"_blank\" rel=\"noopener noreferrer\">Need to submit a support ticket?</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-cart-arrow-down fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/extending-and-renewing-envato-item-support/\" target=\"_blank\" rel=\"noopener noreferrer\">How to extend or renew support</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-question fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/avada-grandfathered-support/\" target=\"_blank\" rel=\"noopener noreferrer\">Are you eligible for Grandfathered support?</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-columns fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/support/how-to-use-the-avada-support-desk/\" target=\"_blank\" rel=\"noopener noreferrer\">How to use the Avada support Dashboard</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-file-alt fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Documentation</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-file-video fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://www.youtube.com/c/ThemeFusionVideos/videos\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Video Tutorials</a></p>\n</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-176{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-176 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"prebuiltwebsite\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">What is a Prebuilt Website?</h2></div><div class=\"fusion-text fusion-text-172\"><p>Simply put, <a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\" _self\" rel=\"noopener noreferrer\">prebuilt websites</a> are complete websites that have been designed and built to fit an industry niche. Each website comprises pages, posts, content layouts, images, or various media types representing or showcasing an online presence for a target audience or business type. </p>\n<p><a href=\"https://bit.ly/3r2Zdii\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> prebuilt websites and prebuilt content layouts (individual page or post content, layout sections, Call-to-actions, etc.) are carefully crafted by our talented team of designers to give you, the Avada user, a way to save time when prototyping a new website. </p>\n<p>Avada&#8217;s prebuilt websites are a fantastic resource for creativity and inspiration. They will make web design a more efficient and productive process for beginners, marketers, and professionals alike. Here are some essential facts:</p>\n</div><ul class=\"fusion-checklist fusion-checklist-48\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">They are created to save you time when building a new website.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A prebuilt website can be imported with a few clicks.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Each prebuilt website is mobile and SEO friendly.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Each prebuilt website is entirely customizable to suit your project and branding needs.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">You can white-label any prebuilt website for client work.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Prebuilt websites are included with your <a href=\"https://bit.ly/3r2Zdii\" target=\"_blank\" rel=\"noopener noreferrer\">purchase</a> of the Avada Website Builder.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">Each prebuilt website is <a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\" _self\" rel=\"noopener noreferrer\">optimized</a> for <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\" _self\" rel=\"noopener noreferrer\">performance</a>.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-177{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-177 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"install\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Fast One-Click Install</h2></div><div class=\"fusion-text fusion-text-173\"><p>Importing any Avada Prebuilt Website is as simple as clicking a button, with pre-import selections making it highly flexible. You can choose to import a <a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" rel=\"noopener noreferrer\">full </a><a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" rel=\"noopener noreferrer\">website </a>(more than <span class=\"fusion-cs-live-demos\">83</span> to choose from) and parts of any other and anything in between. Choose pages, posts, portfolios, images, sliders, theme options, widgets, or uninstall as you prefer.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-71 hover-type-none\"><img width=\"1100\" height=\"420\" alt=\"One click install\" title=\"Avada Prebuilt Website Import\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed.png\" class=\"img-responsive wp-image-867914\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-200x76.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-400x153.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-600x229.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-800x305.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed.png 1100w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-24{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.fusion-builder-column-24 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-24{width:100% !important;order : 0;}.fusion-builder-column-24 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-24{width:100% !important;order : 0;}.fusion-builder-column-24 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-25{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-26 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-25 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-178{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-178 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"structure\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Website Structure</h2></div><div class=\"fusion-text fusion-text-174\"><p>A page or post structure is divided into four main sections: the Header, the Page Title Bar, Content, and the Footer. With the Avada Website Builder, you can independently edit each of these sections to create super flexible and stunning layout designs.</p>\n<p>Below is a list of the <a href=\"https://avada.theme-fusion.com/cleaning-services/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Cleaning Services</a> pages and posts that have been prebuilt just for you. Once installed, you can change all aspects of each Layout, and at any time, add new pages to suit your online business needs.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-49\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://avada.theme-fusion.com/cleaning-services/\" target=\"_blank\" rel=\"noopener noreferrer\">One Page Layout</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"http://localhost/Avada/cleaning-services/#home\" target=\"_blank\" rel=\"noopener noreferrer\">#Home &#8211; Page Section</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"http://localhost/Avada/cleaning-services/#about\" target=\"_blank\" rel=\"noopener noreferrer\">#About Us &#8211; Page Section</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"http://localhost/Avada/cleaning-services/#services\" target=\"_blank\" rel=\"noopener noreferrer\"># Services &#8211; Page Section</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"http://localhost/Avada/cleaning-services/#team\" target=\"_blank\" rel=\"noopener noreferrer\"># Our Team &#8211; Page Section</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-link fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"http://localhost/Avada/cleaning-services/#contact\" target=\"_blank\" rel=\"noopener noreferrer\"># Contact &#8211; Page Section</a></p>\n</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-25{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.fusion-builder-column-25 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-25{width:100% !important;order : 0;}.fusion-builder-column-25 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-25{width:100% !important;order : 0;}.fusion-builder-column-25 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-26{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-27 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-26 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-179{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-179 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"layouts\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Explaining Layouts &amp; Layout Sections</h2></div><div class=\"fusion-text fusion-text-175\"><p>Before we look at the specific Layouts on the Avada Cleaning Services prebuilt website, the first thing to understand is the Layouts and Layout Sections&#8217; architecture. You can think of Layouts as a container for the page content. In contrast, the actual content comes from the various Layout Sections. There are four Layout Sections on a page – the Header, Page Title Bar, Content, and Footer Layout Sections.</p>\n<p>There is a default Global Layout, and any Layout Sections added to that will be shown on all pages of your website. There are Conditional Layouts with conditional logic to determine how the Layout will be used.</p>\n<p>You can make as many Layouts and Layout Sections as you like, and you can use the Layout Sections in multiple Layouts. But you can only use a specific condition on a single Layout, so the theme knows which one to use.</p>\n<p>See <a href=\"https://theme-fusion.com/documentation/fusion-builder/theme-builder/understanding-layouts-and-layout-sections/\" target=\"_blank\" rel=\"noopener noreferrer\">Understanding Layouts &amp; Layout Sections</a> and <a href=\"https://theme-fusion.com/documentation/fusion-builder/theme-builder/understanding-conditional-layouts/\" target=\"_blank\" rel=\"noopener noreferrer\">Understanding Conditional Layouts</a> for more info.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-72 hover-type-none\"><img width=\"1817\" height=\"3407\" alt=\"Layout Sections\" title=\"Avada Layout Sections Legend\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image.png\" class=\"img-responsive wp-image-867864\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-200x375.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-400x750.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-600x1125.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-800x1500.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-1200x2250.png 1200w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image.png 1817w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-180{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-180 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"wordpresspages\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Explaining WordPress Pages vs. Posts</h2></div><div class=\"fusion-text fusion-text-176\"><p>Website pages are allocated for static content such as your website&#8217;s homepage, about, contact page, and so on, and are timeless entities.</p>\n<p>Website posts are allocated to blog content listed in reverse (newest to the oldest) chronological order and are timely. Older posts are archived based on month and year. You can also create content for custom post types or CPT. In Avada, an example of this is the Portfolio post type. Check out this detailed <a href=\"https://wordpress.com/support/post-vs-page/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress article</a> for more information.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-181{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-181 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"change\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">What Can I Change? Is the Design Flexible?</h2></div><div class=\"fusion-text fusion-text-177\"><p>The <a href=\"https://avada.theme-fusion.com/cleaning-services/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Cleaning Services</a> prebuilt website is exactly that, prebuilt, for you. If the design and style suit your website needs, you can use it as a starting point, and you can change as much or as little as you need to.</p>\n<p>The most obvious details that you will want to change at first is the website&#8217;s wording, titles, color scheme, and images. You can choose to leave the overall layouts as is or Drag and Drop to rearrange the content&#8217;s order. Further to that, you can add or remove any of the <a href=\"https://avada.theme-fusion.com/design-elements/\" target=\"_blank\" rel=\"noopener noreferrer\">Design </a><a href=\"https://avada.theme-fusion.com/design-elements/\" target=\"_blank\" rel=\"noopener noreferrer\">Elements </a>to fine-tune your preferred business narrative. In short, you can change every single aspect of the prebuilt website&#8217;s Layout and content.</p>\n<p>Editing a page&#8217;s content and layouts is done using the <a href=\"https://avada.theme-fusion.com/avada-live/\" target=\"_blank\" rel=\"noopener noreferrer\">Drag and Drop</a> live editor or using the traditional back-end method. The first image below shows the Live visual Drag and Drop editor is used to edit the content:</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-73 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Live-Editing-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[1a37f7dec9287312073]\" data-title=\"Avada Cleaning Services Live Editing 2\" title=\"Avada Cleaning Services Live Editing 2\"><img width=\"1920\" height=\"934\" alt=\"Live Editor\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Live-Editing-2.jpg\" class=\"img-responsive wp-image-867047\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Live-Editing-2-200x97.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Live-Editing-2-400x195.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Live-Editing-2-600x292.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Live-Editing-2-800x389.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Live-Editing-2-1200x584.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Live-Editing-2.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-178\"><p>The image below shows the traditional back-end method is used to edit the content:</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-74 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Backend-Editing-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[96723422d4315f2f48c]\" data-title=\"Avada Cleaning Services Backend Editing 2\" title=\"Avada Cleaning Services Backend Editing 2\"><img width=\"1903\" height=\"882\" alt=\"Back-end Editing\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Backend-Editing-2.jpg\" class=\"img-responsive wp-image-867048\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Backend-Editing-2-200x93.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Backend-Editing-2-400x185.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Backend-Editing-2-600x278.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Backend-Editing-2-800x371.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Backend-Editing-2-1200x556.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Backend-Editing-2.jpg 1903w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-182{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-182 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"comparison\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">A Side By Side Comparison (Builder vs. No Builder)</h2></div><div class=\"fusion-text fusion-text-179\"><p>We have created a side by side point of reference that illustrates the differences in building a website using the Avada Website Builder to design custom Layouts vs. not using The Avada Website Builder and only using predefined options. The latter will allow you only to build a basic site, in comparison.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-50\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/handmade/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Handmade</a> (Using the Website Builder)</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-times fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://avada.theme-fusion.com/handmade-basic/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Handmade Basic</a> (Not using the Website Builder)</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;\"></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-26{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-26 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-26{width:100% !important;order : 0;}.fusion-builder-column-26 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-26{width:100% !important;order : 0;}.fusion-builder-column-26 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-27{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-28 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-27 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-183{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-183 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"homepage\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Exploring The Homepage Layout</h2></div><div class=\"fusion-text fusion-text-180\"><p>If you type the base-level domain name of any particular website into the browser, you will, by default, arrive on the website&#8217;s homepage. The homepage serves as a vital landing page for your visitors by capturing their attention and letting them know what the website is all about. There is the conjectured &#8220;5 Second Rule&#8221; for Web Usability and how it translates the user reaction when landing on the site for the first time into either a positive or negative experience.</p>\n<p>For well over a decade, the main focus for web designers was to showcase style over function for the most part. As time has passed, <a href=\"https://theme-fusion.com/documentation/avada/video-tutorials/how-to-optimize-above-the-fold-content-for-performance-video/\" target=\"_blank\" rel=\"noopener noreferrer\">above the fold</a> content delivery and the impact on <a href=\"https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Core Web Vitals</a> has shifted the focus over to mobile vs. desktop speed and <a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">optimization</a>.</p>\n<p>Each of the Avada <a href=\"https://avada.theme-fusion.com/prebuilt-websites/\" target=\"_blank\" rel=\"noopener noreferrer\">Prebuilt Websites</a> are meticulously designed with the ideal balance between style and function, and we use the Avada <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">Performance Wizard</a> to provide improved results.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-184{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-184 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">The Header</h3></div><div class=\"fusion-text fusion-text-181\"><p>For the <a href=\"https://avada.theme-fusion.com/cleaning-services/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Cleaning Services</a> prebuilt website, the Header was created using the Avada <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-header-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Header Builder</a> and is set globally across the website. This means that every page and post will use the same Header layout without any further conditions set. For example, you can change this if required by creating a unique Header layout for different pages or posts. You can check how this is structured on the backend by clicking this <a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Header-Backend.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">link</a>.</p>\n</div><div style=\"text-align:center;\"><span class=\" fusion-imageframe imageframe-none imageframe-75 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Header2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[45132c0e289b482c686]\" data-title=\"Avada-Cleaning-Services-Header2\" title=\"Avada-Cleaning-Services-Header2\"><img width=\"1900\" height=\"1079\" alt=\"Avada Cleaning Services Header\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Header2.jpg\" class=\"img-responsive wp-image-867049\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Header2-200x114.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Header2-400x227.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Header2-600x341.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Header2-800x454.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Header2-1200x681.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Header2.jpg 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-185{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-185 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">The Page Content</h3></div><div class=\"fusion-text fusion-text-182\"><p>The content part of the homepage, the area between the Header and Footer, does not use a page title bar. You can change this page&#8217;s content in an infinite number of ways to best suit your business marketing and brand requirements.</p>\n<p>Page and Post content is structured using Container and Column Elements, and if required, Nested Columns. Check out the help file links below for detailed information and videos explaining what they are and how to use them:</p>\n</div><ul class=\"fusion-checklist fusion-checklist-51\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">What are Containers, and how to use them? Read more <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">What are Columns, and how to use them? Read more <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-info-circle fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">What are Nested Columns, and how to use them? Read more <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.</div></li></ul></div><style type=\"text/css\">.fusion-body .fusion-builder-column-27{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-27 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-27{width:100% !important;order : 0;}.fusion-builder-column-27 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-27{width:100% !important;order : 0;}.fusion-builder-column-27 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-28{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-29 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-28 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-186{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-186 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">The Hero</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-76 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Hero-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[8ed41a862d378239257]\" data-title=\"Avada Cleaning Services Hero 2\" title=\"Avada Cleaning Services Hero 2\"><img width=\"1901\" height=\"900\" alt=\"Avada Cleaning Services Hero\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Hero-2.jpg\" class=\"img-responsive wp-image-867050\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Hero-2-200x95.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Hero-2-400x189.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Hero-2-600x284.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Hero-2-800x379.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Hero-2-1200x568.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Hero-2.jpg 1901w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-183\"><p>Instead of using a traditional image slider, like the <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-slider/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Slider</a>, <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/slider-revolution/\" target=\"_blank\" rel=\"noopener noreferrer\">Slider Revolution</a> or <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/layer-slider/\" target=\"_blank\" rel=\"noopener noreferrer\">Layer Slider</a>, as the above-the-fold hero section, this prebuilt site uses a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container</a> with a Background Image. Added to the container are two 1/4 (25% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>and one 1/2 (50% width) Column in the first row, with two <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Column Elements</a>, each structured with one 1/5 (20% width) Column and one 4/5 (80% width) Column, holding an <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</a> and a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>.</p>\n<p>In the second row, you will find a single 1/1 (100% width) Column with a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>, followed by one 4/5 (80% width) Column containing a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, a Separator Element, and a Nested Columns Element. Simply put, Nested Columns are Columns within Columns. Inside these Nested Columns, you will find one 2/3 (66.67% width) Column and one 1/3 (33.33% width) Column using a Text Block Element.</p>\n<p>The last two rows consist of two 1/1 (100% width) Columns, with the <a href=\"https://theme-fusion.com/documentation/avada/elements/avada-form-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Form Element</a> and a Separator Element. The <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-form-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Form Builder</a> is used to design and build this callback form. The Form Builder is very flexible and allows you to create many types of forms that you can use on your Avada website. For any form that you create, you can add them to a page or post as a single instance or you can set the form to display <a href=\"https://theme-fusion.com/documentation/avada/forms/avada-forms-global-options/\" target=\"_blank\" rel=\"noopener noreferrer\">globally </a>across the website, which then allows you to manage one form. If a form is showing on all pages, for example, and you edit the form, the same changes show across all form instances.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-187{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-187 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">More Information CTA</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-77 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-more-info-cta-compressed.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[2caff1bbe68854c9187]\" data-title=\"More Info CTA\" title=\"More Info CTA\"><img width=\"1920\" height=\"841\" alt=\"Avada Cleaning Services More Info CTA\" src=\"https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-more-info-cta-compressed.jpg\" class=\"img-responsive wp-image-868232\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-more-info-cta-compressed-200x88.jpg 200w, https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-more-info-cta-compressed-400x175.jpg 400w, https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-more-info-cta-compressed-600x263.jpg 600w, https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-more-info-cta-compressed-800x350.jpg 800w, https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-more-info-cta-compressed-1200x526.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-more-info-cta-compressed.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-184\"><p><span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">This section was built using a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with three 1/3 (33.33% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>, each containing two <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Elements</a>, collectively holding six 1/1 (100% width) Columns, with three <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Elements</a> and three <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Elements</a>.</span></p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-188{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-188 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">About</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-78 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-About.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[1230d9d477cb4e23acc]\" data-title=\"Avada Cleaning Services About\" title=\"Avada Cleaning Services About\"><img width=\"1901\" height=\"825\" alt=\"Avada Cleaning Services About\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-About.jpg\" class=\"img-responsive wp-image-866824\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-About-200x87.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-About-400x174.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-About-600x260.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-About-800x347.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-About-1200x521.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-About.jpg 1901w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-185\"><p>For this example, a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with one 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column</a>, using a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>. This is followed on by another row of two 1/2 (50% width) Columns, structured with two <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Elements</a> each. The Nested Columns collectively hold four 1/1 (100% width) Columns with two <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Element</a>, two Title Elements, and two Text Block Elements.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-189{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-189 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Service Boxes &#8211; Visual CTA</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-79 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-1-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[3d17edf7e82e851d314]\" data-title=\"Avada Cleaning Services Services Box CTA 1 2\" title=\"Avada Cleaning Services Services Box CTA 1 2\"><img width=\"1901\" height=\"663\" alt=\"Avada Cleaning Services Service Boxes Visual CTA\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-1-2.jpg\" class=\"img-responsive wp-image-867054\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-1-2-200x70.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-1-2-400x140.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-1-2-600x209.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-1-2-800x279.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-1-2-1200x419.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-1-2.jpg 1901w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-186\"><p>Using images as a way to highlight a call-to-action or for advertizing and promotion reasons is standard practice, and the Avada Website Builder makes this task even easier for you. To create this section, a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>is added to the page content which has an image selected as the background. Here you will find two 1/2 (50% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>holding two <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Elements</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-190{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-190 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Service Boxes &#8211; Visual CTA</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-80 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-2-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[7a94b3ef6f4bb998dc6]\" data-title=\"Avada Cleaning Services Services Box CTA 2 2\" title=\"Avada Cleaning Services Services Box CTA 2 2\"><img width=\"1899\" height=\"662\" alt=\"Avada Cleaning Services Service Boxes Visual CTA\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-2-2.jpg\" class=\"img-responsive wp-image-867055\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-2-2-200x70.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-2-2-400x139.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-2-2-600x209.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-2-2-800x279.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-2-2-1200x418.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-Box-CTA-2-2.jpg 1899w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-187\"><p>To create this layout, the structure is similar to the previous section, using a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>is added to the page content which has an image selected as the background. Here you will find two 1/2 (50% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>holding two <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Elements</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>.</p>\n<p>Depending on the marketing goal, CTA&#8217;s can drive a variety of different actions and results for your website visitors. Check this article for some CTA inspiration, <a href=\"https://blog.hubspot.com/marketing/call-to-action-examples\" target=\"_blank\" rel=\"noopener noreferrer\">39 Call-to-Action Examples You Can&#8217;t Help But Click</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-191{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-191 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Services</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-81 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[4fe08883ae030daba8c]\" data-title=\"Avada Cleaning Services Services 2\" title=\"Avada Cleaning Services Services 2\"><img width=\"1887\" height=\"2211\" alt=\"Avada Cleaning Services Services\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-2.jpg\" class=\"img-responsive wp-image-867056\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-2-200x234.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-2-400x469.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-2-600x703.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-2-800x937.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-2-1200x1406.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Services-2.jpg 1887w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-188\"><p>For this example, a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with a Background Gradient was used with six 1/2 (50% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>and two 1/1 (100% width) Columns. These Columns are structure with a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>, two <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a> and eight <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Elements</a>. The Nested Columns collectively holding eight 1/1 (100% width) Columns with four <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Elements</a>, four <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Elements</a>, four Image Elements, and four Text Block Elements.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-192{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-192 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Visual CTA</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-82 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Banner-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[330dd028cc1157ca32b]\" data-title=\"Avada Cleaning Services Banner 2\" title=\"Avada Cleaning Services Banner 2\"><img width=\"1899\" height=\"762\" alt=\"Avada Cleaning Services Visual CTA\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Banner-2.jpg\" class=\"img-responsive wp-image-867057\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Banner-2-200x80.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Banner-2-400x161.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Banner-2-600x241.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Banner-2-800x321.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Banner-2-1200x482.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Banner-2.jpg 1899w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-189\"><p><span style=\"background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">For this example, the CTA section is made up of a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with a Background Image and two 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>, containing a <a href=\"https://theme-fusion.com/documentation/avada/elements/section-separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Section Separator Element</a>, two <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>, and a<a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\"> Separator Element</a>.</span></p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-193{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-193 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Staff</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-83 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Staff-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[2f43806375acd978845]\" data-title=\"Avada Cleaning Services Staff 2\" title=\"Avada Cleaning Services Staff 2\"><img width=\"1903\" height=\"1641\" alt=\"Avada Cleaning Services Staff\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Staff-2.jpg\" class=\"img-responsive wp-image-867059\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Staff-2-200x172.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Staff-2-400x345.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Staff-2-600x517.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Staff-2-800x690.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Staff-2-1200x1035.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Staff-2.jpg 1903w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-190\"><p>To create this section, two <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>Elements are structured using two 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>with a <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Element</a> using two 1/2 (50% width) Columns with a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a> and a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>. This is followed by four 1/2 (50% width) Columns using eight Nested Columns Element, collectively holding four<a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\"> Image Element</a>, four Title Element, four Text Block element, and four <a href=\"https://theme-fusion.com/documentation/avada/elements/social-links-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Social Links Elements</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-194{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-194 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Badges</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-84 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Badges-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[8c7c023ab2b743f8412]\" data-title=\"Avada Cleaning Services Badges 2\" title=\"Avada Cleaning Services Badges 2\"><img width=\"1899\" height=\"592\" alt=\"Avada Cleaning Services Badges\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Badges-2.jpg\" class=\"img-responsive wp-image-867060\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Badges-2-200x62.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Badges-2-400x125.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Badges-2-600x187.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Badges-2-800x249.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Badges-2-1200x374.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Badges-2.jpg 1899w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-191\"><p>This section is built using a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with one 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>using a <a href=\"https://theme-fusion.com/documentation/avada/elements/section-separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Section Separator Element</a> and three 1/3 (33.33% width) Columns, each holding an <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>, <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-195{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-195 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Contact Us &#8211; Form</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-85 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Contact-2.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[f3891109a005c0dd466]\" data-title=\"Avada Cleaning Services Contact 2\" title=\"Avada Cleaning Services Contact 2\"><img width=\"1899\" height=\"1122\" alt=\"Avada Cleaning Services Contact Form\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Contact-2.jpg\" class=\"img-responsive wp-image-867061\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Contact-2-200x118.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Contact-2-400x236.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Contact-2-600x355.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Contact-2-800x473.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Contact-2-1200x709.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Contact-2.jpg 1899w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-192\"><p>This section uses a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with a Background Image and two 1/2 (50% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>holding a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title element</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>, two <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Elements</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns elements</a>, with two 1/1 (100% width) Columns, structured with two Text Block Element.</p>\n<p>This is followed by a 3/4 (75% width) Column with the <a href=\"https://theme-fusion.com/documentation/avada/elements/avada-form-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Form Element</a>, a 1/4 (25% width) Column, and a 1/1 (100% width) Column holding a Separator Element.</p>\n</div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-28{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-28 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-28{width:100% !important;order : 0;}.fusion-builder-column-28 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-28{width:100% !important;order : 0;}.fusion-builder-column-28 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-29{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-30 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-29 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-196{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-196 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:10px;\" id=\"footer\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">The Footer</h2></div><div class=\"fusion-text fusion-text-193\"><p>A website footer aims to help visitors by providing appropriate information and navigation options at the bottom of website pages. Website footer design is underrated and more valuable to your website than you may think and is essential to the overall end-user experience. Three key points stand out, namely:</p>\n</div><ul class=\"fusion-checklist fusion-checklist-52\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer should provide a website visitor with additional choices. If you want people to sign up for your mailing list, view a product demo, or contact you, inviting them at the end of a scroll is a compelling call to action.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer should create a path for continued engagement by including navigation links to products, services, or other parts of your website.</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-thumbs-up fas\" style=\"color:#0a9695;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">A footer can access essential information like ways to contact your company and customer services, privacy statements, and potential legal disclaimers.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-194\"><p>For the <a href=\"https://avada.theme-fusion.com/cleaning-services/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Cleaning Services</a> prebuilt website, the Footer was created using the Avada <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-footer-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Footer Builder</a> and this particular Footer content and Layout is set to display globally across the website. This means that every page and post will use the same Footer layout without any further conditions set. For example, you can change this if required by creating a unique Footer layout for different pages or posts. Let us take a closer look below:</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-197{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-197 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h4 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;\">Footer Content</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-86 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-footer-1920x174.png\" class=\"fusion-lightbox\" data-rel=\"iLightbox[377707adcf38613f4b5]\" data-title=\"Cleaning Services Footer\" title=\"Cleaning Services Footer\"><img width=\"1920\" height=\"174\" alt=\"Avada Cleaning Services Footer Content\" src=\"https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-footer-1920x174.png\" class=\"img-responsive wp-image-868229\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-footer-200x18.png 200w, https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-footer-400x36.png 400w, https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-footer-600x54.png 600w, https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-footer-800x73.png 800w, https://theme-fusion.com/wp-content/uploads/2021/07/cleaning-services-footer-1200x109.png 1200w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-195\"><p>There is a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container</a> and one 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column</a>, with the use of a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a> using <a href=\"https://theme-fusion.com/documentation/avada/options/how-to-use-dynamic-content-options-in-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">Dynamic Data Options</a> to display the website copyright information. You can check how this is structured on the backend clicking this <a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Cleaning-Services-Footer-Backend.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">link</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-198{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-198 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:10px;\" id=\"summary\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">In Summary</h2></div><div class=\"fusion-text fusion-text-196\"><p>There are <span class=\"fusion-cs-live-demos\">83</span> <a href=\"https://bit.ly/3r2Zdii\" target=\"_blank\" rel=\"noopener noreferrer\">Avada </a>prebuilt websites to choose from, with more being added regularly. Our amazing design team created these prebuilt websites as a way to give you a head start when building your <a href=\"https://bit.ly/2NccgzM\" target=\"_blank\" rel=\"noopener noreferrer\">next</a> website.</p>\n<p>You can change the styling, Layouts, content as much or as little as you need to quickly adapt any individual prebuilt site to suit your chosen niche. Get started with the Avada Website Builder today and launch your business online; Fast.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-15 .fusion-button-text, .fusion-button.button-15 i {color:#fff;}.fusion-button.button-15 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-15:hover .fusion-button-text, .fusion-button.button-15:hover i,.fusion-button.button-15:focus .fusion-button-text, .fusion-button.button-15:focus i,.fusion-button.button-15:active .fusion-button-text, .fusion-button.button-15:active{color:#fff;}.fusion-button.button-15:hover .fusion-button-icon-divider, .fusion-button.button-15:hover .fusion-button-icon-divider, .fusion-button.button-15:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-15:hover, .fusion-button.button-15:focus, .fusion-button.button-15:active{border-color:#fff;}.fusion-button.button-15 {border-color:#fff;border-radius:2px;}.fusion-button.button-15{background: #f86635;}.fusion-button.button-15:hover,.button-15:focus,.fusion-button.button-15:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-15 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" href=\"https://bit.ly/3r2Zdii\"><span class=\"fusion-button-text\">Buy Avada Cleaning Services For Only $60</span><i class=\"fa-shopping-cart fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-column-29{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-29 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-29{width:100% !important;order : 0;}.fusion-builder-column-29 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-29{width:100% !important;order : 0;}.fusion-builder-column-29 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type=\"text/css\">.fusion-body .fusion-flex-container.fusion-builder-row-30{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div></p>\n<p>The post <a rel=\"nofollow\" href=\"https://theme-fusion.com/avada-cleaning-services-deconstructing-a-prebuilt-website/\">Avada Cleaning Services: Deconstructing a Prebuilt Website</a> appeared first on <a rel=\"nofollow\" href=\"https://theme-fusion.com\">ThemeFusion | Avada Website Builder</a>.</p>\n\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:36:\"http://wellformedweb.org/CommentAPI/\";a:1:{s:10:\"commentRss\";a:1:{i:0;a:5:{s:4:\"data\";s:88:\"https://theme-fusion.com/avada-cleaning-services-deconstructing-a-prebuilt-website/feed/\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:38:\"http://purl.org/rss/1.0/modules/slash/\";a:1:{s:8:\"comments\";a:1:{i:0;a:5:{s:4:\"data\";s:1:\"1\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}}}i:5;a:6:{s:4:\"data\";s:85:\"\n		\n		\n					\n		\n		\n		\n				\n		\n		\n		\n		\n		\n\n					\n										\n					\n					\n			\n		\n		\n			\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";s:5:\"child\";a:5:{s:0:\"\";a:7:{s:5:\"title\";a:1:{i:0;a:5:{s:4:\"data\";s:49:\"Avada Mechanic: Deconstructing a Prebuilt Website\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:4:\"link\";a:1:{i:0;a:5:{s:4:\"data\";s:74:\"https://theme-fusion.com/avada-mechanic-deconstructing-a-prebuilt-website/\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:8:\"comments\";a:1:{i:0;a:5:{s:4:\"data\";s:82:\"https://theme-fusion.com/avada-mechanic-deconstructing-a-prebuilt-website/#respond\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:7:\"pubDate\";a:1:{i:0;a:5:{s:4:\"data\";s:31:\"Tue, 29 Jun 2021 17:40:33 +0000\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:8:\"category\";a:5:{i:0;a:5:{s:4:\"data\";s:17:\"Prebuilt Websites\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:1;a:5:{s:4:\"data\";s:5:\"Avada\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:2;a:5:{s:4:\"data\";s:15:\"Beginners Guide\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:3;a:5:{s:4:\"data\";s:10:\"Web Design\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}i:4;a:5:{s:4:\"data\";s:8:\"Branding\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:4:\"guid\";a:1:{i:0;a:5:{s:4:\"data\";s:34:\"https://theme-fusion.com/?p=867650\";s:7:\"attribs\";a:1:{s:0:\"\";a:1:{s:11:\"isPermaLink\";s:5:\"false\";}}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}s:11:\"description\";a:1:{i:0;a:5:{s:4:\"data\";s:617:\"<p>Say hello to Avada Mechanic. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Mechanic can be imported at the click of a button and is highly flexible. Every aspect of the prebuilt website is easily customizable, and it can be adapted and branded to suit any business [...]</p>\n<p>The post <a rel=\"nofollow\" href=\"https://theme-fusion.com/avada-mechanic-deconstructing-a-prebuilt-website/\">Avada Mechanic: Deconstructing a Prebuilt Website</a> appeared first on <a rel=\"nofollow\" href=\"https://theme-fusion.com\">ThemeFusion | Avada Website Builder</a>.</p>\n\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:32:\"http://purl.org/dc/elements/1.1/\";a:1:{s:7:\"creator\";a:1:{i:0;a:5:{s:4:\"data\";s:8:\"Schantel\";s:7:\"attribs\";a:0:{}s:8:\"xml_base\";s:0:\"\";s:17:\"xml_base_explicit\";b:0;s:8:\"xml_lang\";s:0:\"\";}}}s:40:\"http://purl.org/rss/1.0/modules/content/\";a:1:{s:7:\"encoded\";a:1:{i:0;a:5:{s:4:\"data\";s:136919:\"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-31 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-30 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-197\"><p>Say hello to <a href=\"https://avada.theme-fusion.com/mechanic/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Mechanic</a>. This <a href=\"https://bit.ly/3gCfqYB\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Mechanic can be imported at the click of a button and is highly flexible. Every aspect of the prebuilt website is easily customizable, and it can be adapted and branded to suit any business model or venture using the Avada Website Builder.</p>\n<p>In this article, we will explore the header, footer, and homepage layouts that make up the overall website structure to explore how the <a href=\"https://avada.theme-fusion.com/website-builder-features/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder</a> is used to create successful websites. The <a href=\"https://avada.theme-fusion.com/mechanic/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Mechanic</a> article is a part of a deconstruction series and is the follow-on article that explores the <a href=\"https://theme-fusion.com/avada-videographer-deconstructing-a-prebuilt-website/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Videographer</a> prebuilt website. It is important to highlight that <a href=\"https://bit.ly/3gCfqYB\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> gives you total design freedom to create unique layouts for your website that work, with the only limit being your imagination.</p>\n</div><div class=\"fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-20 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-16 .fusion-button-text, .fusion-button.button-16 i {color:#fff;}.fusion-button.button-16 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-16:hover .fusion-button-text, .fusion-button.button-16:hover i,.fusion-button.button-16:focus .fusion-button-text, .fusion-button.button-16:focus i,.fusion-button.button-16:active .fusion-button-text, .fusion-button.button-16:active{color:#fff;}.fusion-button.button-16:hover .fusion-button-icon-divider, .fusion-button.button-16:hover .fusion-button-icon-divider, .fusion-button.button-16:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-16:hover, .fusion-button.button-16:focus, .fusion-button.button-16:active{border-color:#fff;}.fusion-button.button-16 {border-color:#fff;border-radius:2px;}.fusion-button.button-16{background: #f86635;}.fusion-button.button-16:hover,.button-16:focus,.fusion-button.button-16:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-16 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://avada.theme-fusion.com/mechanic/\"><span class=\"fusion-button-text\">View Live</span><i class=\"fa-eye fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-20{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-20 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-20{width:100% !important;order : 0;}.fusion-builder-nested-column-20 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-20{width:100% !important;order : 0;}.fusion-builder-nested-column-20 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-21 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div style=\"text-align:center;\"><style type=\"text/css\">.fusion-button.button-17 .fusion-button-text, .fusion-button.button-17 i {color:#fff;}.fusion-button.button-17 .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-17:hover .fusion-button-text, .fusion-button.button-17:hover i,.fusion-button.button-17:focus .fusion-button-text, .fusion-button.button-17:focus i,.fusion-button.button-17:active .fusion-button-text, .fusion-button.button-17:active{color:#fff;}.fusion-button.button-17:hover .fusion-button-icon-divider, .fusion-button.button-17:hover .fusion-button-icon-divider, .fusion-button.button-17:active .fusion-button-icon-divider{border-color:#fff;}.fusion-button.button-17:hover, .fusion-button.button-17:focus, .fusion-button.button-17:active{border-color:#fff;}.fusion-button.button-17 {border-color:#fff;border-radius:2px;}.fusion-button.button-17{background: #f86635;}.fusion-button.button-17:hover,.button-17:focus,.fusion-button.button-17:active{background: #c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-17 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" href=\"https://bit.ly/3gCfqYB\"><span class=\"fusion-button-text\">Purchase For $60</span><i class=\"fa-shopping-cart fas button-icon-right\" aria-hidden=\"true\"></i></a></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-21{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-21 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-21{width:100% !important;order : 0;}.fusion-builder-nested-column-21 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-21{width:100% !important;order : 0;}.fusion-builder-nested-column-21 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-199{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-199 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Overview</h2></div><ul class=\"fusion-checklist fusion-checklist-53\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#features\">Styling and Features</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#performance\">Performance &amp; Optimization</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#palette\">Color Palette</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#typography\">Typography</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#getstarted\">To Get Started You Will Need The Following</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#plugins\">Recommended Plugins</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#support\">World-Class Support And Resources</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#prebuiltwebsite\">What is a Prebuilt Website?</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#install\">Fast One-Click Install</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#structure\">Website Structure</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#layouts\">Explaining Layouts &amp; Layout Sections</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#wordpresspages\">Explaining WordPress Pages vs. Posts</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#change\">What Can I Change? Is the Design Flexible?</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#comparison\">A Side By Side Comparison</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#homepage\">Exploring The Homepage Layout</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#footer\">The Footer</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-caret-right fas\" style=\"color:#5e5e5e;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a class=\"fusion-one-page-text-link\" href=\"#summary\">In Summary</a></div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-200{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-200 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"features\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Styling and Features</h2></div><div class=\"fusion-text fusion-text-198\"><p>Creating a <a href=\"https://theme-fusion.com/how-to-create-a-style-guide-for-your-wordpress-website/\" target=\"_blank\" rel=\"noopener noreferrer\">style guide</a> for your website will prove to be invaluable in the future. A style guide will help you to address <a href=\"https://theme-fusion.com/documentation/avada/avada-for-developers/wcag-2-1-aa-accessibility-and-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">usability</a>, the user experience, design consistency, and online trends in an organized and consistent manner.</p>\n<p>The <a href=\"https://avada.theme-fusion.com/avada-website-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Website Builder </a>has a vast array of features and styling options; however, you do not need to use all of them for your website, and this is where your style guide comes in. Decide upfront which styling options align with your brand and which design features are needed to make your website stand out.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-201{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-201 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:20px;\" id=\"performance\"><h2 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:48;line-height:1.2;\">Performance &amp; Optimization</h2></div><div class=\"fusion-text fusion-text-199\"><p><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Optimizing</a> your websites for page load speed can be a seemingly complex subject because so many different facets affect how fast a page loads. It can range from the server&#8217;s speed to the options and settings selected, right through to the type and amount of content and even the size of the images added to the page or post.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-202{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-202 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">The Avada Performance Wizard</h3></div><div class=\"fusion-text fusion-text-200\"><p>The <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">Performance Wizard</a> takes the guesswork out of how to best optimize your <a href=\"https://bit.ly/3gCfqYB\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"\">Avada</a> website. To get you started you are presented with a step-by-step interface that will guide you through the process.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-87 hover-type-none\"><img width=\"1900\" height=\"1345\" alt=\"Performance Wizard Start Screen\" title=\"Performance Wizard Start Screen\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen.jpg\" class=\"img-responsive wp-image-867928\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-200x142.jpg 200w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-400x283.jpg 400w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-600x425.jpg 600w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-800x566.jpg 800w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen-1200x849.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2021/06/avada-performance-wizard-start-screen.jpg 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-201\"><p>What is important to note is that you should build your website first before running the Performance Wizard. Creating your website&#8217;s structure, placing design elements in situ, and formulating content ensures that the system has something to work with when searching for recommendations at each step of the process. The recommendations provided are for options that can be disabled or enabled to enhance overall performance.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-54\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#013cae;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Features</strong><br />\nDisable any features not used on the website, thereby reducing the amount of code that is loaded.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#013cae;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Icons</strong><br />\nScan your website for information about icons that are being used. You can also disable unused icon sets and discover how to optimize existing icons.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#013cae;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Fonts/Typography</strong><br />\nCheck which fonts are being loaded on your website and then optimize how those fonts are served. Fewer variants will mean fewer requests and, therefore, faster loading times.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#013cae;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><strong>Avada Elements</strong><br />\nScan your website to discover which Design, Layout, and Form Elements are not used on the website. Disable unused Elements, thereby reducing the amount of code that is loaded.</p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-avada-mark\" style=\"color:#013cae;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><strong>Optimization</strong><br />\nOptimize how the website&#8217;s CSS and JS assets should be enqueued. These options can have a significant impact on the performance of the page load. However, some of these options can also break functionality if you use a caching plugin, so proceed with caution.</div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-203{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-203 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Above The Fold Optimization</h3></div><div class=\"fusion-text fusion-text-202\"><p>&#8220;Above the fold&#8221; is the part of a webpage that is immediately visible on your desktop or mobile screen without scrolling down. Traditionally, this digital real estate is where most would choose to display attention-grabbing headlines, important sales/marketing content, images, and even slider plugins as part of the page&#8217;s hero.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-88 hover-type-none\"><img width=\"1900\" height=\"600\" alt=\"Above The Fold Optimization\" title=\"Above The Fold Optimization\" src=\"https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed.png\" class=\"img-responsive wp-image-868004\" srcset=\"https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-200x63.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-400x126.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-600x189.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-800x253.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed-1200x379.png 1200w, https://theme-fusion.com/wp-content/uploads/2021/06/above-the-fold-compressed.png 1900w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></span></div><div class=\"fusion-text fusion-text-203\"><p>The rate of content delivery for a website, and in particular the perceived speed experienced by the end-user on a mobile device, is at the heart of Google&#8217;s <a href=\"https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/\" target=\"_blank\" rel=\"noopener noreferrer\">Core Web Vitals</a>. Thus, passing Core Web Vitals inevitably leads to a delicate balance between good SEO, attention marketing, and page load times for a website owner.</p>\n<p>To assist you with managing your website&#8217;s <a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">performance</a> and <a href=\"https://theme-fusion.com/documentation/avada/video-tutorials/how-to-optimize-above-the-fold-content-for-performance-video/\" target=\"_blank\" rel=\"noopener noreferrer\">optimization</a>, our team introduced purpose-built tools and features for <a href=\"https://bit.ly/3gCfqYB\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> that can make it possible for you to fine-tune your website&#8217;s performance on mobile &amp; desktop.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-204{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-204 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Generate Critical CSS</h3></div><div class=\"fusion-text fusion-text-204\"><p>Critical CSS is a convenient performance feature. You can enable Critical CSS by going to the <em><strong>Performance Wizard &gt; Optimization</strong></em> tab. Once it has been enabled, you can access the Critical CSS page from the WordPress sidebar at <em><strong>Avada &gt; Critical CSS or Maintenance &gt; Critical CSS</strong></em> from the Avada Dashboard. Both take you to the Critical CSS page to generate Critical CSS for both pages and posts.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-89 hover-type-none\" style=\"border:1px solid #e0dede;\"><a class=\"fusion-no-lightbox\" href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" aria-label=\"Critical CSS\" rel=\"noopener noreferrer\"><img width=\"1850\" height=\"1180\" alt=\"Critical CSS\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg\" class=\"img-responsive wp-image-867029\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-200x128.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-400x255.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-600x383.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-800x510.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-1200x765.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg 1850w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px\" /></a></span></div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-205\"><p>Critical CSS is the CSS necessary to style the above-the-fold content. When generated for a page, it will be loaded into the page head, and the rest of the CSS styles moved to the footer, resulting in less render-blocking and a faster page load time.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-205{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-205 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"font-size:24px;margin-top:0px;margin-bottom:10px;\"><h3 class=\"title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;\">Resources</h3></div><div class=\"fusion-text fusion-text-206\"><p>Even with all of the performance options provided, Avada plays a lesser part than you might imagine when it comes to site optimization. Websites running <a href=\"https://bit.ly/3gCfqYB\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> as the primary WordPress theme can be configured to optimize the layouts and structure that can lead to vastly improved page load scores. Still, ultimately, user content will principally dictate how fast and efficient your website will perform according to <a href=\"https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Core Web Vitals</a>.</p>\n</div><ul class=\"fusion-checklist fusion-checklist-55\" style=\"font-size:16px;line-height:27.2px;\"><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#013cae;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Use The Performance Wizard</a></p>\n</div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-youtube\" style=\"color:#013cae;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/video-tutorials/how-to-use-the-performance-wizard-video/\" target=\"_blank\" rel=\"noopener noreferrer\">Video: How To Use The Performance Wizard</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#013cae;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Optimization Guide</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-youtube\" style=\"color:#013cae;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" rel=\"noopener noreferrer\">Video: Optimize Above The Fold Content For Performance</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#013cae;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-speed-performance/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Speed &amp; Performance</a></div></li><li class=\"fusion-li-item\"><span style=\"height:27.2px;width:27.2px;margin-right:11.2px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon tficon-file-text\" style=\"color:#013cae;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/how-to-use-critical-css/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Use Critical CSS</a></div></li></ul><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-206{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-206 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"palette\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">Color Palette</h3></div><div class=\"fusion-fss-swatches fusion-no-small-visibility fusion-no-medium-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:space-between;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#013cae;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#013cae\">#013cae</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#ffdc4b;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ffdc4b\">#ffdc4b</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:100px; height:100px;background-color:#ffffff;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ffffff\">#ffffff</div></div></div></div><div class=\"fusion-fss-swatches fusion-no-small-visibility fusion-no-large-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:flex-start;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#013cae;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#013cae\">#013cae</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#ffdc4b;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ffdc4b\">#ffdc4b</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#ffffff;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ffffff\">#ffffff</div></div></div></div><div class=\"fusion-fss-swatches fusion-no-medium-visibility fusion-no-large-visibility fss-default-shadow\" style=\"margin-bottom:20px;\"><div class=\"fusion-fss-swatches-wrapper\" style=\"flex-direction:row;justify-content:flex-start;margin:-7.5px;\"><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#013cae;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#013cae\">#013cae</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#ffdc4b;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ffdc4b\">#ffdc4b</div></div><div class=\"fusion-fss-swatch-wrapper\" style=\"margin:7.5px;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px;background-color:#f2f2f2;border-radius:7px;\"><div class=\"fusion-fss-swatch\" style=\"width:80px; height:80px;background-color:#ffffff;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ffffff\">#ffffff</div></div></div></div><div class=\"fusion-text fusion-text-207\"><p>The color palette selected for the <a href=\"https://avada.theme-fusion.com/mechanic/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Mechanic</a> prebuilt website is a spontaneous grouping, as seen above. If you would like to change the Avada Mechanic color palette, this can be done within the options panel, as explained in this <a href=\"https://theme-fusion.com/documentation/avada/how-to/how-to-use-the-color-palette-feature/\" target=\"_blank\" rel=\"noopener noreferrer\">help file and video</a>.</p>\n<p>Color increases brand recognition, and it can influence people in how they feel about a website. Colors produce different emotions in people, making it essential to choose the right colors for your website. The balance of white space, contrast, and well thought out color schemes are vital elements of good web design. If you have not already decided on your brand colors, choosing a color palette for your website can be confusing. However, using a handy tool like the <a href=\"https://color.adobe.com/create/color-wheel\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe Color Wheel</a> or any of the myriad of app choices online, you can undoubtedly make this task effortless.</p>\n<p>We suggest checking out <a href=\"https://www.hubspot.com/\" target=\"_blank\" rel=\"noopener noreferrer\">HubSpot&#8217;s</a> article on <a href=\"https://blog.hubspot.com/marketing/color-palette-famous-websites\" target=\"_blank\" rel=\"noopener noreferrer\">color theory</a>.</p>\n</div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-207{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-207 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:32px;margin-top:0px;margin-bottom:20px;\" id=\"typography\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;--fontSize:32;line-height:1.32;\">Typography</h3></div><div class=\"fusion-text fusion-text-208\"><p>Website Typography can be more important than you realize, from your brand and user perspective to your website&#8217;s overall look and style. It is often underrated and is, in fact, an art form and technique in itself. The following <a href=\"https://blog.hubspot.com/website/website-typography\" target=\"_blank\" rel=\"noopener noreferrer\">HubSpot guide to website typography</a> will give you some great insights into the do&#8217;s and dont&#8217;s choosing which fonts work best for your <a href=\"https://bit.ly/3gCfqYB\" target=\"_blank\" rel=\"noopener noreferrer\">Avada </a>website.</p>\n<p>The Avada Website Builder has a vast array of Typography controls, options, and font selections to make your job easier. See this detailed <a href=\"https://theme-fusion.com/documentation/avada/options/typography-options-in-avada/\" target=\"_blank\" rel=\"noopener noreferrer\">help file and video</a> to get you started.</p>\n<p>Below are the fonts used for the <a href=\"https://avada.theme-fusion.com/mechanic/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Mechanic</a> prebuilt website:</p>\n</div><div class=\"fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );\"><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-22 fusion_builder_column_inner_1_2 1_2 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;\"><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-208{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-208 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"font-size:20px;margin-top:0px;margin-bottom:20px;\"><h3 class=\"title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;font-size:1em;color:#5e5e5e;--fontSize:20;--minFontSize:20px;line-height:1.32;\">Headings</h3></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-209{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-209 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:5px;\"><div class=\"title-heading-left title-heading-tag fusion-responsive-typography-calculated\" style=\"margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;\">H1, H2, Font Family: <span style=\"font-family: Epilogue; font-weight: 600;\" data-fusion-font=\"true\" data-fusion-google-font=\"Epilogue\" data-fusion-google-variant=\"600\">Epilogue</span></div></div><style type=\"text/css\">@me