lider-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/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a> using 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</a> Element. Simply put, Nested Columns are Columns within Columns. This is structured using one 1/3 (33.33% 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 one 2/3 (66.67% width) Column, with the <a href=\"https://theme-fusion.com/documentation/avada/elements/avada-form-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Forms 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);\">The </span><a style=\"background-color: rgba(255, 255, 255, 0); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\" href=\"https://avada.theme-fusion.com/website-builder-features/avada-form-builder/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Form Builder</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);\"> 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 </span><a style=\"background-color: rgba(255, 255, 255, 0); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\" href=\"https://theme-fusion.com/documentation/avada/forms/avada-forms-global-options/\" target=\"_blank\" rel=\"noopener noreferrer\">globally </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);\">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.</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-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;\">Ride Type &amp; Costs</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-Taxi-Ride-Type-Costs.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[272138b13ef3716f849]\" data-title=\"Avada Taxi Ride Type &#038; Costs\" title=\"Avada Taxi Ride Type &#038; Costs\"><img width=\"1894\" height=\"648\" alt=\"Avada Taxi Ride Type &amp; Cost\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Ride-Type-Costs.jpg\" class=\"img-responsive wp-image-869910\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Ride-Type-Costs-200x68.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Ride-Type-Costs-400x137.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Ride-Type-Costs-600x205.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Ride-Type-Costs-800x274.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Ride-Type-Costs-1200x411.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Ride-Type-Costs.jpg 1894w\" 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><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 two 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>and three 1/3 (33.33% width) Columns, each containing an <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</a>, two <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Elements</a>, three <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</a>, and two <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-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;\">Company Statistics</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-Taxi-Company-Statistics.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[6b512bd478d1693309e]\" data-title=\"Avada Taxi Company Statistics\" title=\"Avada Taxi Company Statistics\"><img width=\"1899\" height=\"326\" alt=\"Avada Taxi Company Statistics\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Company-Statistics.jpg\" class=\"img-responsive wp-image-869913\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Company-Statistics-200x34.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Company-Statistics-400x69.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Company-Statistics-600x103.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Company-Statistics-800x137.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Company-Statistics-1200x206.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Company-Statistics.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-106\"><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 Image and 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/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title 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-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;\">Get the App &#8211; CTA</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-Taxi-Get-The-App-CTA.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[081a71ed93e9c54d466]\" data-title=\"Avada Taxi Get The App &#8211; CTA\" title=\"Avada Taxi Get The App &#8211; CTA\"><img width=\"1899\" height=\"450\" alt=\"Avada Mechanic More Information\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Get-The-App-CTA.jpg\" class=\"img-responsive wp-image-869915\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Get-The-App-CTA-200x47.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Get-The-App-CTA-400x95.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Get-The-App-CTA-600x142.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Get-The-App-CTA-800x190.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Get-The-App-CTA-1200x284.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Get-The-App-CTA.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-107\"><p>This section uses a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with four 1/2 (50% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>, with the first two each containing 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>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Element</a>, and the last two an <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image 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-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;\">Recent Articles</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-Taxi-Recent-Articles.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[942f092d83dc4d0b659]\" data-title=\"Avada Taxi Recent Articles\" title=\"Avada Taxi Recent Articles\"><img width=\"1897\" height=\"838\" alt=\"Avada Recent Articles\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Recent-Articles.jpg\" class=\"img-responsive wp-image-869917\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Recent-Articles-200x88.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Recent-Articles-400x177.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Recent-Articles-600x265.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Recent-Articles-800x353.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Recent-Articles-1200x530.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Recent-Articles.jpg 1897w\" 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>For this example, this section uses 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>with a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a> and two 1/2 (50% width) Columns, each containing a <a href=\"https://theme-fusion.com/documentation/avada/elements/blog-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Blog Element</a>, finishing the section off with another 1/1 (100% width) Column with a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button 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-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-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-109\"><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-30\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#feba12;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#feba12;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#feba12;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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-110\"><p>For the Avada Taxi 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-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;\">Footer Content</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-Taxi-Footer.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[429bd51b38c36f95f1d]\" data-title=\"Avada Taxi Footer\" title=\"Avada Taxi Footer\"><img width=\"1899\" height=\"899\" alt=\"Avada Mechanic Footer\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Footer.jpg\" class=\"img-responsive wp-image-869920\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Footer-200x95.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Footer-400x189.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Footer-600x284.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Footer-800x379.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Footer-1200x568.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Footer.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-111\"><p>The Footer content is structured in a single <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container</a> with a Background Image and multiple <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>, with the use of <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/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon 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/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>, <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/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Elements</a>, <a href=\"https://theme-fusion.com/documentation/avada/elements/social-links-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Social Links Elements</a>, and<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);\"> the use of </span><a href=\"https://theme-fusion.com/documentation/avada/options/how-to-use-dynamic-content-options-in-avada/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background-color: rgba(255, 255, 255, 0); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">Dynamic Data Options</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);\"> to display the website information. You can check how this is structured on the backend by 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-Taxi-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:30px;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-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-112\"><p>There are <span class=\"fusion-cs-live-demos\">86</span> <a href=\"https://bit.ly/3eJuUd1\" 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/3eJuUd1\" 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>.fusion-button.button-9{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-9 .fusion-button-text,.fusion-button.button-9 i,.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 i{color:#ffffff;}.fusion-button.button-9:hover,.fusion-button.button-9:active,.fusion-button.button-9:focus{border-color:#ffffff;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/3eJuUd1\"><span class=\"fusion-button-text\">Buy Avada Taxi 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-taxi-deconstructing-a-prebuilt-website/\">Avada Taxi: 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:75:\"https://theme-fusion.com/avada-taxi-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 Driving: 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-driving-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-driving-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, 11 Jan 2022 18:16:53 +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=870518\";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:614:\"<p>Say hello to Avada Driving School. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Driving School 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-driving-deconstructing-a-prebuilt-website/\">Avada Driving: 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:143179:\"<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-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;\"></div><div class=\"fusion-text fusion-text-113\"><p>Say hello to <a href=\"https://avada.theme-fusion.com/driving/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Driving School</a>. This <a href=\"https://bit.ly/2TyRgXA\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Driving School 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/driving/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Driving School</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-fitness-deconstructing-a-prebuilt-website/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Fitness</a> prebuilt website. It is important to highlight that <a href=\"https://bit.ly/2TyRgXA\" 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>.fusion-button.button-10{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-10 .fusion-button-text,.fusion-button.button-10 i,.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 i{color:#ffffff;}.fusion-button.button-10:hover,.fusion-button.button-10:active,.fusion-button.button-10:focus{border-color:#ffffff;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/driving/\"><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>.fusion-button.button-11{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-11 .fusion-button-text,.fusion-button.button-11 i,.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 i{color:#ffffff;}.fusion-button.button-11:hover,.fusion-button.button-11:active,.fusion-button.button-11:focus{border-color:#ffffff;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/2TyRgXA\"><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-114{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-114 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-31\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#features\">Styling and Features</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#performance\">Performance &amp; Optimization</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#palette\">Color Palette</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#typography\">Typography</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#getstarted\">To Get Started You Will Need The Following</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#plugins\">Recommended Plugins</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#support\">World-Class Support And Resources</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#prebuiltwebsite\">What is a Prebuilt Website?</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#install\">Fast One-Click Install</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#structure\">Website Structure</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#layouts\">Explaining Layouts &amp; Layout Sections</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#wordpresspages\">Explaining WordPress Pages vs. Posts</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#change\">What Can I Change? Is the Design Flexible?</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#comparison\">A Side By Side Comparison</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#homepage\">Exploring The Homepage Layout</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#footer\">The Footer</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><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-115{margin-top:0px!important; margin-right:!important;margin-bottom:20px!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: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-114\"><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-116{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-116 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-115\"><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-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-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-116\"><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/2TyRgXA\" 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-47 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-117\"><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-32\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-118{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-118 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-118\"><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-48 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-119\"><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/2TyRgXA\" 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:30px;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:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-119 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-120\"><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-49 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=\"docs_generate_critical_css\" rel=\"noopener noreferrer\"><img width=\"1850\" height=\"1327\" alt=\"Critical CSS\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg\" class=\"img-responsive wp-image-874339\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-200x143.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-400x287.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-600x430.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-800x574.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-1200x861.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-121\"><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-120{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-120 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-122\"><p>Even with all of the performance options provided, <a href=\"https://bit.ly/2TyRgXA\" 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/2TyRgXA\" 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-33\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Optimization Guide</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-121{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-121 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:#7abc64;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#7abc64\">#7abc64</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:#929aa3;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#929aa3\">#929aa3</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:#7abc64;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#7abc64\">#7abc64</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:#929aa3;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#929aa3\">#929aa3</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:#7abc64;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#7abc64\">#7abc64</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:#929aa3;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#929aa3\">#929aa3</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-123\"><p>The color palette selected for the <a href=\"https://avada.theme-fusion.com/driving/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Driving School</a> prebuilt website is a set of pastel colors with soft tones, as seen above. If you would like to change the Avada Driving School 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-122{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-122 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-124\"><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/2TyRgXA\" 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/driving/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Driving School</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-123{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-123 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-124{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-124 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: Mulish; font-weight: 700;\" data-fusion-font=\"true\" data-fusion-google-font=\"Mulish\" data-fusion-google-variant=\"700\">Mulish</span></div></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:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-125 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: Mulish; font-weight: 700;\" data-fusion-font=\"true\" data-fusion-google-font=\"Mulish\" data-fusion-google-variant=\"700\">Mulish</span></div></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:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-126 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: Heebo; font-weight: 700;\" data-fusion-font=\"true\" data-fusion-google-font=\"Heebo\" data-fusion-google-variant=\"700\">Mulish</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-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;\">Body</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;\">Font Family: <span style=\"font-family: Mulish; font-weight: 400;\" data-fusion-font=\"true\" data-fusion-google-font=\"Mulish\" data-fusion-google-variant=\"400\">Mulish</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-125\"><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-129{margin-top:0px!important; margin-right:!important;margin-bottom:20px!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: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-126\"><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-34\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\n<p>The latest version of <a href=\"https://wordpress.org/download/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\n<p>The <a href=\"https://bit.ly/2TyRgXA\" 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-130{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-130 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-127\"><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/driving/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Driving School</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-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: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-128\"><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-35\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Optimization Guide</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-132{margin-top:0px!important; margin-right:!important;margin-bottom:20px!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: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-129\"><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/2TyRgXA\" 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-36\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">They are created to save you time when building a new website.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">A prebuilt website can be imported with a few clicks.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">Each prebuilt website is mobile and SEO friendly.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">Each prebuilt website is entirely customizable to suit your project and branding needs.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">You can white-label any prebuilt website for client work.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">Prebuilt websites are included with your <a href=\"https://bit.ly/3twTt1P\" target=\"_blank\" rel=\"noopener noreferrer\">purchase</a> of the Avada Website Builder.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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-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=\"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-130\"><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\">86</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-50 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 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-19 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-blend-mode: overlay;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-131\"></div><div class=\"fusion-clearfix\"></div></div></div></div></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-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-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-132\"><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/driving/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Driving School</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-37\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/driving/\" target=\"_blank\" rel=\"noopener noreferrer\">Homepage Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/driving/about/\" target=\"_blank\" rel=\"noopener noreferrer\">About Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/driving/prices/\" target=\"_blank\" rel=\"noopener noreferrer\">Prices Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/driving/courses/\" target=\"_blank\" rel=\"noopener noreferrer\">Courses Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/driving/courses/intensive-driving-course/\" target=\"_blank\" rel=\"noopener noreferrer\">Courses &gt; Intensive Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/driving/courses/pass-plus/\" target=\"_blank\" rel=\"noopener noreferrer\">Courses &gt; Poss Plus Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/driving/courses/instructor/\" target=\"_blank\" rel=\"noopener noreferrer\">Courses &gt; Instructor Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/driving/locations/\" target=\"_blank\" rel=\"noopener noreferrer\">Locations Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/driving/blog/\" target=\"_blank\" rel=\"noopener noreferrer\">Blog 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-20{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.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-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-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-133\"><p>Before we look at the specific Layouts on the Avada Driving School 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-51 hover-type-none\"><img width=\"1050\" height=\"1050\" 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-200x200.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-400x400.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-600x600.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-800x800.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image.png 1050w\" 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-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=\"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-134\"><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-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=\"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-135\"><p>The <a href=\"https://avada.theme-fusion.com/driving/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Driving School</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-52 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Live-Editing.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[931c673ab7665a7d0dc]\" data-title=\"Avada Driving School Live Editing\" title=\"Avada Driving School Live Editing\"><img width=\"1920\" height=\"934\" alt=\"Live Editor\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Live-Editing.jpg\" class=\"img-responsive wp-image-870824\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Live-Editing-200x97.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Live-Editing-400x195.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Live-Editing-600x292.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Live-Editing-800x389.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Live-Editing-1200x584.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-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-136\"><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-53 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Backend-Editing.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[b22b26dd4d3a47f30c7]\" data-title=\"Avada Driving School Backend Editing\" title=\"Avada Driving School Backend Editing\"><img width=\"1903\" height=\"819\" alt=\"Back-end Editing\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Backend-Editing.jpg\" class=\"img-responsive wp-image-870825\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Backend-Editing-200x86.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Backend-Editing-400x172.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Backend-Editing-600x258.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Backend-Editing-800x344.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Backend-Editing-1200x516.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Backend-Editing.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-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=\"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-137\"><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-38\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><a href=\"https://avada.theme-fusion.com/handmade/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Handmade</a> (Using the Website Builder)</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-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_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=\"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-138\"><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-140{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-140 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-139\"><p>For the <a href=\"https://avada.theme-fusion.com/driving/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Driving School</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-Driving-School-Global-Header.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">link</a>.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-54 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Header.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[409740ebf452587eda8]\" data-title=\"Avada Driving School Header\" title=\"Avada Driving School Header\"><img width=\"1902\" height=\"164\" alt=\"Avada Driving School Header\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Header.jpg\" class=\"img-responsive wp-image-870827\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Header-200x17.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Header-400x34.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Header-600x52.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Header-800x69.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Header-1200x103.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Header.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:50px;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:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-141 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-140\"><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-39\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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-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-142{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-142 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-55 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Hero.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[32af4858fbd0ad0a10c]\" data-title=\"Avada Driving School Hero\" title=\"Avada Driving School Hero\"><img width=\"1900\" height=\"572\" alt=\"Avada Driving School Hero\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Hero.jpg\" class=\"img-responsive wp-image-870829\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Hero-200x60.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Hero-400x120.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Hero-600x181.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Hero-800x241.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Hero-1200x361.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Hero.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-141\"><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 a single 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>, a <a href=\"https://avada.theme-fusion.com/design-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-143{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-143 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;\">Intro and Callback</h4></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-Driving-School-Intro-and-Callback.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[58e2f0c9772350e82b7]\" data-title=\"Avada Driving School Intro and Callback\" title=\"Avada Driving School Intro and Callback\"><img width=\"1900\" height=\"711\" alt=\"Avada Driving School Intro and Callback\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Intro-and-Callback.jpg\" class=\"img-responsive wp-image-870830\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Intro-and-Callback-200x75.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Intro-and-Callback-400x150.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Intro-and-Callback-600x225.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Intro-and-Callback-800x299.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Intro-and-Callback-1200x449.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Intro-and-Callback.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-142\"><p>For this example, this section uses a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with two 1/2 (50% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns </a>containing two <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</a>, two <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Elements</a>, a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator 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>.</p>\n<p>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 subscription form. The Form Builder is very flexible and allows you to create many types of forms that you can use on your <a href=\"https://bit.ly/2TyRgXA\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> 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-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-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</h4></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-Driving-School-Start-Learning-Call-to-Action.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[7612e4bcc572dfb3979]\" data-title=\"Avada Driving School Start Learning Call to Action\" title=\"Avada Driving School Start Learning Call to Action\"><img width=\"1900\" height=\"204\" alt=\"Avada Driving School Start Learning Call to Action\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Start-Learning-Call-to-Action.jpg\" class=\"img-responsive wp-image-870831\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Start-Learning-Call-to-Action-200x21.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Start-Learning-Call-to-Action-400x43.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Start-Learning-Call-to-Action-600x64.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Start-Learning-Call-to-Action-800x86.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Start-Learning-Call-to-Action-1200x129.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Start-Learning-Call-to-Action.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-143\"><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 2/3 (66.67% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column </a>and one 1/3 (33.33% 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/checklist-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Checklist 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-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-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;\">Courses</h4></div><div ><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-Driving-School-Courses.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[48911f82999c27dfb2a]\" data-title=\"Avada Driving School Courses\" title=\"Avada Driving School Courses\"><img width=\"1900\" height=\"484\" alt=\"Avada Driving School Courses\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Courses.jpg\" class=\"img-responsive wp-image-870832\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Courses-200x51.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Courses-400x102.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Courses-600x153.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Courses-800x204.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Courses-1200x306.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Courses.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-144\"><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. 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>with a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>, one 2/5 (40% width) Columns and three 1/5 (20% width) Column, collectively containing four <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Elements</a>, four Separator Elements, four <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 four <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button 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:10px;width:100%;\"></div><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;\">Statistics</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-Driving-School-Statistics.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[c3950f6d6ecb856279d]\" data-title=\"Avada Driving School Statistics\" title=\"Avada Driving School Statistics\"><img width=\"1899\" height=\"540\" alt=\"Avada Driving School Statistics\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Statistics.jpg\" class=\"img-responsive wp-image-870835\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Statistics-200x57.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Statistics-400x114.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Statistics-600x171.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Statistics-800x227.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Statistics-1200x341.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Statistics.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-145\"><p>To create this layout, two <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Containers</a> of which the first has one 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column </a>containing a <a href=\"https://theme-fusion.com/documentation/avada/elements/section-separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Section Separator Element</a> and the second has three 1/3 (33.33% width) Columns, each containing a <a href=\"https://theme-fusion.com/documentation/avada/elements/counter-circles-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Counter Circles 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-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;\">Your Instructors</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-Driving-School-Your-Instructors.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[d15f6afe38e6fd45bdf]\" data-title=\"Avada Driving School Your Instructors\" title=\"Avada Driving School Your Instructors\"><img width=\"1899\" height=\"814\" alt=\"Avada Driving School Your Instructors\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Your-Instructors.jpg\" class=\"img-responsive wp-image-870836\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Your-Instructors-200x86.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Your-Instructors-400x171.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Your-Instructors-600x257.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Your-Instructors-800x343.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Your-Instructors-1200x514.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Your-Instructors.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-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 one 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column</a>, holding a <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, one 2/3 (66.67% width) Column, holding a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a>, and one 1/3 (33.33% width) Column, holding a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a> is used to create the top part of the layout. This is followed by three 1/3 (33.33% width) Columns, each containing an <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Element</a>, two <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Elements</a>, a Title Element, a <a href=\"https://theme-fusion.com/documentation/avada/elements/social-links-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Social Links Element</a>, and a Text Block Element.</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;\">Testimonials</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-Driving-School-Testimonials.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[8fa7749e29806ee3069]\" data-title=\"Avada Driving School Testimonials\" title=\"Avada Driving School Testimonials\"><img width=\"1900\" height=\"679\" alt=\"Avada Driving School Testimonials\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Testimonials.jpg\" class=\"img-responsive wp-image-870838\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Testimonials-200x71.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Testimonials-400x143.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Testimonials-600x214.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Testimonials-800x286.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Testimonials-1200x429.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Testimonials.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-147\"><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, a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container </a>with a Background Image is used. The Inner content is made of 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>, followed by two 1/6 (16.67% width) Columns on either side of a 2/3 (66.67% width) Column, containing a Title Element, 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 Testimonials Element.</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-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;\">Latest News</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-Driving-School-Latest-News.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[b6ccf748cbe8b2eeffa]\" data-title=\"Avada Driving School Latest News\" title=\"Avada Driving School Latest News\"><img width=\"1900\" height=\"926\" alt=\"Avada Driving School Latest News\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Latest-News.jpg\" class=\"img-responsive wp-image-870839\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Latest-News-200x97.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Latest-News-400x195.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Latest-News-600x292.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Latest-News-800x390.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Latest-News-1200x585.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Latest-News.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-148\"><p>For this example, a Container with a Background Image is used. The Inner content is made of 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 Title Element, a <a href=\"https://theme-fusion.com/documentation/avada/elements/recent-posts-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Recent Posts Element</a>, two Separator Elements, a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>, and an <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image 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-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;\">Newsletter</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-Driving-School-Newsletter.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[087e67006b5b37d1f19]\" data-title=\"Avada Driving School Newsletter\" title=\"Avada Driving School Newsletter\"><img width=\"1898\" height=\"386\" alt=\"Avada Driving School Newsletter\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Newsletter.jpg\" class=\"img-responsive wp-image-870840\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Newsletter-200x41.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Newsletter-400x81.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Newsletter-600x122.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Newsletter-800x163.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Newsletter-1200x244.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Newsletter.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-149\"><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 a Background Image. This is structured using two 1/5 (20% width) Columns on either side of a 3/5 (60% width) Column, containing a Title Element, the <a href=\"https://theme-fusion.com/documentation/avada/elements/avada-form-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Form Element</a>, a Separator Element, 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><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><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-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-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-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-150\"><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-40\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#7abc64;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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-151\"><p>For the <a href=\"https://avada.theme-fusion.com/driving/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Driving</a> School 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-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;\">Footer Content</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-Driving-School-Footer.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[1d4c054a5c7c9d82155]\" data-title=\"Avada Driving School Footer\" title=\"Avada Driving School Footer\"><img width=\"1899\" height=\"573\" alt=\"Avada Videographer Footer\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Footer.jpg\" class=\"img-responsive wp-image-870841\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Footer-200x60.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Footer-400x121.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Footer-600x181.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Footer-800x241.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Footer-1200x362.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Driving-School-Footer.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-152\"><p>There are two <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Containers</a>, with the first containing four 1/4 (25% width) Columns, each containing a <a href=\"https://theme-fusion.com/documentation/avada/elements/widget-area-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Widget Area 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);\">, and the use of the <a href=\"https://theme-fusion.com/documentation/avada/elements/social-links-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Social Links Element</a> and </span><a href=\"https://theme-fusion.com/documentation/avada/options/how-to-use-dynamic-content-options-in-avada/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background-color: rgba(255, 255, 255, 0); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\">Dynamic Data Options</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);\"> to display the website copyright information. 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-Driving-School-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:30px;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-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-153\"><p>There are <span class=\"fusion-cs-live-demos\">86</span> <a href=\"https://bit.ly/2TyRgXA\" 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/2TyRgXA\" 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>.fusion-button.button-12{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-12 .fusion-button-text,.fusion-button.button-12 i,.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 i{color:#ffffff;}.fusion-button.button-12:hover,.fusion-button.button-12:active,.fusion-button.button-12:focus{border-color:#ffffff;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/2TyRgXA\"><span class=\"fusion-button-text\">Buy Avada Driving School 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-24{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.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></p>\n<p>The post <a rel=\"nofollow\" href=\"https://theme-fusion.com/avada-driving-deconstructing-a-prebuilt-website/\">Avada Driving: 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-driving-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:48:\"Avada Fitness: 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-fitness-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-fitness-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, 04 Jan 2022 10:51:38 +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=869384\";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 Fitness. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Fitness 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-fitness-deconstructing-a-prebuilt-website/\">Avada Fitness: 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:158976:\"<p><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;\"><div class=\"fusion-text fusion-text-154\"><p>Say hello to <a href=\"https://avada.theme-fusion.com/fitness/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Fitness</a>. This <a href=\"https://bit.ly/36VFJoo\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Fitness 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/fitness/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Fitness</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-beer-deconstructing-a-prebuilt-website/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Beer</a> prebuilt website. It is important to highlight that <a href=\"https://bit.ly/36VFJoo\" 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>.fusion-button.button-13{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-13 .fusion-button-text,.fusion-button.button-13 i,.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 i{color:#ffffff;}.fusion-button.button-13:hover,.fusion-button.button-13:active,.fusion-button.button-13:focus{border-color:#ffffff;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/fitness/\"><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>.fusion-button.button-14{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-14 .fusion-button-text,.fusion-button.button-14 i,.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 i{color:#ffffff;}.fusion-button.button-14:hover,.fusion-button.button-14:active,.fusion-button.button-14:focus{border-color:#ffffff;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/36VFJoo\"><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-154{margin-top:0px!important; margin-right:!important;margin-bottom:20px!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: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-41\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#features\">Styling and Features</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#performance\">Performance &amp; Optimization</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#palette\">Color Palette</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#typography\">Typography</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#getstarted\">To Get Started You Will Need The Following</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#plugins\">Recommended Plugins</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#support\">World-Class Support And Resources</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#prebuiltwebsite\">What is a Prebuilt Website?</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#install\">Fast One-Click Install</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#structure\">Website Structure</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#layouts\">Explaining Layouts &amp; Layout Sections</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#wordpresspages\">Explaining WordPress Pages vs. Posts</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#change\">What Can I Change? Is the Design Flexible?</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#comparison\">A Side By Side Comparison</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#homepage\">Exploring The Homepage Layout</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#footer\">The Footer</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><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-155{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-155 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-155\"><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-156{margin-top:0px!important; margin-right:!important;margin-bottom:20px!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: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-156\"><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-157{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-157 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-157\"><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/36VFJoo\" 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-65 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-158\"><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-42\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-158{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-158 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-159\"><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-66 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-160\"><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/36VFJoo\" 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-159{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-159 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-161\"><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-67 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=\"docs_generate_critical_css\" rel=\"noopener noreferrer\"><img width=\"1850\" height=\"1327\" alt=\"Critical CSS\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg\" class=\"img-responsive wp-image-874339\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-200x143.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-400x287.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-600x430.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-800x574.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-1200x861.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-162\"><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-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;\">Resources</h3></div><div class=\"fusion-text fusion-text-163\"><p>Even with all of the performance options provided, <a href=\"https://bit.ly/36VFJoo\" 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/36VFJoo\" 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-43\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Optimization Guide</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-161{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-161 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:#4154ff;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#4154ff\">#4154ff</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:#060607;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#060607\">#060607</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:#ff414b;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ff414b\">#ff414b</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:#4154ff;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#4154ff\">#4154ff</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:#060607;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#060607\">#060607</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:#ff414b;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ff414b\">#ff414b</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:#4154ff;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#4154ff\">#4154ff</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:#060607;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#060607\">#060607</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:#ff414b;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#ff414b\">#ff414b</div></div></div></div><div class=\"fusion-text fusion-text-164\"><p>The color palette selected for the <a href=\"https://avada.theme-fusion.com/fitness/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Fitness</a> prebuilt website is a bright warm grouping, as seen above. If you would like to change the Avada Fitness 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-162{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-162 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-165\"><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/36VFJoo\" 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/fitness/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Fitness</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-163{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-163 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-164{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-164 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 Semi Condensed\'; font-weight: 500;\" data-fusion-font=\"true\" data-fusion-google-font=\"Barlow Semi Condensed\" data-fusion-google-variant=\"500\">Barlow Semi Condensed</span></div></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:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-165 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 Semi Condensed\'; font-weight: 500;\" data-fusion-font=\"true\" data-fusion-google-font=\"Barlow Semi Condensed\" data-fusion-google-variant=\"500\">Barlow Semi Condensed</span></div></div><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:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-166 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 Semi Condensed\'; font-weight: 500;\" data-fusion-font=\"true\" data-fusion-google-font=\"Barlow Semi Condensed\" data-fusion-google-variant=\"500\">Barlow Semi Condensed</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-167{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-167 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-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;\">Font Family: <span style=\"font-family: \'Barlow Semi Condensed\'; font-weight: 400;\" data-fusion-font=\"true\" data-fusion-google-font=\"Barlow Semi Condensed\" data-fusion-google-variant=\"400\">Barlow Semi Condensed</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-166\"><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-169{margin-top:0px!important; margin-right:!important;margin-bottom:20px!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: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-167\"><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-44\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\n<p>The latest version of <a href=\"https://wordpress.org/download/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">The <a href=\"https://bit.ly/36VFJoo\" 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-170{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-170 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-168\"><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/fitness/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Fitness</a> prebuilt website as an example:</p>\n<p> 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/fitness/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Fitness</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);justify-content:flex-start;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:20px;width:100%;\"></div><div class=\"fusion-text fusion-text-169\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_2_3 2_3 fusion-flex-column\">\n<div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\">\n<div class=\"fusion-text fusion-text-1\">\n<p>Slider Revolution is a beautifully animated slider that is 100% responsive and has amazing options that will allow you to create feature-rich and dynamic sliders for your pages and posts. This slider plugin comes bundled with Avada; you do not need additional licensing to use it and is always 100% compatible with Avada.</p>\n</div>\n</div>\n</div>\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);justify-content:flex-start;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=\"101\" height=\"100\" viewBox=\"0 0 101 100\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0.294312\" width=\"100\" height=\"100\" rx=\"10\" fill=\"#5E35B1\"/><path d=\"M18.4193 18.75H44.6693V45L36.1786 36.5093C33.6165 39.1901 31.8685 42.5478 31.1439 46.1907C30.3905 49.9783 30.7771 53.9043 32.255 57.4721C33.7328 61.04 36.2355 64.0895 39.4465 66.235C42.6574 68.3805 46.4325 69.5256 50.2943 69.5256V81.25C44.1136 81.25 38.0718 79.4172 32.9327 75.9834C27.7937 72.5496 23.7883 67.669 21.4231 61.9589C19.0578 56.2487 18.439 49.9653 19.6448 43.9034C20.8218 37.9861 23.6859 32.5392 27.8869 28.2176L18.4193 18.75Z\" fill=\"white\"/><path d=\"M82.1693 81.25L55.9193 81.25L55.9193 55L64.41 63.4907C66.9721 60.8099 68.7201 57.4522 69.4448 53.8093C70.1982 50.0217 69.8115 46.0957 68.3336 42.5279C66.8558 38.96 64.3531 35.9105 61.1422 33.765C57.9312 31.6195 54.1561 30.4744 50.2943 30.4744L50.2943 18.75C56.475 18.75 62.5168 20.5828 67.6559 24.0166C72.7949 27.4504 76.8003 32.331 79.1655 38.0411C81.5308 43.7513 82.1496 50.0347 80.9439 56.0966C79.7668 62.0139 76.9027 67.4608 72.7017 71.7824L82.1693 81.25Z\" fill=\"white\"/></svg></span><span class=\"fusion-fss-plugin-text\">Slider Revolution</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-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: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-170\"><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-45\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\n<p><a href=\"https://theme-fusion.com/documentation/avada/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Documentation</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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-172{margin-top:0px!important; margin-right:!important;margin-bottom:20px!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: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-171\"><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/36VFJoo\" 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-46\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">They are created to save you time when building a new website.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">A prebuilt website can be imported with a few clicks.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">Each prebuilt website is mobile and SEO friendly.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">Each prebuilt website is entirely customizable to suit your project and branding needs.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">You can white-label any prebuilt website for client work.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">Prebuilt websites are included with your <a href=\"https://bit.ly/36VFJoo\" target=\"_blank\" rel=\"noopener noreferrer\">purchase</a> of the Avada Website Builder.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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-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=\"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-172\"><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\">86</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-68 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-25{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.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-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-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-173\"><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/fitness/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Fitness</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-47\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness\" target=\"_blank\" rel=\"noopener noreferrer\">Home Page &#8211; Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/services/\" target=\"_blank\" rel=\"noopener noreferrer\">Services &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/services/\" target=\"_blank\" rel=\"noopener noreferrer\">All Services &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/yoga-lessons/\" target=\"_blank\" rel=\"noopener noreferrer\">Services Single Page &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/mechanic/our-services/\" target=\"_blank\" rel=\"noopener noreferrer\">About &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/about/\" target=\"_blank\" rel=\"noopener noreferrer\">About Me &#8211; page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/sponsors/\" target=\"_blank\" rel=\"noopener noreferrer\">Our Sponsors &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/contact/\" target=\"_blank\" rel=\"noopener noreferrer\">Contact &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/playlists/\" target=\"_blank\" rel=\"noopener noreferrer\">Videos &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/playlists/\" target=\"_blank\" rel=\"noopener noreferrer\">All Playlists &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/playlists/lift-firm-perk-up/\" target=\"_blank\" rel=\"noopener noreferrer\">Playlist Page &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/videos/10-minutes-full-body-workout/\" target=\"_blank\" rel=\"noopener noreferrer\">Videos Single Page &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/blog/\" target=\"_blank\" rel=\"noopener noreferrer\">Blog &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/shop/\" target=\"_blank\" rel=\"noopener noreferrer\">Store &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/product/water-bottle/\" target=\"_blank\" rel=\"noopener noreferrer\">Simple Product Page &#8211; Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/fitness/product/various-dumbbells/\" target=\"_blank\" rel=\"noopener noreferrer\">Variable Product &#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-26{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.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-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-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-174\"><p>Before we look at the specific Layouts on the Avada Fitness 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-69 hover-type-none\"><img width=\"1050\" height=\"1050\" 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-200x200.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-400x400.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-600x600.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-800x800.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image.png 1050w\" 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-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=\"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-175\"><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-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=\"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-176\"><p>The <a href=\"https://avada.theme-fusion.com/fitness/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Fitness</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-70 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Live-Editing.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[dcb8a8a9c31c2b4351e]\" data-title=\"Avada Fitness Live Editing\" title=\"Avada Fitness Live Editing\"><img width=\"1920\" height=\"876\" alt=\"Live Editor\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Live-Editing.jpg\" class=\"img-responsive wp-image-869718\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Live-Editing-200x91.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Live-Editing-400x183.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Live-Editing-600x274.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Live-Editing-800x365.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Live-Editing-1200x548.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-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-177\"><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-71 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Backend-Editing.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[77976974cd7b4183bb8]\" data-title=\"Avada Fitness Backend Editing\" title=\"Avada Fitness Backend Editing\"><img width=\"1902\" height=\"856\" alt=\"Back-end Editing\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Backend-Editing.jpg\" class=\"img-responsive wp-image-869719\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Backend-Editing-200x90.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Backend-Editing-400x180.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Backend-Editing-600x270.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Backend-Editing-800x360.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Backend-Editing-1200x540.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Backend-Editing.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:50px;width:100%;\"></div><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=\"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-178\"><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-48\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><a href=\"https://avada.theme-fusion.com/handmade/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Handmade</a> (Using the Website Builder)</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-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_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=\"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-179\"><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-180{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-180 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-180\"><p>For the <a href=\"https://avada.theme-fusion.com/fitness/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Fitness</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-Fitness-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-72 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Header.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[50272ad86a84bca3ddb]\" data-title=\"Avada Fitness Header\" title=\"Avada Fitness Header\"><img width=\"1900\" height=\"97\" alt=\"Avada Fitness Header\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Header.jpg\" class=\"img-responsive wp-image-869720\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Header-200x10.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Header-400x20.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Header-600x31.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Header-800x41.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Header-1200x61.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Header.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-181{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-181 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-181\"><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-49\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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-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-182{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-182 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-73 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Hero.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[d8ecc9125e1de4418a4]\" data-title=\"Avada Fitness Hero\" title=\"Avada Fitness Hero\"><img width=\"1900\" height=\"585\" alt=\"Avada Fitness Hero\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Hero.jpg\" class=\"img-responsive wp-image-869721\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Hero-200x62.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Hero-400x123.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Hero-600x185.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Hero-800x246.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Hero-1200x369.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Hero.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-182\"><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 3/4 (75% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column</a> with five <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Elements</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>, an <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</a>, and three <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Elements</a> and one 1/4 (25% width) Column with an Icon Element.</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-183{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-183 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 &amp; Testimonials</h4></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-Fitness-Services-Testimonials.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[452649f96efd79eb76f]\" data-title=\"Avada Fitness Services &#038; Testimonials\" title=\"Avada Fitness Services &#038; Testimonials\"><img width=\"1905\" height=\"819\" alt=\"Avada Fitness Services &amp; Testimonials\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Services-Testimonials.jpg\" class=\"img-responsive wp-image-869724\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Services-Testimonials-200x86.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Services-Testimonials-400x172.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Services-Testimonials-600x258.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Services-Testimonials-800x344.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Services-Testimonials-1200x516.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Services-Testimonials.jpg 1905w\" 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><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 a Gradient Background and two 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>. Collectively, these columns structure the layout by using a <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Element</a>, three <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Elements</a>, and an <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</a>. Simply put, Nested Columns are Columns within Columns. In this example, the Nested Columns Element uses three 1/3 (33.33% width) Columns with Background Images, each containing a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>, Icon element, and two <a href=\"https://theme-fusion.com/documentation/avada/elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title 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-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-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;\">Tune-up your workouts &#8211; CTA</h4></div><div ><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-Fitness-Youtube-Section.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[a401ed1faa56489490d]\" data-title=\"Avada Fitness Youtube Section\" title=\"Avada Fitness Youtube Section\"><img width=\"1903\" height=\"745\" alt=\"Avada Fitness Workouts CTA\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Youtube-Section.jpg\" class=\"img-responsive wp-image-869726\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Youtube-Section-200x78.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Youtube-Section-400x157.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Youtube-Section-600x235.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Youtube-Section-800x313.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Youtube-Section-1200x470.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Youtube-Section.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-184\"><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 (50% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>. The first column has a Background Image and <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</a> and the second column has 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>, 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>.</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-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-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;\">Featured Playlist</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-Fitness-Featured-Playlists.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[bcc826e38b5cf20313f]\" data-title=\"Avada Fitness Featured Playlists\" title=\"Avada Fitness Featured Playlists\"><img width=\"1902\" height=\"467\" alt=\"Avada Fitness Featured Playlist\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Featured-Playlists.jpg\" class=\"img-responsive wp-image-869729\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Featured-Playlists-200x49.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Featured-Playlists-400x98.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Featured-Playlists-600x147.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Featured-Playlists-800x196.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Featured-Playlists-1200x295.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Featured-Playlists.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-185\"><p>This section uses 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) 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/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>, followed by 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 a <a href=\"https://theme-fusion.com/documentation/avada/elements/nested-columns-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Columns Element</a> with an <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</a> and two <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:10px;width:100%;\"></div><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;\">Newsletter &#8211; Visual 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/2018/05/Avada-Fitness-Newsletter.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[f657b1c248f2ce9f213]\" data-title=\"Avada Fitness Newsletter\" title=\"Avada Fitness Newsletter\"><img width=\"1903\" height=\"681\" alt=\"Avada Fitness Newsletter Visual CTA\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Newsletter.jpg\" class=\"img-responsive wp-image-869731\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Newsletter-200x72.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Newsletter-400x143.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Newsletter-600x215.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Newsletter-800x286.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Newsletter-1200x429.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Newsletter.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-186\"><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 a Background Image is added to the page content. To create the inner section, one 2/3 (66.67% 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>, an <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</a>, the <a href=\"https://theme-fusion.com/documentation/avada/elements/avada-form-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Form 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> was used.</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<p>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 subscription form. The Form Builder is very flexible and allows you to create many types of forms that you can use on your <a href=\"https://bit.ly/2NhBSeq\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> 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;\">Service Boxes</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-Fitness-Boxed-Services.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[5bafb9a7e112d93fcbf]\" data-title=\"Avada Fitness Boxed Services\" title=\"Avada Fitness Boxed Services\"><img width=\"1897\" height=\"727\" alt=\"Avada Fitness Service Boxes\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Boxed-Services.jpg\" class=\"img-responsive wp-image-869734\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Boxed-Services-200x77.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Boxed-Services-400x153.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Boxed-Services-600x230.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Boxed-Services-800x307.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Boxed-Services-1200x460.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Boxed-Services.jpg 1897w\" 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>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 Color, with 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>, followed by three 1/3 (33.33% width) Columns, each containing an <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</a>, a Separator Element, 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/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-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;\">Latest Articles</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-Fitness-Latest-Articles.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[3133fd3bfd57bbbd2ca]\" data-title=\"Avada Fitness Latest Articles\" title=\"Avada Fitness Latest Articles\"><img width=\"1898\" height=\"507\" alt=\"Avada Fitness Latest Articles\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Latest-Articles.jpg\" class=\"img-responsive wp-image-869736\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Latest-Articles-200x53.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Latest-Articles-400x107.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Latest-Articles-600x160.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Latest-Articles-800x214.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Latest-Articles-1200x321.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Latest-Articles.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-188\"><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, this section uses 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 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/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, and a <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Element</a>, followed by one 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>.</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-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;\">Info Banner &#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-Fitness-Info-Banner.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[c033bcd9363c95e7b4d]\" data-title=\"Avada Fitness Info Banner\" title=\"Avada Fitness Info Banner\"><img width=\"1899\" height=\"736\" alt=\"Avada Fitness Info Banner Visual CTA\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Info-Banner.jpg\" class=\"img-responsive wp-image-869739\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Info-Banner-200x78.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Info-Banner-400x155.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Info-Banner-600x233.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Info-Banner-800x310.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Info-Banner-1200x465.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Info-Banner.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, 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/5 (20%% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>, each with a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a> and one 3/5 (60% width) Column with three <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Elements</a>, an <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</a>, a Separator Element, 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-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;\">Sponsors</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-Fitness-Sponsors.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[caf22bbad38d52c20d8]\" data-title=\"Avada Fitness Sponsors\" title=\"Avada Fitness Sponsors\"><img width=\"1896\" height=\"458\" alt=\"Avada Fitness Sponsors\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Sponsors.jpg\" class=\"img-responsive wp-image-869741\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Sponsors-200x48.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Sponsors-400x97.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Sponsors-600x145.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Sponsors-800x193.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Sponsors-1200x290.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Sponsors.jpg 1896w\" 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><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, this section uses 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>, collectively holding a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a>, 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 <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Elements</a>, and four <a href=\"https://theme-fusion.com/documentation/avada/elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button 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-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;\">Video of the day &#8211; 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-Fitness-Video-Of-The-Day.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[916ce866353d78effa1]\" data-title=\"Avada Fitness Video Of The Day\" title=\"Avada Fitness Video Of The Day\"><img width=\"1898\" height=\"634\" alt=\"Avada Fitness Video of the day - Visual CTA\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Video-Of-The-Day.jpg\" class=\"img-responsive wp-image-869742\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Video-Of-The-Day-200x67.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Video-Of-The-Day-400x134.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Video-Of-The-Day-600x200.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Video-Of-The-Day-800x267.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Video-Of-The-Day-1200x401.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Video-Of-The-Day.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-191\"><p>For this example, 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/5 (20%% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a>, each with a <a href=\"https://theme-fusion.com/documentation/avada/elements/separator-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Separator Element</a> and one 3/5 (60% width) Columns 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/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, and two <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Elements</a>.</p>\n</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><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-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-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-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-192\"><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-50\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#4154ff;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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-193\"><p>For the <a href=\"https://avada.theme-fusion.com/fitness/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Fitness</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-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;\">Footer Content</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-Fitness-Footer.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[ed2441af84f83056df6]\" data-title=\"Avada Fitness Footer\" title=\"Avada Fitness Footer\"><img width=\"1903\" height=\"609\" alt=\"Avada Fitness Footer\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Footer.jpg\" class=\"img-responsive wp-image-869744\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Footer-200x64.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Footer-400x128.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Footer-600x192.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Footer-800x256.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Footer-1200x384.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Fitness-Footer.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-194\"><p>The Footer content is divided into two <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Containers</a> with a couple of <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">columns </a>using <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Elements</a>, Title Elements, <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/social-links-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Social Links Elements</a>, <a href=\"https://theme-fusion.com/documentation/avada/elements/widget-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Widget Elements</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-Fitness-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-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-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-195\"><p>There are <span class=\"fusion-cs-live-demos\">86</span> <a href=\"https://bit.ly/36VFJoo\" 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/36VFJoo\" 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>.fusion-button.button-15{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-15 .fusion-button-text,.fusion-button.button-15 i,.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 i{color:#ffffff;}.fusion-button.button-15:hover,.fusion-button.button-15:active,.fusion-button.button-15:focus{border-color:#ffffff;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/36VFJoo\"><span class=\"fusion-button-text\">Buy Avada Fitness 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-30{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-30 > .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-30{width:100% !important;order : 0;}.fusion-builder-column-30 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-30{width:100% !important;order : 0;}.fusion-builder-column-30 > .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-31{ 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-fitness-deconstructing-a-prebuilt-website/\">Avada Fitness: 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-fitness-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:45:\"Avada Beer: 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:70:\"https://theme-fusion.com/avada-beer-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:79:\"https://theme-fusion.com/avada-beer-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, 14 Dec 2021 19:03:32 +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=870526\";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:595:\"<p>Say hello to Avada Craft Beer. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Craft Beer 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 [...]</p>\n<p>The post <a rel=\"nofollow\" href=\"https://theme-fusion.com/avada-beer-deconstructing-a-prebuilt-website/\">Avada Beer: 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:133305:\"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-32 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-31 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-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;\"></div><div class=\"fusion-text fusion-text-196\"><p>Say hello to <a href=\"https://avada.theme-fusion.com/beer/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Craft Beer</a>. This <a href=\"https://bit.ly/3ByCukv\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Craft Beer 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/beer/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Craft Beer</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-electrician-deconstructing-a-prebuilt-website/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Beer</a> prebuilt website. It is important to highlight that <a href=\"https://bit.ly/3ByCukv\" 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>.fusion-button.button-16{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-16 .fusion-button-text,.fusion-button.button-16 i,.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 i{color:#ffffff;}.fusion-button.button-16:hover,.fusion-button.button-16:active,.fusion-button.button-16:focus{border-color:#ffffff;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/beer/\"><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>.fusion-button.button-17{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-17 .fusion-button-text,.fusion-button.button-17 i,.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 i{color:#ffffff;}.fusion-button.button-17:hover,.fusion-button.button-17:active,.fusion-button.button-17:focus{border-color:#ffffff;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/3ByCukv\"><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-195{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-195 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-51\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#features\">Styling and Features</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#performance\">Performance &amp; Optimization</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#palette\">Color Palette</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#typography\">Typography</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#getstarted\">To Get Started You Will Need The Following</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#plugins\">Recommended Plugins</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#support\">World-Class Support And Resources</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#prebuiltwebsite\">What is a Prebuilt Website?</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#install\">Fast One-Click Install</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#structure\">Website Structure</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#layouts\">Explaining Layouts &amp; Layout Sections</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#wordpresspages\">Explaining WordPress Pages vs. Posts</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#change\">What Can I Change? Is the Design Flexible?</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#comparison\">A Side By Side Comparison</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#homepage\">Exploring The Homepage Layout</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#footer\">The Footer</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><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-196{margin-top:0px!important; margin-right:!important;margin-bottom:20px!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: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-197\"><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-197{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-197 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-198\"><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-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-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-199\"><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/3ByCukv\" 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-84 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-200\"><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-52\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-199{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-199 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-201\"><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-85 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-202\"><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/3ByCukv\" 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:30px;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:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-200 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-203\"><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-86 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=\"docs_generate_critical_css\" rel=\"noopener noreferrer\"><img width=\"1850\" height=\"1327\" alt=\"Critical CSS\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg\" class=\"img-responsive wp-image-874339\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-200x143.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-400x287.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-600x430.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-800x574.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-1200x861.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-204\"><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-201{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-201 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-205\"><p>Even with all of the performance options provided, <a href=\"https://bit.ly/3ByCukv\" 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/3ByCukv\" 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-53\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Optimization Guide</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-202{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-202 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:#917852;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#917852\">#917852</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:#747474;border:10px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#747474\">#747474</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:#917852;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#917852\">#917852</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:#747474;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#747474\">#747474</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:#917852;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#917852\">#917852</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:#747474;border:5px solid #ffffff;border-radius:50px;\"></div><div class=\"fusion-fss-swatch-text\" style=\"font-size:16px;color:#5e5e5e;\" data-color=\"#747474\">#747474</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-206\"><p>The color palette selected for the <a href=\"https://avada.theme-fusion.com/beer/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Craft Beer</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);\">prebuilt website is a natural set of pastel colors with bright and dark tones, as seen above. If you would like to change the Avada Craft Beer color palette, this can be done within the options panel, as explained in this </span><a style=\"background-color: rgba(255, 255, 255, 0); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);\" 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><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<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-203{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-203 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-207\"><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/3ByCukv\" 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/beer/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Craft Beer</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-204{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-204 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-205{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-205 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: \'Roboto Slab\'; font-weight: 300;\" data-fusion-font=\"true\" data-fusion-google-font=\"Roboto Slab\" data-fusion-google-variant=\"300\">Roboto Slab</span></div></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:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-206 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: \'Roboto Slab\'; font-weight: 300;\" data-fusion-font=\"true\" data-fusion-google-font=\"Roboto Slab\" data-fusion-google-variant=\"300\">Roboto Slab</span></div></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:5px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-207 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: Heebo; font-weight: 300;\" data-fusion-font=\"true\" data-fusion-google-font=\"Heebo\" data-fusion-google-variant=\"300\">Roboto Slab</span><br />\n</span></div></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-22{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-22 > .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-22{width:100% !important;order : 0;}.fusion-builder-nested-column-22 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-22{width:100% !important;order : 0;}.fusion-builder-nested-column-22 > .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-23 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-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;\">Body</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;\">Font Family: <span style=\"font-family: \'Roboto Condensed\'; font-weight: 300;\" data-fusion-font=\"true\" data-fusion-google-font=\"Roboto Condensed\" data-fusion-google-variant=\"300\">Roboto Condensed</span></div></div></div><style type=\"text/css\">.fusion-body .fusion-builder-nested-column-23{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-23 > .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-23{width:100% !important;order : 0;}.fusion-builder-nested-column-23 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-23{width:100% !important;order : 0;}.fusion-builder-nested-column-23 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class=\"fusion-text fusion-text-208\"><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-210{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-210 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-209\"><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-54\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\n<p>The latest version of <a href=\"https://wordpress.org/download/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\n<p>The <a href=\"https://bit.ly/3ByCukv\" 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-211{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-211 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-210\"><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/beer/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Craft Beer</a> prebuilt website as an 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);\">This prebuilt website was build using</span> <a href=\"https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/the-events-calendar/\" target=\"_blank\" rel=\"noopener noreferrer\">The Events Calendar</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);\">. </span></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);\">All of the Events Calendar functionality is available to use with Avada, including an Avada Events Calendar Element. This Element is packed with features and options for you to use anywhere within your site. Alongside that, there is a dedicated Events Calendar Panel within the Avada Global Options, for you to control all aspects of design, layout, and display.</span></p>\n<p>If you decide not to install the Slider Revolution or The Event Calendar plugins, the full site will still be imported, but the aspects specific to each plugin will nor be active. The following plugins have been used with the <a href=\"https://avada.theme-fusion.com/beer/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Craft Beer</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);justify-content:flex-start;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=\"80\" height=\"100\" viewBox=\"0 0 80 100\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0)\"><path d=\"M43.0271 64.4074C39.8465 65.6977 36.9029 66.3938 34.7628 66.2785C31.9907 66.124 30.8071 64.9013 30.8029 64.4416C30.8007 64.1142 31.8341 63.0886 35.0247 62.8566C35.525 62.821 36.0531 62.7982 36.5968 62.7982C38.7768 62.7982 41.203 63.1569 43.0271 64.4074ZM48.9769 92.519C37.3142 95.7359 24.9897 92.7688 17.5745 84.9536C12.3271 79.4236 10.5677 72.503 12.7463 65.9667C17.1289 52.8159 38.1327 44.9224 51.5561 44.9224C51.7006 44.9224 51.8444 44.9231 51.9867 44.9252C56.9886 44.9893 60.4524 46.1985 61.0268 48.0824C61.3484 49.1364 60.5876 50.9818 58.9913 53.0173C56.1744 56.6093 51.8942 59.8646 47.5407 62.2524C44.7807 59.2241 40.3532 57.8462 34.6909 58.254C28.3874 58.7116 26.1654 61.7705 26.1882 64.4807C26.2131 67.4357 29.0784 70.585 34.5066 70.8867C37.7918 71.0661 41.7183 70.054 45.6611 68.3289C46.2397 70.5992 46.0604 73.5777 45.1138 77.1291C44.7857 78.3596 45.5173 79.625 46.7486 79.9531C47.9784 80.2812 49.2438 79.5496 49.5726 78.3176C50.8594 73.4923 50.9547 69.4448 49.863 66.2294C55.0107 63.3406 59.7692 59.5031 62.6224 55.8655C65.2998 52.4515 66.2478 49.3798 65.4415 46.7351C64.8557 44.8149 63.4764 43.2919 61.3983 42.2115C61.557 24.8716 64.6308 12.8943 67.3979 12.878H67.415C67.8214 12.878 68.3715 12.9691 69.0455 13.6388C71.2938 15.8735 73.9726 23.2098 73.9726 45.4711C73.9726 67.4364 72.0923 86.1378 48.9769 92.519ZM26.9597 41.2877C26.9568 41.2301 26.9639 41.1731 26.9568 41.1148C26.9469 41.0315 26.9369 40.9433 26.9262 40.8579C26.5946 36.1229 27.1625 32.3914 28.6066 30.3901C29.324 29.3966 30.2235 28.8642 31.4384 28.7148C33.1323 28.5105 34.5101 28.9475 35.6674 30.0592C37.9085 32.2135 39.2166 36.8716 39.0921 41.9674C35.2496 42.9154 31.3153 44.2655 27.5774 46.0035C27.2828 44.3495 27.0792 42.7738 26.9597 41.2877ZM46.8382 33.2476C47.688 32.3231 48.7719 31.8733 50.1548 31.8733C52.3525 31.8733 53.3076 32.5921 53.8357 33.133C55.0983 34.4262 55.7787 36.9342 55.8719 40.5867C54.6898 40.423 53.4151 40.3276 52.0458 40.3106C51.8899 40.3084 51.7348 40.3077 51.5775 40.3077C49.4943 40.3077 47.224 40.4885 44.854 40.833C44.7515 37.4858 45.4511 34.7586 46.8382 33.2476ZM72.2994 10.3657C70.9152 8.98923 69.2256 8.26258 67.4107 8.26258H67.3702C61.2901 8.29888 59.1927 17.3702 58.1429 24.1905C57.8355 26.1918 57.5978 28.2344 57.4127 30.2115C57.3223 30.1104 57.2334 30.0058 57.1387 29.909C55.4221 28.1504 53.0721 27.2586 50.1548 27.2586C47.4838 27.2586 45.1615 28.2493 43.4392 30.1254C42.9481 30.6606 42.526 31.2805 42.1446 31.9452C41.3838 29.9432 40.3198 28.1305 38.8658 26.732C36.705 24.6559 33.9443 23.7571 30.8755 24.1343C28.4023 24.4382 26.3234 25.6666 24.8637 27.6892C24.858 27.6985 24.853 27.7084 24.8466 27.7163C22.3179 15.1049 17.5104 -0.123418 9.12227 0.747707C7.05833 0.964776 5.23423 2.07574 3.84855 3.95891C-2.62226 12.7556 0.41387 38.9135 3.22723 52.9824C3.44715 54.0792 4.41008 54.8386 5.4876 54.8386C5.63777 54.8386 5.79007 54.8236 5.94309 54.793C7.19213 54.5432 8.00276 53.3276 7.75295 52.0779C3.04148 28.5205 4.09266 11.4154 7.56648 6.69398C8.38281 5.58444 9.12084 5.38801 9.60551 5.33748C14.2359 4.85566 19.9402 21.0341 22.3478 41.4536C22.5407 43.9822 22.9236 46.3501 23.293 48.1905C23.2944 48.1991 23.2987 48.2069 23.3001 48.2154C16.366 52.2124 10.6439 57.6775 8.36786 64.5077C5.63208 72.713 7.7679 81.3239 14.2266 88.1306C20.5323 94.7751 29.8357 98.4083 39.6017 98.4083C43.1153 98.4083 46.6902 97.9371 50.2046 96.9671C76.4173 89.7319 78.588 68.4798 78.588 45.4711C78.588 25.7854 76.5896 14.6309 72.2994 10.3657Z\" fill=\"#0F1031\"/></g><defs><clipPath id=\"clip0\"><rect width=\"79.3105\" height=\"100\" fill=\"white\"/></clipPath></defs></svg></span><span class=\"fusion-fss-plugin-text\">The Events Calendar</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-212{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-212 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-211\"><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-55\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><a href=\"https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Optimization Guide</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-213{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-213 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-212\"><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/3ByCukv\" 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-56\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">They are created to save you time when building a new website.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">A prebuilt website can be imported with a few clicks.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">Each prebuilt website is mobile and SEO friendly.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">Each prebuilt website is entirely customizable to suit your project and branding needs.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">You can white-label any prebuilt website for client work.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">Prebuilt websites are included with your <a href=\"https://bit.ly/3ByCukv\" target=\"_blank\" rel=\"noopener noreferrer\">purchase</a> of the Avada Website Builder.</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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-214{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-214 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-213\"><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\">86</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-87 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-31{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.fusion-builder-column-31 > .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-31{width:100% !important;order : 0;}.fusion-builder-column-31 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-31{width:100% !important;order : 0;}.fusion-builder-column-31 > .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-32{ 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-33 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-32 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-blend-mode: overlay;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-214\"></div><div class=\"fusion-clearfix\"></div></div></div></div></div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-34 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-33 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-215{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-215 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-215\"><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/beer/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Craft Beer</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-57\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/beer/\" target=\"_blank\" rel=\"noopener noreferrer\">Homepage Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/beer/our-beers/\" target=\"_blank\" rel=\"noopener noreferrer\">Our Beers Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/beer/events/\" target=\"_blank\" rel=\"noopener noreferrer\">Events Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/beer/our-story/\" target=\"_blank\" rel=\"noopener noreferrer\">Our Story Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/beer/news/\" target=\"_blank\" rel=\"noopener noreferrer\">News Page Layout</a></p>\n</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\">\n<p><a href=\"https://avada.theme-fusion.com/beer/find-us/\" target=\"_blank\" rel=\"noopener noreferrer\">Find Us 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-33{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.fusion-builder-column-33 > .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-33{width:100% !important;order : 0;}.fusion-builder-column-33 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-33{width:100% !important;order : 0;}.fusion-builder-column-33 > .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-34{ 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-35 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-34 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-216{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-216 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-216\"><p>Before we look at the specific Layouts on the Avada Craft Beer 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-88 hover-type-none\"><img width=\"1050\" height=\"1050\" 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-200x200.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-400x400.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-600x600.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image-800x800.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/builder-layout-schematic-post-image.png 1050w\" 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-217{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-217 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-217\"><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-218{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-218 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-218\"><p>The <a href=\"https://avada.theme-fusion.com/beer/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Craft Beer</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-89 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Live-Editing.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[aacf781a18dc1b75c33]\" data-title=\"Avada Beer Live Editing\" title=\"Avada Beer Live Editing\"><img width=\"1920\" height=\"935\" alt=\"Live Editor\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Live-Editing.jpg\" class=\"img-responsive wp-image-870972\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Live-Editing-200x97.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Live-Editing-400x195.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Live-Editing-600x292.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Live-Editing-800x390.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Live-Editing-1200x584.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-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-219\"><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-90 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Backend-Editing.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[1598733f2362c613699]\" data-title=\"Avada Beer Backend Editing\" title=\"Avada Beer Backend Editing\"><img width=\"1903\" height=\"852\" alt=\"Back-end Editing\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Backend-Editing.jpg\" class=\"img-responsive wp-image-870973\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Backend-Editing-200x90.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Backend-Editing-400x179.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Backend-Editing-600x269.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Backend-Editing-800x358.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Backend-Editing-1200x537.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Backend-Editing.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-219{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-219 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-220\"><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-58\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><a href=\"https://avada.theme-fusion.com/handmade/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Handmade</a> (Using the Website Builder)</div></li><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-34{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-34 > .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-34{width:100% !important;order : 0;}.fusion-builder-column-34 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-34{width:100% !important;order : 0;}.fusion-builder-column-34 > .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-35{ 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-36 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-35 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-220{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-220 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-221\"><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-221{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-221 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-222\"><p>For the <a href=\"https://avada.theme-fusion.com/beer/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Craft Beer</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-Beer-Global-Header.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">link</a>.</p>\n</div><div ><span class=\" fusion-imageframe imageframe-none imageframe-91 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Header.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[ae1a5ec5831e1d3ee50]\" data-title=\"Avada Beer Header\" title=\"Avada Beer Header\"><img width=\"1914\" height=\"133\" alt=\"Avada Videographer Header\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Header.jpg\" class=\"img-responsive wp-image-870974\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Header-200x14.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Header-400x28.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Header-600x42.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Header-800x56.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Header-1200x83.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Header.jpg 1914w\" 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-222{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-222 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-223\"><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-59\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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-35{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-35 > .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-35{width:100% !important;order : 0;}.fusion-builder-column-35 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-35{width:100% !important;order : 0;}.fusion-builder-column-35 > .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-36{ 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-37 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-36 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-223{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-223 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-92 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Hero.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[2a78388417eec0a7324]\" data-title=\"Avada Beer Hero\" title=\"Avada Beer Hero\"><img width=\"1916\" height=\"1558\" alt=\"Avada Beer Hero\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Hero.jpg\" class=\"img-responsive wp-image-870975\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Hero-200x163.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Hero-400x325.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Hero-600x488.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Hero-800x651.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Hero-1200x976.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Hero.jpg 1916w\" 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-224\"><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 a single 1/1 (100% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column </a>with an <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image 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-224{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-224 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;\">Introduction</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-93 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Intro.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[105b6d4a77b3a5fe811]\" data-title=\"Avada Beer Intro\" title=\"Avada Beer Intro\"><img width=\"1908\" height=\"1564\" alt=\"Avada Beer Intro\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Intro.jpg\" class=\"img-responsive wp-image-870976\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Intro-200x164.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Intro-400x328.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Intro-600x492.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Intro-800x656.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Intro-1200x984.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Intro.jpg 1908w\" 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-225\"><p>For this example, this section is structured using 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> holding an <a href=\"https://theme-fusion.com/documentation/avada/elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image Element</a>, two <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/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Element</a>, and a Text Block Element and one 1/1 (100% width) Column holding a <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. This Nested Column is structured using one 1/1 (100% width) Column with an Image Element.</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-225{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-225 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;\">Testimonials</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-94 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Testimonials.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[318ae19c77fd5048677]\" data-title=\"Avada Beer Testimonials\" title=\"Avada Beer Testimonials\"><img width=\"1906\" height=\"704\" alt=\"Avada Beer Testimonials\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Testimonials.jpg\" class=\"img-responsive wp-image-870977\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Testimonials-200x74.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Testimonials-400x148.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Testimonials-600x222.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Testimonials-800x295.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Testimonials-1200x443.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Testimonials.jpg 1906w\" 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-226\"><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/2 (50% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Column</a> containing 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/testimonials-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Testimonials Element</a>. This is followed by one 1/1 (100% width) Column with a Separator Element.</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-226{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-226 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-95 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Services.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[8a27a455d72fabaf5f0]\" data-title=\"Avada Beer Services\" title=\"Avada Beer Services\"><img width=\"1912\" height=\"368\" alt=\"Avada Beer Services\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Services.jpg\" class=\"img-responsive wp-image-870978\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Services-200x38.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Services-400x77.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Services-600x115.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Services-800x154.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Services-1200x231.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Services.jpg 1912w\" 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-227\"><p>This section uses 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 an <a href=\"https://theme-fusion.com/documentation/avada/elements/icon-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon Element</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:10px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-227{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-227 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;\">Newsletter signup</h4></div><div ><span class=\" fusion-imageframe imageframe-none imageframe-96 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Newsletter-Signup.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[a30e68ad244f25002d9]\" data-title=\"Avada Beer Newsletter Signup\" title=\"Avada Beer Newsletter Signup\"><img width=\"1908\" height=\"186\" alt=\"Avada Beer Newsletter Signup\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Newsletter-Signup.jpg\" class=\"img-responsive wp-image-870979\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Newsletter-Signup-200x19.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Newsletter-Signup-400x39.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Newsletter-Signup-600x58.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Newsletter-Signup-800x78.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Newsletter-Signup-1200x117.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Newsletter-Signup.jpg 1908w\" 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-228\"><p>To create this layout, a <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Container</a> with one 1/3 (33.33% 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> and a <a href=\"https://theme-fusion.com/documentation/avada/elements/text-block-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Block Element</a> and one 2/3 (66.67% 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>.</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<p>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 subscription form. The Form Builder is very flexible and allows you to create many types of forms that you can use on your <a href=\"https://bit.ly/3ByCukv\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> 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><style type=\"text/css\">.fusion-body .fusion-builder-column-36{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-36 > .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-36{width:100% !important;order : 0;}.fusion-builder-column-36 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-36{width:100% !important;order : 0;}.fusion-builder-column-36 > .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-37{ 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-38 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-37 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-228{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-228 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-229\"><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-60\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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 style=\"background-color:rgba(255,255,255,0);\" 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:#917852;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">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-230\"><p>For the <a href=\"https://avada.theme-fusion.com/beer/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Craft Beer</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-229{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-229 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-97 hover-type-none\" style=\"border:1px solid #e0dede;\"><a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Footer.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[d482b05333c68ee6606]\" data-title=\"Avada Beer Footer\" title=\"Avada Beer Footer\"><img width=\"1912\" height=\"730\" alt=\"Avada Beer Footer\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Footer.jpg\" class=\"img-responsive wp-image-870981\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Footer-200x76.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Footer-400x153.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Footer-600x229.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Footer-800x305.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Footer-1200x458.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-Footer.jpg 1912w\" 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-231\"><p>The Footer content is structured using two <a href=\"https://theme-fusion.com/documentation/avada/elements/container-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Containers</a>, with the first containing three 1/3 (33.33% width) <a href=\"https://theme-fusion.com/documentation/avada/elements/column-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Columns</a> and one 1/1 (100% width) Column. Within the Columns for these containers, you will find <a href=\"https://avada.theme-fusion.com/design-elements/title-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Title Elements</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://avada.theme-fusion.com/design-elements/button-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Elements</a>, <a href=\"https://avada.theme-fusion.com/design-elements/image-element/\" target=\"_blank\" rel=\"noopener noreferrer\">Image 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 by clicking this <a href=\"https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Beer-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-230{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-230 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-232\"><p>There are <span class=\"fusion-cs-live-demos\">86</span> <a href=\"https://bit.ly/3ByCukv\" 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/3ByCukv\" 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>.fusion-button.button-18{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-18 .fusion-button-text,.fusion-button.button-18 i,.fusion-button.button-18:hover .fusion-button-text,.fusion-button.button-18:hover i,.fusion-button.button-18:focus .fusion-button-text,.fusion-button.button-18:focus i,.fusion-button.button-18:active .fusion-button-text,.fusion-button.button-18:active i{color:#ffffff;}.fusion-button.button-18:hover,.fusion-button.button-18:active,.fusion-button.button-18:focus{border-color:#ffffff;background:#c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-18 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" href=\"https://bit.ly/3ByCukv\"><span class=\"fusion-button-text\">Buy Avada Craft Beer 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-37{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-37 > .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-37{width:100% !important;order : 0;}.fusion-builder-column-37 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-37{width:100% !important;order : 0;}.fusion-builder-column-37 > .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-38{ 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-beer-deconstructing-a-prebuilt-website/\">Avada Beer: 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:75:\"https://theme-fusion.com/avada-beer-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:6;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:52:\"Avada Electrician: 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:77:\"https://theme-fusion.com/avada-electrician-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:86:\"https://theme-fusion.com/avada-electrician-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, 07 Dec 2021 18:57:40 +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=870530\";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:620:\"<p>Say hello to Avada Electrician. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Electrician 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-electrician-deconstructing-a-prebuilt-website/\">Avada Electrician: 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:150755:\"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-39 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-38 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-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;\"></div><div class=\"fusion-text fusion-text-233\"><p>Say hello to <a href=\"https://avada.theme-fusion.com/electrician/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Electrician</a>. This <a href=\"https://bit.ly/3hOi9k5\" target=\"_blank\" rel=\"noopener noreferrer\">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Electrician 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/electrician/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Electrician</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-barber-shop-deconstructing-a-prebuilt-website/\" target=\"_blank\" rel=\"noopener noreferrer\">Avada Barber Shop</a> prebuilt website. It is important to highlight that <a href=\"https://bit.ly/3hOi9k5\" 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-24 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>.fusion-button.button-19{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-19 .fusion-button-text,.fusion-button.button-19 i,.fusion-button.button-19:hover .fusion-button-text,.fusion-button.button-19:hover i,.fusion-button.button-19:focus .fusion-button-text,.fusion-button.button-19:focus i,.fusion-button.button-19:active .fusion-button-text,.fusion-button.button-19:active i{color:#ffffff;}.fusion-button.button-19:hover,.fusion-button.button-19:active,.fusion-button.button-19:focus{border-color:#ffffff;background:#c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-19 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://avada.theme-fusion.com/electrician/\"><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-24{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-24 > .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-24{width:100% !important;order : 0;}.fusion-builder-nested-column-24 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-24{width:100% !important;order : 0;}.fusion-builder-nested-column-24 > .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-25 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>.fusion-button.button-20{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-20 .fusion-button-text,.fusion-button.button-20 i,.fusion-button.button-20:hover .fusion-button-text,.fusion-button.button-20:hover i,.fusion-button.button-20:focus .fusion-button-text,.fusion-button.button-20:focus i,.fusion-button.button-20:active .fusion-button-text,.fusion-button.button-20:active i{color:#ffffff;}.fusion-button.button-20:hover,.fusion-button.button-20:active,.fusion-button.button-20:focus{border-color:#ffffff;background:#c84c22;}</style><a class=\"fusion-button button-flat button-xlarge button-custom button-20 fusion-button-span-yes fusion-button-default-type\" target=\"_blank\" href=\"https://bit.ly/3hOi9k5\"><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-25{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-25 > .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-25{width:100% !important;order : 0;}.fusion-builder-nested-column-25 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-25{width:100% !important;order : 0;}.fusion-builder-nested-column-25 > .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-231{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-231 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-61\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#features\">Styling and Features</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#performance\">Performance &amp; Optimization</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#palette\">Color Palette</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#typography\">Typography</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#getstarted\">To Get Started You Will Need The Following</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#plugins\">Recommended Plugins</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#support\">World-Class Support And Resources</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#prebuiltwebsite\">What is a Prebuilt Website?</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#install\">Fast One-Click Install</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#structure\">Website Structure</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#layouts\">Explaining Layouts &amp; Layout Sections</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#wordpresspages\">Explaining WordPress Pages vs. Posts</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#change\">What Can I Change? Is the Design Flexible?</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#comparison\">A Side By Side Comparison</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#homepage\">Exploring The Homepage Layout</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><a class=\"fusion-one-page-text-link\" href=\"#footer\">The Footer</a></div></li><li style=\"background-color:rgba(255,255,255,0);\" 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;color:#5e5e5e;\"><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-232{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-232 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-234\"><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-233{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-233 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-235\"><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-234{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-234 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-236\"><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/3hOi9k5\" 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-98 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-237\"><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-62\" style=\"font-size:16px;line-height:27.2px;\"><li style=\"background-color:rgba(255,255,255,0);\" 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:#ffaa06;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#ffaa06;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#ffaa06;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#ffaa06;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\">\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 style=\"background-color:rgba(255,255,255,0);\" 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:#ffaa06;\" aria-hidden=\"true\"></i></span><div class=\"fusion-li-item-content\" style=\"margin-left:38.4px;color:#5e5e5e;\"><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-235{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-235 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-238\"><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-99 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-239\"><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/3hOi9k5\" 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:30px;width:100%;\"></div><style type=\"text/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-236{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-236 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-240\"><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-100 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=\"docs_generate_critical_css\" rel=\"noopener noreferrer\"><img width=\"1850\" height=\"1327\" alt=\"Critical CSS\" src=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css.jpg\" class=\"img-responsive wp-image-874339\" srcset=\"https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-200x143.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-400x287.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-600x430.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-800x574.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/docs_generate_critical_css-1200x861.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-241\"><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-237{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class=\"fusion-title title fusion-title-237 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-242\"><p>Even with all of the performance options provided, <a href=\"https://bit.ly/3hOi9k5\" target=\"_