ant;margin-left:!important;}}</style><div class="fusion-title title fusion-title-141 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="change"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">What Can I Change? Is the Design Flexible?</h2></div><div class="fusion-text fusion-text-139"><p>The <a href="https://avada.theme-fusion.com/finance/" target="_blank" rel="noopener noreferrer">Avada Finance</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-57 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Live-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[2c5e931a87946821cde]" data-title="Avada Finance Live Editing" title="Avada Finance Live Editing"><img width="1918" height="936" alt="Live Editor" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Live-Editing.jpg" class="img-responsive wp-image-872288" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Live-Editing-200x98.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Live-Editing-400x195.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Live-Editing-600x293.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Live-Editing-800x390.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Live-Editing-1200x586.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Live-Editing.jpg 1918w" 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-140"><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-58 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Backend-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[978f68c9d9698cc36b7]" data-title="Avada Finance Backend Editing" title="Avada Finance Backend Editing"><img width="1902" height="819" alt="Back-end Editing" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Backend-Editing.jpg" class="img-responsive wp-image-872289" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Backend-Editing-200x86.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Backend-Editing-400x172.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Backend-Editing-600x258.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Backend-Editing-800x344.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Backend-Editing-1200x517.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-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-142{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-142 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="comparison"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">A Side By Side Comparison (Builder vs. No Builder)</h2></div><div class="fusion-text fusion-text-141"><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:#213d65;" 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:#213d65;" 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-20{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-20 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-20{width:100% !important;order : 0;}.fusion-builder-column-20 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-20{width:100% !important;order : 0;}.fusion-builder-column-20 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-21{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-22 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-21 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-143{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-143 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="homepage"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Exploring The Homepage Layout</h2></div><div class="fusion-text fusion-text-142"><p>If you type the base-level domain name of any particular website into the browser, you will, by default, arrive on the website&#8217;s homepage. The homepage serves as a vital landing page for your visitors by capturing their attention and letting them know what the website is all about. There is the conjectured &#8220;5 Second Rule&#8221; for Web Usability and how it translates the user reaction when landing on the site for the first time into either a positive or negative experience.</p>\n<p>For well over a decade, the main focus for web designers was to showcase style over function for the most part. As time has passed, <a href="https://theme-fusion.com/documentation/avada/video-tutorials/how-to-optimize-above-the-fold-content-for-performance-video/" target="_blank" rel="noopener noreferrer">above the fold</a> content delivery and the impact on <a href="https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/" target="_blank" rel="noopener noreferrer">Google Core Web Vitals</a> has shifted the focus over to mobile vs. desktop speed and <a href="https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/" target="_blank" rel="noopener noreferrer">optimization</a>.</p>\n<p>Each of the Avada <a href="https://avada.theme-fusion.com/prebuilt-websites/" target="_blank" rel="noopener noreferrer">Prebuilt Websites</a> are meticulously designed with the ideal balance between style and function, and we use the Avada <a href="https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/" target="_blank" rel="noopener noreferrer">Performance Wizard</a> to provide improved results.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-144{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-144 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">The Header</h3></div><div class="fusion-text fusion-text-143"><p>For the <a href="https://avada.theme-fusion.com/finance/" target="_blank" rel="noopener noreferrer">Avada Finance</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-Finance-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-59 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Header.jpg" class="fusion-lightbox" data-rel="iLightbox[2450728b467f612bc16]" data-title="Avada Finance Header" title="Avada Finance Header"><img width="1909" height="92" alt="Avada Finance Header" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Header.jpg" class="img-responsive wp-image-872290" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Header-200x10.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Header-400x19.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Header-600x29.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Header-800x39.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Header-1200x58.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Header.jpg 1909w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px" /></a></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-145{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-145 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">The Page Content</h3></div><div class="fusion-text fusion-text-144"><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:#213d65;" 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:#213d65;" 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:#213d65;" 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-21{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-21 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-21{width:100% !important;order : 0;}.fusion-builder-column-21 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-21{width:100% !important;order : 0;}.fusion-builder-column-21 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-22{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-23 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-22 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-146{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-146 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">The Hero</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-60 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Hero.jpg" class="fusion-lightbox" data-rel="iLightbox[8db79d871a09e2c8c8d]" data-title="Avada Finance Hero" title="Avada Finance Hero"><img width="1914" height="776" alt="Avada Finance Hero" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Hero.jpg" class="img-responsive wp-image-872291" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Hero-200x81.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Hero-400x162.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Hero-600x243.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Hero-800x324.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Hero-1200x487.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Hero.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:20px;width:100%;"></div><div class="fusion-text fusion-text-145"><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. It is structured using one 1/1 (100% width) Column holding a <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title Element</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-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;">Client Logos</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-Finance-Client-Logos.jpg" class="fusion-lightbox" data-rel="iLightbox[072b68e94f06460bc74]" data-title="Avada Finance Client Logos" title="Avada Finance Client Logos"><img width="1912" height="146" alt="Avada Finance Client Logos" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Logos.jpg" class="img-responsive wp-image-872293" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Logos-200x15.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Logos-400x31.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Logos-600x46.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Logos-800x61.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Logos-1200x92.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Logos.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-146"><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 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/nested-columns-element/" target="_blank" rel="noopener noreferrer">Nested Columns Element</a>. Simply put, Nested Columns are columns within columns. This Nested Columns Element is structured with six 1/6 (16.67% width) Columns, each containing an <a href="https://theme-fusion.com/documentation/avada/elements/image-element/" target="_blank" rel="noopener noreferrer">Image Element</a>.</span></p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-148{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-148 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Introduction</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-Finance-Introduction.jpg" class="fusion-lightbox" data-rel="iLightbox[7f9edaba8bbde5140f7]" data-title="Avada Finance Introduction" title="Avada Finance Introduction"><img width="1912" height="722" alt="Avada Finance Introduction" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Introduction.jpg" class="img-responsive wp-image-872295" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Introduction-200x76.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Introduction-400x151.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Introduction-600x227.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Introduction-800x302.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Introduction-1200x453.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Introduction.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-147"><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) Columns, collectively containing a <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title 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/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Element</a>, 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-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;">Services</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-Finance-Services.jpg" class="fusion-lightbox" data-rel="iLightbox[80561318163f22b1a88]" data-title="Avada Finance Services" title="Avada Finance Services"><img width="1910" height="872" alt="Avada Finance Services" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Services.jpg" class="img-responsive wp-image-872297" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Services-200x91.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Services-400x183.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Services-600x274.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Services-800x365.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Services-1200x548.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Services.jpg 1910w" 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>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/1 (100% width) Columns, collectively containing a <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title 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/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Element</a>, and a <a href="https://theme-fusion.com/documentation/avada/elements/content-boxes-element/" target="_blank" rel="noopener noreferrer">Content Boxes Element</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-150{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-150 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Investment Numbers</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-FInance-Investment-Numbers.jpg" class="fusion-lightbox" data-rel="iLightbox[9873c2fce9b88329e95]" data-title="Avada Finance Investment Numbers" title="Avada Finance Investment Numbers"><img width="1912" height="668" alt="Avada Finance Investment Numbers" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-FInance-Investment-Numbers.jpg" class="img-responsive wp-image-872299" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-FInance-Investment-Numbers-200x70.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-FInance-Investment-Numbers-400x140.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-FInance-Investment-Numbers-600x210.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-FInance-Investment-Numbers-800x279.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-FInance-Investment-Numbers-1200x419.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-FInance-Investment-Numbers.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-149"><p>For this example, this section uses a Container and one 1/3 (33.33% 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>, two <a href="https://theme-fusion.com/documentation/avada/elements/separator-element/" target="_blank" rel="noopener noreferrer">Separator Elements</a>, and a <a href="https://theme-fusion.com/documentation/avada/elements/button-element/" target="_blank" rel="noopener noreferrer">Button Element</a>, and one 2/3 (66.67% width) Column holding two <a href="https://theme-fusion.com/documentation/avada/elements/nested-columns-element/" target="_blank" rel="noopener noreferrer">Nested Columns Elements</a>. These Nested Columns Elements are structured with two 1/2 (50% width) Columns containing a Counter Boxes Element, in each column.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-151{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-151 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Client Feedback Title</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-65 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Feedback-Title.jpg" class="fusion-lightbox" data-rel="iLightbox[3e033a021d3c20a0577]" data-title="Avada Finance Client Feedback Title" title="Avada Finance Client Feedback Title"><img width="1916" height="320" alt="Avada Finance Client Feedback Title" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Feedback-Title.jpg" class="img-responsive wp-image-872301" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Feedback-Title-200x33.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Feedback-Title-400x67.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Feedback-Title-600x100.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Feedback-Title-800x134.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Feedback-Title-1200x200.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Client-Feedback-Title.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-150"><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) Column, containing 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/separator-element/" target="_blank" rel="noopener noreferrer">Separator Element</a>, is used.</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;">Testimonials</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-66 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Testimonials.jpg" class="fusion-lightbox" data-rel="iLightbox[bcec188e1468de8c714]" data-title="Avada Finance Testimonials" title="Avada Finance Testimonials"><img width="1912" height="568" alt="Avada Finance Testimonials" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Testimonials.jpg" class="img-responsive wp-image-872303" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Testimonials-200x59.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Testimonials-400x119.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Testimonials-600x178.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Testimonials-800x238.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Testimonials-1200x356.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Testimonials.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-151"><p><span style="background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);">For this example, 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) Columns, each containing an <a href="https://theme-fusion.com/documentation/avada/elements/image-element/" target="_blank" rel="noopener noreferrer">Image Element</a>, three <a href="https://theme-fusion.com/documentation/avada/elements/separator-element/" target="_blank" rel="noopener noreferrer">Separator Elements</a>, and three <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Elements</a>.</span></p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-153{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-153 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Visual CTA</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-67 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Visual-CTA.jpg" class="fusion-lightbox" data-rel="iLightbox[c80355d53ccf29c0f91]" data-title="Avada Finance Visual CTA" title="Avada Finance Visual CTA"><img width="1912" height="546" alt="Avada Finance Visual CTA" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Visual-CTA.jpg" class="img-responsive wp-image-872306" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Visual-CTA-200x57.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Visual-CTA-400x114.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Visual-CTA-600x171.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Visual-CTA-800x228.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Visual-CTA-1200x343.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Visual-CTA.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-152"><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 is made 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 2/3 (66.67% width) <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Column</a>, holding 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/separator-element/" target="_blank" rel="noopener noreferrer">Separator Elements</a>, and a <a href="https://theme-fusion.com/documentation/avada/elements/button-element/" target="_blank" rel="noopener noreferrer">Button Element</a>.</span></p>\n</div></div><style type="text/css">.fusion-body .fusion-builder-column-22{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-22 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-22{width:100% !important;order : 0;}.fusion-builder-column-22 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-22{width:100% !important;order : 0;}.fusion-builder-column-22 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-23{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-24 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-23 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-154{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-154 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:10px;" id="footer"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">The Footer</h2></div><div class="fusion-text fusion-text-153"><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:#213d65;" 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:#213d65;" 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:#213d65;" 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-154"><p>For the <a href="https://avada.theme-fusion.com/finance/" target="_blank" rel="noopener noreferrer">Avada Finance</a> prebuilt website, the Footer was created using the Avada <a href="https://avada.theme-fusion.com/website-builder-features/avada-footer-builder/" target="_blank" rel="noopener noreferrer">Footer Builder</a> and this particular Footer content and Layout is set to display globally across the website. This means that every page and post will use the same Footer layout without any further conditions set. For example, you can change this if required by creating a unique Footer layout for different pages or posts. Let us take a closer look below:</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-155{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-155 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Footer Content</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-68 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Footer.jpg" class="fusion-lightbox" data-rel="iLightbox[b9906a5c05c2054c74c]" data-title="Avada Finance Footer" title="Avada Finance Footer"><img width="1916" height="490" alt="Avada Finance Footer" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Footer.jpg" class="img-responsive wp-image-872309" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Footer-200x51.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Footer-400x102.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Footer-600x153.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Footer-800x205.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Footer-1200x307.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Footer.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-155"><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>. The first Container has a Background Color 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 an <a href="https://theme-fusion.com/documentation/avada/elements/image-element/" target="_blank" rel="noopener noreferrer">Image Element</a>, three <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/widget-element/" target="_blank" rel="noopener noreferrer">Widget Element</a>, a <a href="https://theme-fusion.com/documentation/avada/elements/menu-element/" target="_blank" rel="noopener noreferrer">Menu Element</a>, and a <a href="https://theme-fusion.com/documentation/avada/elements/checklist-element/" target="_blank" rel="noopener noreferrer">Checklist Element</a>, and two 1/2 (50% width) Columns, holding a <a href="https://theme-fusion.com/documentation/avada/elements/social-links-element/" target="_blank" rel="noopener noreferrer">Social Links Element</a>, with the use of <a href="https://theme-fusion.com/documentation/avada/options/how-to-use-dynamic-content-options-in-avada/" target="_blank" rel="noopener noreferrer">Dynamic Data Options</a> to display the website information, in the second Container. You can check how this is structured on the backend by clicking this <a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Finance-Global-Footer.jpg" target="_blank" rel="noopener noreferrer">link</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-156{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-156 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:10px;" id="summary"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">In Summary</h2></div><div class="fusion-text fusion-text-156"><p>There are <span class="fusion-cs-live-demos">86</span> <a href="https://bit.ly/38eeIwM" 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/38eeIwM" 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/38eeIwM"><span class="fusion-button-text">Buy Avada Finance For Only $60</span><i class="fa-shopping-cart fas button-icon-right" aria-hidden="true"></i></a></div></div><style type="text/css">.fusion-body .fusion-builder-column-23{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-23 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-23{width:100% !important;order : 0;}.fusion-builder-column-23 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-23{width:100% !important;order : 0;}.fusion-builder-column-23 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-24{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div></p>\n<p>The post <a rel="nofollow" href="https://theme-fusion.com/avada-finance-deconstructing-a-prebuilt-website/">Avada Finance: 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-finance-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:51:"Avada University: 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:76:"https://theme-fusion.com/avada-university-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:85:"https://theme-fusion.com/avada-university-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, 25 Jan 2022 10:32:44 +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: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:"";}i:4;a:5:{s:4:"data";s:15:"Website Builder";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=871660";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:631:"<p>Say hello to Avada University. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada University 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 [...]</p>\n<p>The post <a rel="nofollow" href="https://theme-fusion.com/avada-university-deconstructing-a-prebuilt-website/">Avada University: 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:137822:"<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-25 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-24 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><div class="fusion-text fusion-text-157"><p>Say hello to <a href="https://avada.theme-fusion.com/university/" target="_blank" rel="noopener noreferrer">Avada University</a>. This <a href="https://bit.ly/3sJeasc" target="_blank" rel="noopener noreferrer">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada University 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/university/" target="_blank" rel="noopener noreferrer">Avada University</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-taxi-deconstructing-a-prebuilt-website/" target="_blank" rel="noopener noreferrer">Avada Taxi</a> prebuilt website. It is important to highlight that <a href="https://bit.ly/3sJeasc" 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/university/"><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/3sJeasc"><span class="fusion-button-text">Purchase For $60</span><i class="fa-shopping-cart fas button-icon-right" aria-hidden="true"></i></a></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-17{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-17 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-17{width:100% !important;order : 0;}.fusion-builder-nested-column-17 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-17{width:100% !important;order : 0;}.fusion-builder-nested-column-17 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-157{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-157 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Overview</h2></div><ul class="fusion-checklist fusion-checklist-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-158{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-158 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="features"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Styling and Features</h2></div><div class="fusion-text fusion-text-158"><p>Creating a <a href="https://theme-fusion.com/how-to-create-a-style-guide-for-your-wordpress-website/" target="_blank" rel="noopener noreferrer">style guide</a> for your website will prove to be invaluable in the future. A style guide will help you to address <a href="https://theme-fusion.com/documentation/avada/avada-for-developers/wcag-2-1-aa-accessibility-and-avada/" target="_blank" rel="noopener noreferrer">usability</a>, the user experience, design consistency, and online trends in an organized and consistent manner.</p>\n<p>The <a href="https://avada.theme-fusion.com/avada-website-builder/" target="_blank" rel="noopener noreferrer">Avada Website Builder </a>has a vast array of features and styling options; however, you do not need to use all of them for your website, and this is where your style guide comes in. Decide upfront which styling options align with your brand and which design features are needed to make your website stand out.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-159{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-159 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="performance"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Performance &amp; Optimization</h2></div><div class="fusion-text fusion-text-159"><p><a href="https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/" target="_blank" rel="noopener noreferrer">Optimizing</a> your websites for page load speed can be a seemingly complex subject because so many different facets affect how fast a page loads. It can range from the server&#8217;s speed to the options and settings selected, right through to the type and amount of content and even the size of the images added to the page or post.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-160{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-160 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;">The Avada Performance Wizard</h3></div><div class="fusion-text fusion-text-160"><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/3sJeasc" 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-69 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-161"><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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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-161{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-161 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;">Above The Fold Optimization</h3></div><div class="fusion-text fusion-text-162"><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-70 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-163"><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/3sJeasc" target="_blank" rel="noopener noreferrer">Avada</a> that can make it possible for you to fine-tune your website&#8217;s performance on mobile &amp; desktop.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-162{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-162 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;">Generate Critical CSS</h3></div><div class="fusion-text fusion-text-164"><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-71 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-165"><p>Critical CSS is the CSS necessary to style the above-the-fold content. When generated for a page, it will be loaded into the page head, and the rest of the CSS styles moved to the footer, resulting in less render-blocking and a faster page load time.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-163{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-163 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;">Resources</h3></div><div class="fusion-text fusion-text-166"><p>Even with all of the performance options provided, Avada plays a lesser part than you might imagine when it comes to site optimization. Websites running <a href="https://bit.ly/3sJeasc" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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-164{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-164 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:20px;" id="palette"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">Color Palette</h3></div><div class="fusion-fss-swatches fusion-no-small-visibility fusion-no-medium-visibility fss-default-shadow" style="margin-bottom:20px;"><div class="fusion-fss-swatches-wrapper" style="flex-direction:row;justify-content:space-between;margin:-7.5px;"><div class="fusion-fss-swatch-wrapper" style="margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;"><div class="fusion-fss-swatch" style="width:100px; height:100px;background-color:#f09a3e;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#f09a3e">#f09a3e</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:#00bcd4;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#00bcd4">#00bcd4</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:#333333;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#333333">#333333</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:#f09a3e;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#f09a3e">#f09a3e</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:#00bcd4;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#00bcd4">#00bcd4</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:#333333;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#333333">#333333</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:#f09a3e;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#f09a3e">#f09a3e</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:#00bcd4;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#00bcd4">#00bcd4</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:#333333;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#333333">#333333</div></div></div></div><div class="fusion-text fusion-text-167"><p>The color palette selected for the <a href="https://avada.theme-fusion.com/university/" target="_blank" rel="noopener noreferrer">Avada University</a> prebuilt website is a Monochromatic grouping, as seen above. If you would like to change the Avada University color palette, this can be done within the options panel, as explained in this <a href="https://theme-fusion.com/documentation/avada/how-to/how-to-use-the-color-palette-feature/" target="_blank" rel="noopener noreferrer">help file and video</a>.</p>\n<p>Color increases brand recognition, and it can influence people in how they feel about a website. Colors produce different emotions in people, making it essential to choose the right colors for your website. The balance of white space, contrast, and well thought out color schemes are vital elements of good web design. If you have not already decided on your brand colors, choosing a color palette for your website can be confusing. However, using a handy tool like the <a href="https://color.adobe.com/create/color-wheel" target="_blank" rel="noopener noreferrer">Adobe Color Wheel</a> or any of the myriad of app choices online, you can undoubtedly make this task effortless.</p>\n<p>We suggest checking out <a href="https://www.hubspot.com/" target="_blank" rel="noopener noreferrer">HubSpot&#8217;s</a> article on <a href="https://blog.hubspot.com/marketing/color-palette-famous-websites" target="_blank" rel="noopener noreferrer">color theory</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-165{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-165 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:20px;" id="typography"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">Typography</h3></div><div class="fusion-text fusion-text-168"><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/3kOMxfw" 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/university/" target="_blank" rel="noopener noreferrer">Avada University</a> prebuilt website:</p>\n</div><div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start" style="width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-18 fusion_builder_column_inner_1_2 1_2 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-166{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-166 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:20px;margin-top:0px;margin-bottom:20px;"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;color:#5e5e5e;--fontSize:20;--minFontSize:20px;line-height:1.32;">Headings</h3></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-167{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-167 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:5px;"><div class="title-heading-left title-heading-tag fusion-responsive-typography-calculated" style="margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;">H1, H2, Font Family: <span style="font-family: ''Bebas Neue''; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Bebas Neue" data-fusion-google-variant="400">Bebas Neue</span></div></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-168{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-168 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:5px;"><div class="title-heading-left title-heading-tag fusion-responsive-typography-calculated" style="margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;">H3,H4 Font Family: <span style="font-family: ''Bebas Neue''; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Bebas Neue" data-fusion-google-variant="400">Bebas Neue</span></div></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-169{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-169 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:5px;"><div class="title-heading-left title-heading-tag fusion-responsive-typography-calculated" style="margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;">H5 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: ''Bebas Neue''; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Bebas Neue" data-fusion-google-variant="400">Bebas Neue</span><br />\n</span></div></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-170{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-170 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:5px;"><div class="title-heading-left title-heading-tag fusion-responsive-typography-calculated" style="margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;">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: ''Work Sans''; font-weight: 500;" data-fusion-font="true" data-fusion-google-font="Work Sans" data-fusion-google-variant="500">Work Sans</span><br />\n</span></div></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-18{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-18 > .fusion-column-wrapper {padding-top : 20px !important;padding-right : 20px !important;margin-right : 3.84%;padding-bottom : 20px !important;padding-left : 20px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-18{width:100% !important;order : 0;}.fusion-builder-nested-column-18 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-18{width:100% !important;order : 0;}.fusion-builder-nested-column-18 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-19 fusion_builder_column_inner_1_2 1_2 fusion-flex-column fusion-flex-align-self-stretch"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-171{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-171 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:20px;margin-top:0px;margin-bottom:20px;"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;color:#5e5e5e;--fontSize:20;--minFontSize:20px;line-height:1.32;">Body</h3></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-172{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-172 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:5px;"><div class="title-heading-left title-heading-tag fusion-responsive-typography-calculated" style="margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;">Font Family: <span style="font-family: Lora; font-weight: 500;" data-fusion-font="true" data-fusion-google-font="Lora" data-fusion-google-variant="500">Lora</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-169"><p>We suggest checking out HubSpot&#8217;s article on <a href="https://blog.hubspot.com/website/web-safe-html-css-fonts" target="_blank" rel="noopener noreferrer">The Ultimate List of Web-Safe HTML and CSS Fonts</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-173{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-173 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="getstarted"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">To Get Started You Will Need The Following</h2></div><div class="fusion-text fusion-text-170"><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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;">The <a href="https://bit.ly/3sJeasc" 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-174{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-174 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:20px;" id="plugins"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">Recommended Plugins</h3></div><div class="fusion-text fusion-text-171"><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/university/" target="_blank" rel="noopener noreferrer">Avada University</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);">It is created using The Events Calendar Plugin.</span></p>\n<p><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> is a plugin designed to create and manage events on your website with ease. The Events Calendar is 100% design integrated with the Avada WordPress Website Builder.</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-175{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-175 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:20px;" id="support"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">World-Class Support And Resources</h3></div><div class="fusion-text fusion-text-172"><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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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-176{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-176 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="prebuiltwebsite"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">What is a Prebuilt Website?</h2></div><div class="fusion-text fusion-text-173"><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/3sJeasc" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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/3sJeasc" 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:#f09a3e;" 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-177{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-177 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="install"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Fast One-Click Install</h2></div><div class="fusion-text fusion-text-174"><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-72 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-24{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.fusion-builder-column-24 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-24{width:100% !important;order : 0;}.fusion-builder-column-24 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-24{width:100% !important;order : 0;}.fusion-builder-column-24 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-25{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-26 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-25 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-178{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-178 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="structure"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Website Structure</h2></div><div class="fusion-text fusion-text-175"><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/university/" target="_blank" rel="noopener noreferrer">Avada University</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/university/" 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/university/about-us/" 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/university/courses/" target="_blank" rel="noopener noreferrer">Courses &#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/university/events/" target="_blank" rel="noopener noreferrer">Events &#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/university/facilities/" target="_blank" rel="noopener noreferrer">Facilities &#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/university/latest-news/" target="_blank" rel="noopener noreferrer">News &#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/restaurant/our-seasonal-menu/" target="_blank" rel="noopener noreferrer">Admissions &#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-25{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.fusion-builder-column-25 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-25{width:100% !important;order : 0;}.fusion-builder-column-25 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-25{width:100% !important;order : 0;}.fusion-builder-column-25 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-26{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-27 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-26 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-179{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-179 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="layouts"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Explaining Layouts &amp; Layout Sections</h2></div><div class="fusion-text fusion-text-176"><p>Before we look at the specific Layouts on the Avada University 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-73 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-180{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-180 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="wordpresspages"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Explaining WordPress Pages vs. Posts</h2></div><div class="fusion-text fusion-text-177"><p>Website pages are allocated for static content such as your website&#8217;s homepage, about, contact page, and so on, and are timeless entities.</p>\n<p>Website posts are allocated to blog content listed in reverse (newest to the oldest) chronological order and are timely. Older posts are archived based on month and year. You can also create content for custom post types or CPT. In Avada, an example of this is the Portfolio post type. Check out this detailed <a href="https://wordpress.com/support/post-vs-page/" target="_blank" rel="noopener noreferrer">WordPress article</a> for more information.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-181{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-181 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="change"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">What Can I Change? Is the Design Flexible?</h2></div><div class="fusion-text fusion-text-178"><p>The <a href="https://avada.theme-fusion.com/university/" target="_blank" rel="noopener noreferrer">Avada University</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-74 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Live-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[1cd9042a97315450f52]" data-title="Avada University Live Editing" title="Avada University Live Editing"><img width="1920" height="935" alt="Live Editor" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Live-Editing.jpg" class="img-responsive wp-image-872270" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Live-Editing-200x97.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Live-Editing-400x195.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Live-Editing-600x292.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Live-Editing-800x390.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Live-Editing-1200x584.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-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-179"><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-75 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Backend-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[7dda9ccfed50a25b70b]" data-title="Avada University Backend Editing" title="Avada University Backend Editing"><img width="1905" height="857" alt="Back-end Editing" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Backend-Editing.jpg" class="img-responsive wp-image-872271" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Backend-Editing-200x90.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Backend-Editing-400x180.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Backend-Editing-600x270.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Backend-Editing-800x360.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Backend-Editing-1200x540.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Backend-Editing.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:50px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-182{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-182 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="comparison"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">A Side By Side Comparison (Builder vs. No Builder)</h2></div><div class="fusion-text fusion-text-180"><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:#f09a3e;" 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:#f09a3e;" 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-26{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-26 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-26{width:100% !important;order : 0;}.fusion-builder-column-26 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-26{width:100% !important;order : 0;}.fusion-builder-column-26 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-27{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-28 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-27 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-183{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-183 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="homepage"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Exploring The Homepage Layout</h2></div><div class="fusion-text fusion-text-181"><p>If you type the base-level domain name of any particular website into the browser, you will, by default, arrive on the website&#8217;s homepage. The homepage serves as a vital landing page for your visitors by capturing their attention and letting them know what the website is all about. There is the conjectured &#8220;5 Second Rule&#8221; for Web Usability and how it translates the user reaction when landing on the site for the first time into either a positive or negative experience.</p>\n<p>For well over a decade, the main focus for web designers was to showcase style over function for the most part. As time has passed, <a href="https://theme-fusion.com/documentation/avada/video-tutorials/how-to-optimize-above-the-fold-content-for-performance-video/" target="_blank" rel="noopener noreferrer">above the fold</a> content delivery and the impact on <a href="https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/" target="_blank" rel="noopener noreferrer">Google Core Web Vitals</a> has shifted the focus over to mobile vs. desktop speed and <a href="https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/" target="_blank" rel="noopener noreferrer">optimization</a>.</p>\n<p>Each of the Avada <a href="https://avada.theme-fusion.com/prebuilt-websites/" target="_blank" rel="noopener noreferrer">Prebuilt Websites</a> are meticulously designed with the ideal balance between style and function, and we use the Avada <a href="https://theme-fusion.com/documentation/avada/performance/how-to-use-the-performance-wizard/" target="_blank" rel="noopener noreferrer">Performance Wizard</a> to provide improved results.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-184{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-184 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">The Header</h3></div><div class="fusion-text fusion-text-182"><p>For the <a href="https://avada.theme-fusion.com/university/" target="_blank" rel="noopener noreferrer">Avada University</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-University-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-76 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Header.jpg" class="fusion-lightbox" data-rel="iLightbox[5e65fb88618570e6038]" data-title="Avada University Header" title="Avada University Header"><img width="1916" height="172" alt="Avada University Header" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Header.jpg" class="img-responsive wp-image-872272" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Header-200x18.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Header-400x36.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Header-600x54.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Header-800x72.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Header-1200x108.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Header.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:50px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-185{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-185 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">The Page Content</h3></div><div class="fusion-text fusion-text-183"><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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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-27{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-27 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-27{width:100% !important;order : 0;}.fusion-builder-column-27 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-27{width:100% !important;order : 0;}.fusion-builder-column-27 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-28{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-29 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-28 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-186{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-186 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">The Hero</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-77 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Hero.jpg" class="fusion-lightbox" data-rel="iLightbox[920cf895e83c1e6c896]" data-title="Avada University Hero" title="Avada University Hero"><img width="1899" height="803" alt="Avada University Hero" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Hero.jpg" class="img-responsive wp-image-876975" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Hero-200x85.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Hero-400x169.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Hero-600x254.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Hero-800x338.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Hero-1200x507.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Hero.jpg 1899w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px" /></a></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><div class="fusion-text fusion-text-184"><p>Instead of using a traditional image slider, like the <a href="https://avada.theme-fusion.com/website-builder-features/avada-slider/" target="_blank" rel="noopener noreferrer">Avada Slider</a>, <a href="https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/slider-revolution/" target="_blank" rel="noopener noreferrer">Slider Revolution</a> or <a href="https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/layer-slider/" target="_blank" rel="noopener noreferrer">Layer Slider</a>, as the above-the-fold hero section, this prebuilt site uses a <a href="https://theme-fusion.com/documentation/avada/elements/container-element/" target="_blank" rel="noopener noreferrer">Container</a> with a Background Image. Added to the container is one 1/1 (100% width) Column containing 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/nested-columns-element/" target="_blank" rel="noopener noreferrer">Nested Columns Element</a>, and two <a href="https://theme-fusion.com/documentation/avada/elements/button-element/" target="_blank" rel="noopener noreferrer">Button Elements</a>.</p>\n<p>Simply put, Nested Columns are columns within columns. This Nested Columns Element consists of one 1/1 (100% width) Column, holding two Button Elements.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-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;">Introduction</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-University-Introduction.jpg" class="fusion-lightbox" data-rel="iLightbox[bd18beb67fe06cf3475]" data-title="Avada University Introduction" title="Avada University Introduction"><img width="1912" height="1006" alt="Avada Restaurant Introduction" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Introduction.jpg" class="img-responsive wp-image-872274" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Introduction-200x105.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Introduction-400x210.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Introduction-600x316.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Introduction-800x421.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Introduction-1200x631.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Introduction.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-185"><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/6 (16.67% width) Columns on either side of a 2/3 (66.67% width) Column, containing an <a href="https://theme-fusion.com/documentation/avada/elements/image-element/" target="_blank" rel="noopener noreferrer">Image Element</a>, a <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title Element</a>, a <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Element</a>, and a <a href="https://theme-fusion.com/documentation/avada/elements/separator-element/" target="_blank" rel="noopener noreferrer">Separator Element</a>. This is followed by one 3/5 (60% width) Column holding a Title Element and a Text Box Element, and one 2/5 (40% width) Column holding a <a href="https://theme-fusion.com/documentation/avada/elements/vimeo-element/" target="_blank" rel="noopener noreferrer">Vimeo Element</a>. This section is finished off with another container holding a <a href="https://theme-fusion.com/documentation/avada/elements/section-separator-element/" target="_blank" rel="noopener noreferrer">Section Separator Element</a>.</span></p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-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;">World Class Facilities</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-University-World-Class-Facilities.jpg" class="fusion-lightbox" data-rel="iLightbox[11fb8ee79a4846fda0c]" data-title="Avada University World Class Facilities" title="Avada University World Class Facilities"><img width="1914" height="572" alt="Avada University World Class Facilities" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-World-Class-Facilities.jpg" class="img-responsive wp-image-872275" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-World-Class-Facilities-200x60.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-World-Class-Facilities-400x120.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-World-Class-Facilities-600x179.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-World-Class-Facilities-800x239.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-World-Class-Facilities-1200x359.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-World-Class-Facilities.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:20px;width:100%;"></div><div class="fusion-text fusion-text-186"><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) Columns are used. Collectively they contain 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/separator-element/" target="_blank" rel="noopener noreferrer">Separator 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/toggles-element/" target="_blank" rel="noopener noreferrer">Toggles Element</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-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;">More Information</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-University-More-Information.jpg" class="fusion-lightbox" data-rel="iLightbox[40b306ec8267ba03d2f]" data-title="Avada University More Information" title="Avada University More Information"><img width="1914" height="742" alt="Avada University More Information" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-More-Information.jpg" class="img-responsive wp-image-872277" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-More-Information-200x78.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-More-Information-400x155.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-More-Information-600x233.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-More-Information-800x310.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-More-Information-1200x465.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-More-Information.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:20px;width:100%;"></div><div class="fusion-text fusion-text-187"><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) Columns, each containing a Background Image, three <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-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;">News</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-University-News.jpg" class="fusion-lightbox" data-rel="iLightbox[69e89d3a02a785decea]" data-title="Avada University News" title="Avada University News"><img width="1914" height="962" alt="Avada University News" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-News.jpg" class="img-responsive wp-image-872279" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-News-200x101.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-News-400x201.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-News-600x302.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-News-800x402.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-News-1200x603.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-News.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:20px;width:100%;"></div><div class="fusion-text fusion-text-188"><p>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/6 (16.67% width) Columns on either side of a 2/3 (66.67% width) Column, containing an <a href="https://theme-fusion.com/documentation/avada/elements/image-element/" target="_blank" rel="noopener noreferrer">Image Element</a>, a <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title Element</a>, a <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Element</a>, and a <a href="https://theme-fusion.com/documentation/avada/elements/separator-element/" target="_blank" rel="noopener noreferrer">Separator Element</a>. This is followed by one 1/1 (100% width) Column holding a <a href="https://theme-fusion.com/documentation/avada/elements/blog-element/" target="_blank" rel="noopener noreferrer">Blog Element</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-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;">Application Form</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-University-Application-Form.jpg" class="fusion-lightbox" data-rel="iLightbox[2fa4728d9f863e4882e]" data-title="Avada University Application Form" title="Avada University Application Form"><img width="1916" height="402" alt="Avada University Application Form" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Application-Form.jpg" class="img-responsive wp-image-872281" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Application-Form-200x42.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Application-Form-400x84.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Application-Form-600x126.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Application-Form-800x168.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Application-Form-1200x252.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Application-Form.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-189"><p>For this example, a Global <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>, 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/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block 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 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/3sJeasc" 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-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-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-190"><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:#f09a3e;" 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:#f09a3e;" 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:#f09a3e;" 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-191"><p>For the <a href="https://avada.theme-fusion.com/university/" target="_blank" rel="noopener noreferrer">Avada University</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-University-Footer.jpg" class="fusion-lightbox" data-rel="iLightbox[d0ffb1b94e0d6d23eb3]" data-title="Avada University Footer" title="Avada University Footer"><img width="1914" height="686" alt="Avada University Footer" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Footer.jpg" class="img-responsive wp-image-872284" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Footer-200x72.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Footer-400x143.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Footer-600x215.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Footer-800x287.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Footer-1200x430.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-University-Footer.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:20px;width:100%;"></div><div class="fusion-text fusion-text-192"><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>. The first Container has a Background Image with several <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Columns</a>, with <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title Elements</a>, <a href="https://theme-fusion.com/documentation/avada/elements/widget-element/" target="_blank" rel="noopener noreferrer">Widget Elements</a>, <a href="https://theme-fusion.com/documentation/avada/elements/checklist-element/" target="_blank" rel="noopener noreferrer">Checklist Elements</a>, and <a href="https://theme-fusion.com/documentation/avada/elements/menu-element/" target="_blank" rel="noopener noreferrer">Menu 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-University-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-193"><p>There are <span class="fusion-cs-live-demos">86</span> <a href="https://bit.ly/3sJeasc" 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/3sJeasc" 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/3sJeasc"><span class="fusion-button-text">Buy Avada University For Only $60</span><i class="fa-shopping-cart fas button-icon-right" aria-hidden="true"></i></a></div></div><style type="text/css">.fusion-body .fusion-builder-column-29{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-29 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-29{width:100% !important;order : 0;}.fusion-builder-column-29 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-29{width:100% !important;order : 0;}.fusion-builder-column-29 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-30{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div></p>\n<p>The post <a rel="nofollow" href="https://theme-fusion.com/avada-university-deconstructing-a-prebuilt-website/">Avada University: 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:81:"https://theme-fusion.com/avada-university-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 Taxi: 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-taxi-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-taxi-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, 18 Jan 2022 18:51:18 +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=869387";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:607:"<p>Say hello to Avada Taxi. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Taxi 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 [...]</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: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:129331:"<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-31 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-30 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><div class="fusion-text fusion-text-194"><p>Say hello to <a href="https://avada.theme-fusion.com/taxi/" target="_blank" rel="noopener noreferrer">Avada Taxi</a>. This <a href="https://bit.ly/3eJuUd1" target="_blank" rel="noopener noreferrer">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Taxi 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/taxi/" target="_blank" rel="noopener noreferrer">Avada Taxi</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-driving-deconstructing-a-prebuilt-website/" target="_blank" rel="noopener noreferrer">Avada Driving School</a> prebuilt website. It is important to highlight that <a href="https://bit.ly/3eJuUd1" 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/taxi/"><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/3eJuUd1"><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-195"><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-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-196"><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-197"><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/3eJuUd1" 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-198"><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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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-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-199"><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-200"><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/3eJuUd1" 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-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-201"><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-202"><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-203"><p>Even with all of the performance options provided, Avada plays a lesser part than you might imagine when it comes to site optimization. Websites running <a href="https://bit.ly/3eJuUd1" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#feba12">#feba12</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:#000000;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#000000">#000000</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:#ff9800;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#ff9800">#ff9800</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:#feba12;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#feba12">#feba12</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:#000000;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#000000">#000000</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:#ff9800;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#ff9800">#ff9800</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:#feba12;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#feba12">#feba12</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:#000000;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#000000">#000000</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:#ff9800;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#ff9800">#ff9800</div></div></div></div><div class="fusion-text fusion-text-204"><p>The color palette selected for the <a href="https://avada.theme-fusion.com/taxi/" target="_blank" rel="noopener noreferrer">Avada Taxi</a> prebuilt website is a warm grouping, as seen above. If you would like to change the Avada Taxi 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-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-205"><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/3eJuUd1" 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/taxi/" target="_blank" rel="noopener noreferrer">Avada Taxi</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: Poppins; font-weight: 600;" data-fusion-font="true" data-fusion-google-font="Poppins" data-fusion-google-variant="600">Poppins</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: Poppins; font-weight: 600;" data-fusion-font="true" data-fusion-google-font="Poppins" data-fusion-google-variant="600">Poppins</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: Poppins; font-weight: 600;" data-fusion-font="true" data-fusion-google-font="Poppins" data-fusion-google-variant="600">Poppins</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; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Roboto" data-fusion-google-variant="400">Roboto</span></div></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-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-206"><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-207"><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:#feba12;" 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:#feba12;" 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:#feba12;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;">The <a href="https://bit.ly/3eJuUd1" 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-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-208"><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/taxi/" target="_blank" rel="noopener noreferrer">Avada Taxi</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-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-209"><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 fa-envelope-open-text fas" style="color:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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-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-210"><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/3eJuUd1" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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:#feba12;" 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/3eJuUd1" 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:#feba12;" 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-211"><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-30{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.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><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;"><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-212"><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/taxi/" target="_blank" rel="noopener noreferrer">Avada Taxi</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/taxi/" 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/taxi/pricing/" target="_blank" rel="noopener noreferrer">Pricing &#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/taxi/app/" target="_blank" rel="noopener noreferrer">APP &#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/taxi/news/" target="_blank" rel="noopener noreferrer">News &#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/taxi/contact-us/" target="_blank" rel="noopener noreferrer">Contact Us &#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-31{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.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 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-32 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-213"><p>Before we look at the specific Layouts on the Avada Taxi 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-214"><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-215"><p>The <a href="https://avada.theme-fusion.com/taxi/" target="_blank" rel="noopener noreferrer">Avada Taxi</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-89 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Live-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[524b84e178169d179da]" data-title="Avada Taxi Live Editing" title="Avada Taxi Live Editing"><img width="1920" height="931" alt="Live Editor" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Live-Editing.jpg" class="img-responsive wp-image-869902" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Live-Editing-200x97.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Live-Editing-400x194.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Live-Editing-600x291.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Live-Editing-800x388.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Live-Editing-1200x582.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-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-216"><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-Taxi-Backend-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[3f716db46825dc959a6]" data-title="Avada Taxi Backend Editing" title="Avada Taxi Backend Editing"><img width="1903" height="792" alt="Back-end Editing" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Backend-Editing.jpg" class="img-responsive wp-image-869903" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Backend-Editing-200x83.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Backend-Editing-400x166.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Backend-Editing-600x250.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Backend-Editing-800x333.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Backend-Editing-1200x499.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-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-217"><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:#feba12;" 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:#feba12;" 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-32{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-32 > .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-32{width:100% !important;order : 0;}.fusion-builder-column-32 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-32{width:100% !important;order : 0;}.fusion-builder-column-32 > .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-33{ 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-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-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-218"><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-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-219"><p>For the <a href="https://avada.theme-fusion.com/taxi/" target="_blank" rel="noopener noreferrer">Avada Taxi</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-Taxi-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-91 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Header.jpg" class="fusion-lightbox" data-rel="iLightbox[efe01456f047742dc67]" data-title="Avada Taxi Header" title="Avada Taxi Header"><img width="1900" height="124" alt="Avada Taxi Header" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Header.jpg" class="img-responsive wp-image-869905" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Header-200x13.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Header-400x26.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Header-600x39.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Header-800x52.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Header-1200x78.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-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-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-220"><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:#feba12;" 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:#feba12;" 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:#feba12;" 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-33{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.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-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-Taxi-Hero.jpg" class="fusion-lightbox" data-rel="iLightbox[ba5c432e07c4987ef75]" data-title="Avada Taxi Hero" title="Avada Taxi Hero"><img width="1897" height="875" alt="Avada Taxi Hero" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Hero.jpg" class="img-responsive wp-image-869906" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Hero-200x92.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Hero-400x185.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Hero-600x277.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Hero-800x369.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Hero-1200x554.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Taxi-Hero.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-221"><p>Instead of using a traditional image slider, like the <a href="https://avada.theme-fusion.com/website-builder-features/avada-slider/" target="_blank" rel="noopener noreferrer">Avada Slider</a>, <a href="https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/slider-revolution/" target="_blank" rel="noopener noreferrer">Slider Revolution</a> or <a href="https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/layer-slider/" target="_blank" rel="noopener noreferrer">Layer Slider</a>, as the above-the-fold hero section, this prebuilt site uses a <a href="https://theme-fusion.com/documentation/avada/elements/container-element/" target="_blank" rel="noopener noreferrer">Container</a> with a Background Image. Added to the container are two 1/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-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;">Ride Type &amp; Costs</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-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-222"><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-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;">Company Statistics</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-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-223"><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-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;">Get the App &#8211; CTA</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-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-224"><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-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;">Recent Articles</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-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-225"><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-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-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-226"><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:#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-227"><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-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-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-228"><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-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-229"><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-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/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-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></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: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: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:143195:"<p><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_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-230"><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-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/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-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/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-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-231"><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-232"><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-233"><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-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-234"><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:#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-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-235"><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-236"><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-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-237"><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-238"><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-239"><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-63" 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-238{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-238 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-240"><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-239{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-239 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-241"><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-26 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-240{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-240 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-241{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-241 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-242{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-242 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-243{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-243 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-26{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-26 > .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-26{width:100% !important;order : 0;}.fusion-builder-nested-column-26 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-26{width:100% !important;order : 0;}.fusion-builder-nested-column-26 > .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-27 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-244{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-244 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-245{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-245 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-27{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-27 > .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-27{width:100% !important;order : 0;}.fusion-builder-nested-column-27 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-27{width:100% !important;order : 0;}.fusion-builder-nested-column-27 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class="fusion-text fusion-text-242"><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-246{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-246 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-243"><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-64" 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-247{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-247 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-244"><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-248{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-248 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-245"><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-65" 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-249{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-249 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-246"><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-66" 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-250{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-250 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-247"><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-101 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-36{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.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 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-37 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-248"></div><div class="fusion-clearfix"></div></div></div></div></div><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;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-251{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-251 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-249"><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-67" 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-38{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.fusion-builder-column-38 > .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-38{width:100% !important;order : 0;}.fusion-builder-column-38 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-38{width:100% !important;order : 0;}.fusion-builder-column-38 > .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-39{ 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-40 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-39 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-252{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-252 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-250"><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-102 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-253{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-253 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-251"><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-254{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-254 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-252"><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-103 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-253"><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-104 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-255{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-255 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-254"><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-68" 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-39{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-39 > .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-39{width:100% !important;order : 0;}.fusion-builder-column-39 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-39{width:100% !important;order : 0;}.fusion-builder-column-39 > .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-40{ 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-41 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-40 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-256{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-256 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-255"><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-257{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-257 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-256"><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-105 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-258{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-258 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-257"><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-69" 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-40{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-40 > .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-40{width:100% !important;order : 0;}.fusion-builder-column-40 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-40{width:100% !important;order : 0;}.fusion-builder-column-40 > .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-41{ 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-42 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-41 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-259{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-259 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-106 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-258"><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-260{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-260 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-107 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-259"><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-261{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-261 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-108 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-260"><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-262{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-262 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-109 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-261"><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-263{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-263 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-110 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-262"><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-264{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-264 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-111 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-263"><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-265{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-265 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-112 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-264"><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-266{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-266 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-113 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-265"><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-267{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-267 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-114 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-266"><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-41{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-41 > .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-41{width:100% !important;order : 0;}.fusion-builder-column-41 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-41{width:100% !important;order : 0;}.fusion-builder-column-41 > .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-42{ 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-43 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-42 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-268{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-268 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-267"><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-70" 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-268"><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-269{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-269 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-115 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-269"><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-270{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-270 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-270"><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-21{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-21 .fusion-button-text,.fusion-button.button-21 i,.fusion-button.button-21:hover .fusion-button-text,.fusion-button.button-21:hover i,.fusion-button.button-21:focus .fusion-button-text,.fusion-button.button-21:focus i,.fusion-button.button-21:active .fusion-button-text,.fusion-button.button-21:active i{color:#ffffff;}.fusion-button.button-21:hover,.fusion-button.button-21:active,.fusion-button.button-21:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-21 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-42{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-42 > .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-42{width:100% !important;order : 0;}.fusion-builder-column-42 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-42{width:100% !important;order : 0;}.fusion-builder-column-42 > .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-43{ 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:7;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:158995:"<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-44 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-43 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-271"><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-28 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-22{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-22 .fusion-button-text,.fusion-button.button-22 i,.fusion-button.button-22:hover .fusion-button-text,.fusion-button.button-22:hover i,.fusion-button.button-22:focus .fusion-button-text,.fusion-button.button-22:focus i,.fusion-button.button-22:active .fusion-button-text,.fusion-button.button-22:active i{color:#ffffff;}.fusion-button.button-22:hover,.fusion-button.button-22:active,.fusion-button.button-22:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-22 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-28{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-28 > .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-28{width:100% !important;order : 0;}.fusion-builder-nested-column-28 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-28{width:100% !important;order : 0;}.fusion-builder-nested-column-28 > .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-29 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-23{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-23 .fusion-button-text,.fusion-button.button-23 i,.fusion-button.button-23:hover .fusion-button-text,.fusion-button.button-23:hover i,.fusion-button.button-23:focus .fusion-button-text,.fusion-button.button-23:focus i,.fusion-button.button-23:active .fusion-button-text,.fusion-button.button-23:active i{color:#ffffff;}.fusion-button.button-23:hover,.fusion-button.button-23:active,.fusion-button.button-23:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-23 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-29{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-29 > .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-29{width:100% !important;order : 0;}.fusion-builder-nested-column-29 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-29{width:100% !important;order : 0;}.fusion-builder-nested-column-29 > .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-271{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-271 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-71" 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-272{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-272 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-272"><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-273{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-273 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-273"><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-274{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-274 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-274"><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-116 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-275"><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-72" 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-275{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-275 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-276"><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-117 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-277"><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-276{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-276 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-278"><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-118 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-279"><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-277{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-277 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-280"><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-73" 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-278{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-278 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-281"><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-279{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-279 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-282"><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