ng of the stylesheets to the footer of the page. This improves page load time by making the styles non-render-blocking. Depending on the connection speed, a flash of unstyled content (FOUC) might occur.";s:2:"id";s:12:"defer_styles";s:7:"default";s:1:"0";s:4:"type";s:6:"switch";s:9:"transport";s:11:"postMessage";}s:11:"gzip_status";a:6:{s:5:"label";s:23:"Enable Gzip Compression";s:11:"description";s:176:"Set to ''on'' to add Gzip Compression rules to the .htaccess file. <strong>IMPORTANT:</strong> This option works only on Apache web servers with mod_gzip and mod_deflate enabled.";s:2:"id";s:11:"gzip_status";s:7:"default";s:1:"0";s:4:"type";s:6:"switch";s:9:"transport";s:11:"postMessage";}s:12:"video_facade";a:7:{s:5:"label";s:19:"Enable Video Facade";s:11:"description";s:160:"Use video facade in order to load video player only when video is played. <strong>IMPORTANT:</strong> This option is only applied to YouTube and Vimeo elements.";s:2:"id";s:12:"video_facade";s:7:"default";s:3:"off";s:4:"type";s:15:"radio-buttonset";s:7:"choices";a:2:{s:2:"on";s:2:"On";s:3:"off";s:3:"Off";}s:9:"transport";s:11:"postMessage";}s:24:"dynamic_compiler_section";a:4:{s:5:"label";s:20:"Dynamic CSS &amp; JS";s:2:"id";s:24:"dynamic_compiler_section";s:4:"icon";b:1;s:4:"type";s:4:"info";}s:16:"css_cache_method";a:7:{s:5:"label";s:20:"CSS Compiling Method";s:11:"description";s:281:"Select &quot;File&quot; mode to compile the dynamic CSS to files (a separate file will be created for each of your pages &amp; posts inside of the uploads/fusion-styles folder), &quot;Database&quot; mode to cache the CSS in your database, or select &quot;Disabled&quot; to disable.";s:2:"id";s:16:"css_cache_method";s:7:"default";s:4:"file";s:4:"type";s:6:"select";s:7:"choices";a:3:{s:4:"file";s:4:"File";s:2:"db";s:8:"Database";s:3:"off";s:8:"Disabled";}s:9:"transport";s:11:"postMessage";}s:30:"css_combine_third_party_assets";a:7:{s:5:"label";s:29:"Combine Third Party CSS Files";s:11:"description";s:449:"When enabled, third party CSS files will be combined into Avada''s main stylesheet. Plugins affected are WooCommerce, The Events Calendar, Slider Revolution, ConvertPlus, Contact Form 7 and bbPress. <strong>IMPORTANT:</strong> Enabling this option is not recommended when you are are using third party file combining services, like cache plugins. <strong>NOTE:</strong> When this option is changed, Avada Caches have to be reset for changes to apply.";s:2:"id";s:30:"css_combine_third_party_assets";s:7:"default";s:1:"0";s:4:"type";s:6:"switch";s:9:"transport";s:11:"postMessage";s:8:"required";a:1:{i:0;a:3:{s:7:"setting";s:16:"css_cache_method";s:8:"operator";s:2:"==";s:5:"value";s:4:"file";}}}s:19:"media_queries_async";a:6:{s:5:"label";s:39:"Load Media-Queries Files Asynchronously";s:11:"description";s:140:"When enabled, the CSS media-queries will be enqueued separately and then loaded asynchronously, improving performance on mobile and desktop.";s:2:"id";s:19:"media_queries_async";s:7:"default";s:1:"0";s:4:"type";s:6:"switch";s:9:"transport";s:11:"postMessage";}s:12:"critical_css";a:6:{s:5:"label";s:19:"Enable Critical CSS";s:11:"description";s:125:"Set to ''on'' to enable the generation of critical CSS. Once enabled, a critical CSS page will be added to the Avada dashboard.";s:2:"id";s:12:"critical_css";s:7:"default";s:1:"0";s:4:"type";s:6:"switch";s:9:"transport";s:11:"postMessage";}s:15:"cache_server_ip";a:6:{s:5:"label";s:15:"Cache Server IP";s:11:"description";s:201:"For unique cases where you are using CloudFlare and a cache server, ex: varnish cache. Enter your cache server IP to clear the Global Options dynamic CSS cache. Consult with your server admin for help.";s:2:"id";s:15:"cache_server_ip";s:7:"default";s:0:"";s:4:"type";s:4:"text";s:9:"transport";s:11:"postMessage";}s:11:"js_compiler";a:6:{s:5:"label";s:18:"Enable JS Compiler";s:11:"description";s:174:"By default all the JavaScript files are combined. Disabling the JS compiler will load non-combined JavaScript files. This will have an impact on the performance of your site.";s:2:"id";s:11:"js_compiler";s:7:"default";s:1:"1";s:4:"type";s:6:"switch";s:9:"transport";s:11:"postMessage";}s:11:"pwa_section";a:4:{s:5:"label";s:19:"Progressive Web App";s:2:"id";s:11:"pwa_section";s:4:"icon";b:1;s:4:"type";s:4:"info";}s:19:"pwa_required_notice";a:4:{s:5:"label";s:0:"";s:11:"description";s:397:"<div class="fusion-redux-important-notice"><strong>IMPORTANT NOTE:</strong> To use the Avada PWA feature you need to install and activate the latest version of the PWA plugin. Please <a href="https://staging.redtickeducation.com/wp/wp-admin/admin.php?page=avada-plugins">visit the Avada Plugins page</a> to install and activate the plugin and then refresh Global Options to edit the options.</div>";s:2:"id";s:19:"pwa_required_notice";s:4:"type";s:6:"custom";}}}s:11:"woocommerce";a:0:{}s:10:"custom_css";a:6:{s:5:"label";s:10:"Custom CSS";s:2:"id";s:18:"custom_css_section";s:8:"priority";i:27;s:4:"icon";s:11:"el-icon-css";s:8:"alt_icon";s:12:"fusiona-code";s:6:"fields";a:1:{s:10:"custom_css";a:6:{s:5:"label";s:8:"CSS Code";s:11:"description";s:287:"Enter your CSS code in the field below. Do not include any tags or HTML in the field. Custom CSS entered here will override the theme CSS. In some cases, the <code>!important</code> tag may be needed. Don&#039;t URL encode image or svg paths. Contents of this field will be auto encoded.";s:2:"id";s:10:"custom_css";s:7:"default";s:0:"";s:4:"type";s:4:"code";s:7:"choices";a:5:{s:8:"language";s:3:"css";s:6:"height";i:450;s:5:"theme";s:6:"chrome";s:8:"minLines";i:40;s:8:"maxLines";i:50;}}}}s:17:"shortcode_styling";a:3:{s:5:"label";s:22:"Avada Builder Elements";s:2:"id";s:17:"shortcode_styling";s:4:"icon";s:23:"fusiona-element-options";}s:13:"import_export";a:6:{s:5:"label";s:13:"Import/Export";s:2:"id";s:13:"import_export";s:8:"priority";i:27;s:4:"icon";s:11:"el-icon-css";s:8:"alt_icon";s:17:"fusiona-loop-alt2";s:6:"fields";a:2:{s:9:"import_to";a:6:{s:5:"label";s:21:"Import Global Options";s:11:"description";s:99:"Import Global Options. You can import via file, copy and paste or select an Avada prebuilt website.";s:2:"id";s:9:"import_to";s:4:"type";s:6:"import";s:5:"demos";a:0:{}s:7:"context";s:2:"TO";}s:9:"export_to";a:6:{s:5:"label";s:21:"Export Global Options";s:11:"description";s:77:"Export your Global Options. You can either export as a file or copy the data.";s:2:"id";s:9:"export_to";s:4:"type";s:6:"export";s:7:"context";s:2:"TO";s:4:"text";s:21:"Export Global Options";}}}}', 'no');
INSERT INTO `wpst_options` VALUES
(2873, 'widget_rev-slider-widget', 'a:1:{s:12:"_multiwidget";i:1;}', 'yes'),
(2875, 'avada_revslider_version', '6.5.11', 'yes'),
(3544, 'moblc_activated_time', '1629270189', 'no'),
(3547, 'moblc_cron', '0', 'yes'),
(3546, 'moblc_update_on_actiate', '1', 'no'),
(6154, '_transient_timeout_wp_maintenance_mode_244versions', '1646401748', 'no'),
(6155, '_transient_wp_maintenance_mode_244versions', 'a:45:{i:0;a:2:{s:7:"version";s:3:"1.3";s:3:"url";s:66:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.3.zip";}i:1;a:2:{s:7:"version";s:5:"1.5.3";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.5.3.zip";}i:2;a:2:{s:7:"version";s:6:"1.6.10";s:3:"url";s:69:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.6.10.zip";}i:3;a:2:{s:7:"version";s:5:"1.6.5";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.6.5.zip";}i:4;a:2:{s:7:"version";s:5:"1.6.6";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.6.6.zip";}i:5;a:2:{s:7:"version";s:5:"1.6.7";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.6.7.zip";}i:6;a:2:{s:7:"version";s:5:"1.6.8";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.6.8.zip";}i:7;a:2:{s:7:"version";s:5:"1.6.9";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.6.9.zip";}i:8;a:2:{s:7:"version";s:5:"1.7.0";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.7.0.zip";}i:9;a:2:{s:7:"version";s:5:"1.7.1";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.7.1.zip";}i:10;a:2:{s:7:"version";s:5:"1.8.0";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.0.zip";}i:11;a:2:{s:7:"version";s:5:"1.8.1";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.1.zip";}i:12;a:2:{s:7:"version";s:6:"1.8.10";s:3:"url";s:69:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.10.zip";}i:13;a:2:{s:7:"version";s:6:"1.8.11";s:3:"url";s:69:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.11.zip";}i:14;a:2:{s:7:"version";s:5:"1.8.2";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.2.zip";}i:15;a:2:{s:7:"version";s:5:"1.8.3";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.3.zip";}i:16;a:2:{s:7:"version";s:5:"1.8.4";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.4.zip";}i:17;a:2:{s:7:"version";s:5:"1.8.5";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.5.zip";}i:18;a:2:{s:7:"version";s:5:"1.8.6";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.6.zip";}i:19;a:2:{s:7:"version";s:5:"1.8.7";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.7.zip";}i:20;a:2:{s:7:"version";s:5:"1.8.8";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.8.zip";}i:21;a:2:{s:7:"version";s:5:"1.8.9";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.1.8.9.zip";}i:22;a:2:{s:7:"version";s:5:"2.0.0";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.0.0.zip";}i:23;a:2:{s:7:"version";s:5:"2.0.1";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.0.1.zip";}i:24;a:2:{s:7:"version";s:5:"2.0.2";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.0.2.zip";}i:25;a:2:{s:7:"version";s:5:"2.0.3";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.0.3.zip";}i:26;a:2:{s:7:"version";s:5:"2.0.4";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.0.4.zip";}i:27;a:2:{s:7:"version";s:5:"2.0.5";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.0.5.zip";}i:28;a:2:{s:7:"version";s:5:"2.0.6";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.0.6.zip";}i:29;a:2:{s:7:"version";s:5:"2.0.7";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.0.7.zip";}i:30;a:2:{s:7:"version";s:5:"2.0.8";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.0.8.zip";}i:31;a:2:{s:7:"version";s:5:"2.0.9";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.0.9.zip";}i:32;a:2:{s:7:"version";s:5:"2.1.0";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.1.0.zip";}i:33;a:2:{s:7:"version";s:5:"2.1.1";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.1.1.zip";}i:34;a:2:{s:7:"version";s:5:"2.1.2";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.1.2.zip";}i:35;a:2:{s:7:"version";s:3:"2.2";s:3:"url";s:66:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.2.zip";}i:36;a:2:{s:7:"version";s:5:"2.2.2";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.2.2.zip";}i:37;a:2:{s:7:"version";s:5:"2.2.3";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.2.3.zip";}i:38;a:2:{s:7:"version";s:5:"2.2.4";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.2.4.zip";}i:39;a:2:{s:7:"version";s:5:"2.3.0";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.3.0.zip";}i:40;a:2:{s:7:"version";s:5:"2.4.0";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.4.0.zip";}i:41;a:2:{s:7:"version";s:5:"2.4.1";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.4.1.zip";}i:42;a:2:{s:7:"version";s:5:"2.4.2";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.4.2.zip";}i:43;a:2:{s:7:"version";s:5:"2.4.3";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.4.3.zip";}i:44;a:2:{s:7:"version";s:5:"2.4.4";s:3:"url";s:68:"https://downloads.wordpress.org/plugin/wp-maintenance-mode.2.4.4.zip";}}', 'no'),
(6191, '_site_transient_timeout_fusion_patches', '1646044688', 'no'),
(6192, '_site_transient_fusion_patches', 'a:1:{s:5:"avada";O:8:"stdClass":4:{s:6:"420179";O:8:"stdClass":4:{s:4:"date";s:13:"Feb. 24, 2022";s:11:"description";s:48:"<p>Fixes FAQ element showing incorrect icon</p>\n";s:8:"versions";a:1:{i:0;s:5:"7.6.1";}s:5:"patch";a:2:{i:0;O:8:"stdClass":4:{s:7:"context";s:11:"fusion-core";s:7:"version";s:5:"5.6.1";s:4:"path";s:25:"shortcodes/fusion-faq.php";s:9:"reference";s:108:"aHR0cHM6Ly91cGRhdGVzLnRoZW1lLWZ1c2lvbi5jb20vYXZhZGFfcGF0Y2gvP2FjdGlvbj1zZXJ2ZV9maWxlJmlkPTQyMDE3OSZrZXk9MA==";}i:1;O:8:"stdClass":4:{s:7:"context";s:11:"fusion-core";s:7:"version";s:5:"5.6.1";s:4:"path";s:50:"shortcodes/previews/front-end/elements/view-faq.js";s:9:"reference";s:108:"aHR0cHM6Ly91cGRhdGVzLnRoZW1lLWZ1c2lvbi5jb20vYXZhZGFfcGF0Y2gvP2FjdGlvbj1zZXJ2ZV9maWxlJmlkPTQyMDE3OSZrZXk9MQ==";}}}s:6:"420157";O:8:"stdClass":4:{s:4:"date";s:12:"Feb. 3, 2022";s:11:"description";s:89:"<p>Fixes PHP warning (a non-numeric value encountered) in class-fusion-sanitize.php.</p>\n";s:8:"versions";a:1:{i:0;s:5:"7.6.1";}s:5:"patch";a:1:{i:0;O:8:"stdClass":4:{s:7:"context";s:5:"avada";s:7:"version";s:5:"7.6.1";s:4:"path";s:42:"includes/lib/inc/class-fusion-sanitize.php";s:9:"reference";s:108:"aHR0cHM6Ly91cGRhdGVzLnRoZW1lLWZ1c2lvbi5jb20vYXZhZGFfcGF0Y2gvP2FjdGlvbj1zZXJ2ZV9maWxlJmlkPTQyMDE1NyZrZXk9MA==";}}}s:6:"420143";O:8:"stdClass":4:{s:4:"date";s:12:"Feb. 1, 2022";s:11:"description";s:97:"<p>Fixes drag &#038; drop for child element in backend builder not working on WordPress 5.9.</p>\n";s:8:"versions";a:1:{i:0;s:5:"7.6.1";}s:5:"patch";a:1:{i:0;O:8:"stdClass":4:{s:7:"context";s:14:"fusion-builder";s:7:"version";s:5:"3.6.1";s:4:"path";s:35:"assets/admin/css/fusion-builder.css";s:9:"reference";s:108:"aHR0cHM6Ly91cGRhdGVzLnRoZW1lLWZ1c2lvbi5jb20vYXZhZGFfcGF0Y2gvP2FjdGlvbj1zZXJ2ZV9maWxlJmlkPTQyMDE0MyZrZXk9MA==";}}}s:6:"420132";O:8:"stdClass":4:{s:4:"date";s:12:"Feb. 1, 2022";s:11:"description";s:91:"<p>Fixes &#8220;Emojis Script&#8221; option set to disable not disabling DNS prefetch.</p>\n";s:8:"versions";a:1:{i:0;s:5:"7.6.1";}s:5:"patch";a:4:{i:0;O:8:"stdClass":4:{s:7:"context";s:5:"avada";s:7:"version";s:5:"7.6.1";s:4:"path";s:53:"includes/lib/inc/class-fusion-patcher-apply-patch.php";s:9:"reference";s:108:"aHR0cHM6Ly91cGRhdGVzLnRoZW1lLWZ1c2lvbi5jb20vYXZhZGFfcGF0Y2gvP2FjdGlvbj1zZXJ2ZV9maWxlJmlkPTQyMDEzMiZrZXk9MA==";}i:1;O:8:"stdClass":4:{s:7:"context";s:5:"avada";s:7:"version";s:5:"7.6.1";s:4:"path";s:49:"includes/lib/inc/class-fusion-patcher-checker.php";s:9:"reference";s:108:"aHR0cHM6Ly91cGRhdGVzLnRoZW1lLWZ1c2lvbi5jb20vYXZhZGFfcGF0Y2gvP2FjdGlvbj1zZXJ2ZV9maWxlJmlkPTQyMDEzMiZrZXk9MQ==";}i:2;O:8:"stdClass":4:{s:7:"context";s:5:"avada";s:7:"version";s:5:"7.6.1";s:4:"path";s:41:"includes/lib/inc/class-fusion-patcher.php";s:9:"reference";s:108:"aHR0cHM6Ly91cGRhdGVzLnRoZW1lLWZ1c2lvbi5jb20vYXZhZGFfcGF0Y2gvP2FjdGlvbj1zZXJ2ZV9maWxlJmlkPTQyMDEzMiZrZXk9Mg==";}i:3;O:8:"stdClass":4:{s:7:"context";s:5:"avada";s:7:"version";s:5:"7.6.1";s:4:"path";s:32:"includes/class-avada-scripts.php";s:9:"reference";s:108:"aHR0cHM6Ly91cGRhdGVzLnRoZW1lLWZ1c2lvbi5jb20vYXZhZGFfcGF0Y2gvP2FjdGlvbj1zZXJ2ZV9maWxlJmlkPTQyMDEzMiZrZXk9Mw==";}}}}}', 'no'),
(6193, '_site_transient_timeout_fusion_patcher_check_num', '1646129288', 'no'),
(6194, '_site_transient_fusion_patcher_check_num', 'a:1:{s:5:"avada";i:0;}', 'no'),
(6195, '_transient_timeout_themeisle_sdk_products', '1646064490', 'no'),
(6196, '_transient_themeisle_sdk_products', 'a:6:{i:0;a:4:{s:4:"name";s:4:"Neve";s:4:"type";s:5:"theme";s:4:"slug";s:4:"neve";s:8:"installs";i:300000;}i:1;a:4:{s:4:"name";s:6:"Hestia";s:4:"type";s:5:"theme";s:4:"slug";s:6:"hestia";s:8:"installs";i:100000;}i:2;a:4:{s:4:"name";s:46:"Gutenberg Blocks and Template Library by Otter";s:4:"type";s:6:"plugin";s:4:"slug";s:12:"otter-blocks";s:8:"installs";i:100000;}i:3;a:4:{s:4:"name";s:22:"Orbit Fox by ThemeIsle";s:4:"type";s:6:"plugin";s:4:"slug";s:19:"themeisle-companion";s:8:"installs";i:400000;}i:4;a:4:{s:4:"name";s:77:"RSS Aggregator by Feedzy &#8211; Powerful WP Autoblogging and News Aggregator";s:4:"type";s:6:"plugin";s:4:"slug";s:16:"feedzy-rss-feeds";s:8:"installs";i:50000;}i:5;a:4:{s:4:"name";s:51:"Visualizer: Tables and Charts Manager for WordPress";s:4:"type";s:6:"plugin";s:4:"slug";s:10:"visualizer";s:8:"installs";i:40000;}}', 'no'),
(6197, '_transient_timeout_feed_2a09f5c5cc681cffa13dc8f7a0998b4c', '1646086091', 'no'),
(6198, '_transient_feed_2a09f5c5cc681cffa13dc8f7a0998b4c', 'a:4:{s:5:"child";a:1:{s:0:"";a:1:{s:3:"rss";a:1:{i:0;a:6:{s:4:"data";s:3:"\n\n\n";s:7:"attribs";a:1:{s:0:"";a:1:{s:7:"version";s:3:"2.0";}}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:1:{s:0:"";a:1:{s:7:"channel";a:1:{i:0;a:6:{s:4:"data";s:46:"\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:3:{s:0:"";a:7:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:99:"Avada ThemeFusion | Avada Website Builder – Avada Website Builder For WordPress &amp; WooCommerce";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:24:"https://theme-fusion.com";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:11:"description";a:1:{i:0;a:5:{s:4:"data";s:27:"For WordPress & WooCommerce";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:13:"lastBuildDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Tue, 22 Feb 2022 18:20:04 +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:"language";a:1:{i:0;a:5:{s:4:"data";s:5:"en-US";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:9:"generator";a:1:{i:0;a:5:{s:4:"data";s:30:"https://wordpress.org/?v=5.8.3";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:"item";a:9:{i:0;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:46:"Avada Music: 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:71:"https://theme-fusion.com/avada-music-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-music-deconstructing-a-prebuilt-website/#respond";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Tue, 22 Feb 2022 18:20:04 +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=871665";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:611:"<p>Say hello to Avada Music. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Music 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-music-deconstructing-a-prebuilt-website/">Avada Music: 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:131969:"<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-1 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-0 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-1"><p>Say hello to <a href="https://avada.theme-fusion.com/music/" target="_blank" rel="noopener noreferrer">Avada Music</a>. This <a href="https://bit.ly/3DiThcg" target="_blank" rel="noopener noreferrer">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Music 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/music/" target="_blank" rel="noopener noreferrer">Avada Music</a> article is a part of a deconstruction series and is the follow-on article that explores the <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/avada-freelancer-deconstructing-a-prebuilt-website/">Avada Freelancer</a> prebuilt website. It is important to highlight that <a href="https://bit.ly/3DiThcg" 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-0 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-1{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-1 .fusion-button-text,.fusion-button.button-1 i,.fusion-button.button-1:hover .fusion-button-text,.fusion-button.button-1:hover i,.fusion-button.button-1:focus .fusion-button-text,.fusion-button.button-1:focus i,.fusion-button.button-1:active .fusion-button-text,.fusion-button.button-1:active i{color:#ffffff;}.fusion-button.button-1:hover,.fusion-button.button-1:active,.fusion-button.button-1:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-1 fusion-button-span-yes fusion-button-default-type" target="_blank" rel="noopener noreferrer" href="https://avada.theme-fusion.com/music/"><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-0{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-0 > .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-0{width:100% !important;order : 0;}.fusion-builder-nested-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-0{width:100% !important;order : 0;}.fusion-builder-nested-column-0 > .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-1 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-2{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-2 .fusion-button-text,.fusion-button.button-2 i,.fusion-button.button-2:hover .fusion-button-text,.fusion-button.button-2:hover i,.fusion-button.button-2:focus .fusion-button-text,.fusion-button.button-2:focus i,.fusion-button.button-2:active .fusion-button-text,.fusion-button.button-2:active i{color:#ffffff;}.fusion-button.button-2:hover,.fusion-button.button-2:active,.fusion-button.button-2:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-2 fusion-button-span-yes fusion-button-default-type" target="_blank" href="https://bit.ly/3DiThcg"><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-1{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-1 > .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-1{width:100% !important;order : 0;}.fusion-builder-nested-column-1 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-1{width:100% !important;order : 0;}.fusion-builder-nested-column-1 > .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-1{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-1 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-1" 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-2{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-2 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-2"><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-3{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-3 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-3"><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-4{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-4 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-4"><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/3DiThcg" 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-1 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-5"><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-2" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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-5{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-5 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-6"><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-2 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-7"><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/3DiThcg" 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-6{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-6 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-8"><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-3 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-9"><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-7{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-7 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-10"><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/3DiThcg" 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-3" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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-8{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-8 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:#ec4858;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#ec4858">#ec4858</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:#7d7b8d;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#7d7b8d">#7d7b8d</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></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:#ec4858;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#ec4858">#ec4858</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:#7d7b8d;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#7d7b8d">#7d7b8d</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></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:#ec4858;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#ec4858">#ec4858</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:#7d7b8d;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#7d7b8d">#7d7b8d</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></div><div class="fusion-text fusion-text-11"><p>The color palette selected for the <a href="https://avada.theme-fusion.com/music/" target="_blank" rel="noopener noreferrer">Avada Music</a> prebuilt website is a Monochromatic grouping, as seen above. If you would like to change the Avada Music 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-9{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-9 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-12"><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/3DiThcg" 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/music/" target="_blank" rel="noopener noreferrer">Avada Music</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-2 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-10{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-10 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-11{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-11 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: Montserrat; font-weight: 700;" data-fusion-font="true" data-fusion-google-font="Montserrat" data-fusion-google-variant="700">Montserrat</span></div></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-12{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-12 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: Montserrat; font-weight: 700;" data-fusion-font="true" data-fusion-google-font="Montserrat" data-fusion-google-variant="700">Montserrat</span></div></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-13{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-13 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: Montserrat; font-weight: 700;" data-fusion-font="true" data-fusion-google-font="Montserrat" data-fusion-google-variant="700">Montserrat</span><br />\n</span></div></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-2{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-2 > .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-2{width:100% !important;order : 0;}.fusion-builder-nested-column-2 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-2{width:100% !important;order : 0;}.fusion-builder-nested-column-2 > .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-3 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-14{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-14 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-15{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-15 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: Merriweather; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Merriweather" data-fusion-google-variant="400">Merriweather</span></div></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-3{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-3 > .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-3{width:100% !important;order : 0;}.fusion-builder-nested-column-3 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-3{width:100% !important;order : 0;}.fusion-builder-nested-column-3 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class="fusion-text fusion-text-13"><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-16{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-16 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-14"><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-4" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;">The <a href="https://bit.ly/3DiThcg" 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-17{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-17 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-15"><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/music/" target="_blank" rel="noopener noreferrer">Avada Music</a> prebuilt website as an example: <span style="background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);">This prebuilt website was built without using any of the Avada bundled plugins.</span></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 of the prebuilt websites 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-18{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-18 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-16"><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-5" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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-19{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-19 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-17"><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/3DiThcg" 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-6" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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/3DiThcg" 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:#ec4858;" 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-20{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-20 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-18"><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-4 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-0{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.fusion-builder-column-0 > .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-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .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-1{ 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-2 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-1 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-21{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-21 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-19"><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/music/" target="_blank" rel="noopener noreferrer">Avada Music</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-7" 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/music/" 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/music/meet-the-band/" target="_blank" rel="noopener noreferrer">Meet The Band &#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/music/live-dates/" target="_blank" rel="noopener noreferrer">Live Dates &#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/music/latest-news/" target="_blank" rel="noopener noreferrer">Latest 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/music/albums/" target="_blank" rel="noopener noreferrer">Albums &#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/music/fans/" target="_blank" rel="noopener noreferrer">Fans &#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-1{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.fusion-builder-column-1 > .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-1{width:100% !important;order : 0;}.fusion-builder-column-1 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-1{width:100% !important;order : 0;}.fusion-builder-column-1 > .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-2{ 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-3 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-2 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-22{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-22 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-20"><p>Before we look at the specific Layouts on the Avada Music 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-5 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-23{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-23 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-21"><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-24{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-24 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-22"><p>The <a href="https://avada.theme-fusion.com/music/" target="_blank" rel="noopener noreferrer">Avada Music</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-6 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[2c542f9e4a6cefc3fdc]" data-title="Avada Music Live Editing" title="Avada Music Live Editing"><img width="1920" height="931" alt="Live Editor" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Editing.jpg" class="img-responsive wp-image-872438" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Editing-200x97.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Editing-400x194.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Editing-600x291.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Editing-800x388.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Editing-1200x582.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-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-23"><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-7 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Backend-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[76723e6e58b99fa6c06]" data-title="Avada Music Backend Editing" title="Avada Music Backend Editing"><img width="1902" height="816" alt="Back-end Editing" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Backend-Editing.jpg" class="img-responsive wp-image-872439" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Backend-Editing-200x86.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Backend-Editing-400x172.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Backend-Editing-600x257.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Backend-Editing-800x343.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Backend-Editing-1200x515.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-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-25{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-25 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-24"><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-8" 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:#ec4858;" 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:#ec4858;" 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-2{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-2 > .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-2{width:100% !important;order : 0;}.fusion-builder-column-2 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-2{width:100% !important;order : 0;}.fusion-builder-column-2 > .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-3{ 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-4 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-3 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-26{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-26 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-25"><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-27{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-27 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-26"><p>For the <a href="https://avada.theme-fusion.com/music/" target="_blank" rel="noopener noreferrer">Avada Music</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 target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Global-Header.jpg">link</a>.</p>\n</div><div style="text-align:center;"><span class=" fusion-imageframe imageframe-none imageframe-8 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Header.jpg" class="fusion-lightbox" data-rel="iLightbox[c98426f95b7cb8d3946]" data-title="Avada Music Header" title="Avada Music Header"><img width="1912" height="108" alt="Avada Music Header" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Header.jpg" class="img-responsive wp-image-872440" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Header-200x11.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Header-400x23.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Header-600x34.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Header-800x45.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Header-1200x68.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Header.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:50px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-28{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-28 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-27"><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-9" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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-3{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-3 > .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-3{width:100% !important;order : 0;}.fusion-builder-column-3 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-3{width:100% !important;order : 0;}.fusion-builder-column-3 > .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-4{ 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-5 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-4 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-29{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-29 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-9 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Hero.jpg" class="fusion-lightbox" data-rel="iLightbox[5a8fb94467e5814957d]" data-title="Avada Music Hero" title="Avada Music Hero"><img width="1912" height="764" alt="Avada Restaurant Hero" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Hero.jpg" class="img-responsive wp-image-872442" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Hero-200x80.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Hero-400x160.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Hero-600x240.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Hero-800x320.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Hero-1200x479.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Hero.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-28"><p>Instead of using a traditional image slider, like the <a href="https://avada.theme-fusion.com/website-builder-features/avada-slider/" target="_blank" rel="noopener noreferrer">Avada Slider</a>, <a href="https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/slider-revolution/" target="_blank" rel="noopener noreferrer">Slider Revolution</a> or <a href="https://avada.theme-fusion.com/website-builder-features/avada-third-party-integration/layer-slider/" target="_blank" rel="noopener noreferrer">Layer Slider</a>, as the above-the-fold hero section, this prebuilt site uses a <a href="https://theme-fusion.com/documentation/avada/elements/container-element/" target="_blank" rel="noopener noreferrer">Container</a> with a Background Image. Added to the container is one 1/1 (100% width) <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/column-element/">Column </a>with two <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/title-element/">Title Elements</a> and a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/nested-columns-element/">Nested Columns Element</a>. </p>\n<p>Simply put, Nested Columns are columns within columns and this one is structured with one 1/1 (100% width) Columns holding two <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/button-element/">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:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-30{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-30 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;">Music is Life</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-10 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Music-Is-Life.jpg" class="fusion-lightbox" data-rel="iLightbox[6fe28f14ad99fcd2080]" data-title="Avada Music Music Is Life" title="Avada Music Music Is Life"><img width="1916" height="358" alt="Avada Music Music Is Life" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Music-Is-Life.jpg" class="img-responsive wp-image-872443" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Music-Is-Life-200x37.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Music-Is-Life-400x75.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Music-Is-Life-600x112.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Music-Is-Life-800x149.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Music-Is-Life-1200x224.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Music-Is-Life.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-29"><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>with a <a href="https://theme-fusion.com/documentation/avada/elements/separator-element/" target="_blank" rel="noopener noreferrer">Separator Element</a> and two 1/6 (16.67% width) Columns,on either side of one 2/3 (66.67% width) Column, which holds a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/title-element/">Title Element</a>, a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/separator-element/">Separator Element</a> and a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/text-block-element/">Text Block Element</a>.<br /></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-31{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-31 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 Band News</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-11 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Blog.jpg" class="fusion-lightbox" data-rel="iLightbox[35d67bd08df7f155a70]" data-title="Avada Music Blog" title="Avada Music Blog"><img width="1912" height="1824" alt="Avada Music Blog" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Blog.jpg" class="img-responsive wp-image-872444" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Blog-200x191.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Blog-400x382.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Blog-600x572.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Blog-800x763.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Blog-1200x1145.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Blog.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-30"><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/6 (16.67% width) <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/column-element/">Columns</a>,on either side of one 2/3 (66.67% width) Column, which holds a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/title-element/">Title Element</a>, a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/separator-element/">Separator Element</a> and a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/text-block-element/">Text Block Element</a>, followed by one 1/1 (100% width) Column using a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/blog-element/">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-32{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-32 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;">View All Latest News &#8211; CTA<br /></h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-12 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button.jpg" class="fusion-lightbox" data-rel="iLightbox[39a65c6b921d8fe0e7a]" data-title="Avada Music Button" title="Avada Music Button"><img width="1914" height="158" alt="Avada Music Button" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button.jpg" class="img-responsive wp-image-872446" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-200x17.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-400x33.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-600x50.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-800x66.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-1200x99.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button.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-31"><p>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 target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/column-element/">Column</a>, holding a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/button-element/">Button Element</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-33{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-33 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-13 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Testimonials.jpg" class="fusion-lightbox" data-rel="iLightbox[c431a670e6d8bf3a0a8]" data-title="Avada Music Testimonials" title="Avada Music Testimonials"><img width="1914" height="828" alt="Avada Music Testimonials" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Testimonials.jpg" class="img-responsive wp-image-872447" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Testimonials-200x87.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Testimonials-400x173.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Testimonials-600x260.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Testimonials-800x346.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Testimonials-1200x519.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Testimonials.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-32"><p>For this example, this section uses a <a href="https://theme-fusion.com/documentation/avada/elements/container-element/" target="_blank" rel="noopener noreferrer">Container </a>with a Background Image two 1/6 (16.67% width) <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/column-element/">Columns</a>,on either side of one 2/3 (66.67% width) Column, which holds a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/testimonials-element/">Testimonials Element</a>, a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/separator-element/">Separator Element</a>, and a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/lightbox-element/">Lightbox 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-34{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-34 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;">Live Dates</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-14 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Dates.jpg" class="fusion-lightbox" data-rel="iLightbox[3421ed7e180db4968e0]" data-title="Avada Music Live Dates" title="Avada Music Live Dates"><img width="1913" height="795" alt="Avada Music Live Dates" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Dates.jpg" class="img-responsive wp-image-872449" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Dates-200x83.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Dates-400x166.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Dates-600x249.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Dates-800x332.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Dates-1200x499.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Live-Dates.jpg 1913w" 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-33"><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/6 (16.67% width) <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/column-element/">Columns</a>,on either side of one 2/3 (66.67% width) Column, which holds a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/title-element/">Title Element</a>, a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/separator-element/">Separator Element</a> and a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/text-block-element/">Text Block Element</a>, followed by one 1/1 (100% width) Column using a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/toggles-element/">Toggles 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-35{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-35 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;">Live Dates &#8211; CTA</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-15 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-2.jpg" class="fusion-lightbox" data-rel="iLightbox[c14c1980d2271f50d0d]" data-title="Avada Music Button 2" title="Avada Music Button 2"><img width="1912" height="160" alt="Avada Music Button" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-2.jpg" class="img-responsive wp-image-872450" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-2-200x17.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-2-400x33.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-2-600x50.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-2-800x67.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-2-1200x100.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Button-2.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-34"><p>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 target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/column-element/">Column</a>, holding a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/button-element/">Button Element</a>.</p>\n</div></div><style type="text/css">.fusion-body .fusion-builder-column-4{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-4 > .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-4{width:100% !important;order : 0;}.fusion-builder-column-4 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-4{width:100% !important;order : 0;}.fusion-builder-column-4 > .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-5{ 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-6 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-5 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-36{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-36 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-35"><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-10" 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:#ec4858;" 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:#ec4858;" 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:#ec4858;" 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-36"><p>For the <a href="https://avada.theme-fusion.com/music/" target="_blank" rel="noopener noreferrer">Avada Music</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-37{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-37 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-16 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Footer.jpg" class="fusion-lightbox" data-rel="iLightbox[053e3563cd02623b20a]" data-title="Avada Music Footer" title="Avada Music Footer"><img width="1914" height="294" alt="Avada Music Footer" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Footer.jpg" class="img-responsive wp-image-872453" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Footer-200x31.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Footer-400x61.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Footer-600x92.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Footer-800x123.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Footer-1200x184.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-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-37"><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 two <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Columns</a>, with an <a href="https://theme-fusion.com/documentation/avada/elements/image-element/" target="_blank" rel="noopener noreferrer">Image Element</a> and a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/menu-element/">Menu 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 and a <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/documentation/avada/elements/social-links-element/">Social Links Element</a>, in the second Container. You can check how this is structured on the backend by clicking this <a target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Music-Global-Footer.jpg">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-38{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-38 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-38"><p>There are <span class="fusion-cs-live-demos">86</span> <a href="https://bit.ly/3DiThcg" 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/3DiThcg" 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-3{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-3 .fusion-button-text,.fusion-button.button-3 i,.fusion-button.button-3:hover .fusion-button-text,.fusion-button.button-3:hover i,.fusion-button.button-3:focus .fusion-button-text,.fusion-button.button-3:focus i,.fusion-button.button-3:active .fusion-button-text,.fusion-button.button-3:active i{color:#ffffff;}.fusion-button.button-3:hover,.fusion-button.button-3:active,.fusion-button.button-3:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-3 fusion-button-span-yes fusion-button-default-type" target="_blank" href="https://bit.ly/3DiThcg"><span class="fusion-button-text">Buy Avada Music 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-5{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-5 > .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-5{width:100% !important;order : 0;}.fusion-builder-column-5 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-5{width:100% !important;order : 0;}.fusion-builder-column-5 > .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-6{ 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-music-deconstructing-a-prebuilt-website/">Avada Music: 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:76:"https://theme-fusion.com/avada-music-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:"0";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: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 Freelancer: 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-freelancer-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-freelancer-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, 15 Feb 2022 17:49:12 +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=871669";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 Freelancer. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Freelancer 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-freelancer-deconstructing-a-prebuilt-website/">Avada Freelancer: 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:143937:"<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-7 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-6 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-39"><p>Say hello to <a href="https://avada.theme-fusion.com/restaurant/" target="_blank" rel="noopener noreferrer">Avada Freelancer</a>. This <a href="https://bit.ly/389rOLS" target="_blank" rel="noopener noreferrer">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Freelancer 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/freelancer/" target="_blank" rel="noopener noreferrer">Avada Freelancer</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-information-technology-deconstructing-a-prebuilt-website/" target="_blank" rel="noopener noreferrer">Avada Information Technology</a> prebuilt website. It is important to highlight that <a href="https://bit.ly/389rOLS" 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-4 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-4{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-4 .fusion-button-text,.fusion-button.button-4 i,.fusion-button.button-4:hover .fusion-button-text,.fusion-button.button-4:hover i,.fusion-button.button-4:focus .fusion-button-text,.fusion-button.button-4:focus i,.fusion-button.button-4:active .fusion-button-text,.fusion-button.button-4:active i{color:#ffffff;}.fusion-button.button-4:hover,.fusion-button.button-4:active,.fusion-button.button-4:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-4 fusion-button-span-yes fusion-button-default-type" target="_blank" rel="noopener noreferrer" href="https://avada.theme-fusion.com/freelancer/"><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-4{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-4 > .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-4{width:100% !important;order : 0;}.fusion-builder-nested-column-4 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-4{width:100% !important;order : 0;}.fusion-builder-nested-column-4 > .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-5 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-5{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-5 .fusion-button-text,.fusion-button.button-5 i,.fusion-button.button-5:hover .fusion-button-text,.fusion-button.button-5:hover i,.fusion-button.button-5:focus .fusion-button-text,.fusion-button.button-5:focus i,.fusion-button.button-5:active .fusion-button-text,.fusion-button.button-5:active i{color:#ffffff;}.fusion-button.button-5:hover,.fusion-button.button-5:active,.fusion-button.button-5:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-5 fusion-button-span-yes fusion-button-default-type" target="_blank" href="https://bit.ly/389rOLS"><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-5{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-5 > .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-5{width:100% !important;order : 0;}.fusion-builder-nested-column-5 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-5{width:100% !important;order : 0;}.fusion-builder-nested-column-5 > .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-39{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-39 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-11" 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-40{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-40 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-40"><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-41{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-41 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-41"><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-42{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-42 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-42"><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/389rOLS" 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-17 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-43"><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-12" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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-43{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-43 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-44"><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-18 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-45"><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/389rOLS" 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-44{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-44 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-46"><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-19 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-47"><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-45{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-45 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-48"><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/389rOLS" 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-13" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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-46{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-46 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:#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 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:#7a89ab;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#7a89ab">#7a89ab</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:#f9225b;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#f9225b">#f9225b</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:#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 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:#7a89ab;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#7a89ab">#7a89ab</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:#f9225b;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#f9225b">#f9225b</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:#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 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:#7a89ab;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#7a89ab">#7a89ab</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:#f9225b;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#f9225b">#f9225b</div></div></div></div><div class="fusion-text fusion-text-49"><p>The color palette selected for the <a href="https://avada.theme-fusion.com/freelancer/" target="_blank" rel="noopener noreferrer">Avada Freelancer</a> prebuilt website is a divergent color scheme, as seen above. If you would like to change the Avada Freelancer 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-47{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-47 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-50"><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/389rOLS" 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/freelancer/" target="_blank" rel="noopener noreferrer">Avada Freelancer</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-6 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-48{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-48 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-49{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-49 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: Montserrat; font-weight: 600;" data-fusion-font="true" data-fusion-google-font="Montserrat" data-fusion-google-variant="600">Montserrat</span></div></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-50{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-50 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: Montserrat; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Montserrat" data-fusion-google-variant="400">Montserrat</span></div></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-51{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-51 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: Montserrat; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Montserrat" data-fusion-google-variant="400">Montserrat</span><br />\n</span></div></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-6{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-6 > .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-6{width:100% !important;order : 0;}.fusion-builder-nested-column-6 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-6{width:100% !important;order : 0;}.fusion-builder-nested-column-6 > .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-7 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-52{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-52 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-53{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-53 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: ''Source Sans Pro''; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Source Sans Pro" data-fusion-google-variant="400">Source Sans Pro</span></div></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-7{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-7 > .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-7{width:100% !important;order : 0;}.fusion-builder-nested-column-7 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-7{width:100% !important;order : 0;}.fusion-builder-nested-column-7 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class="fusion-text fusion-text-51"><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-54{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-54 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-52"><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-14" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;">The <a href="https://bit.ly/389rOLS" 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-55{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-55 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-53"><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/freelancer/" target="_blank" rel="noopener noreferrer">Avada Freelancer</a> prebuilt website as an example: <span style="background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);">This prebuilt website was built without using any of the Avada bundled plugins.</span></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 of the prebuilt websites 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-56{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-56 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-54"><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-15" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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-57{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-57 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-55"><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/389rOLS" 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-16" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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/3kOMxfw" 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:#7a89ab;" 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-58{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-58 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-56"><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-20 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-6{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.fusion-builder-column-6 > .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-6{width:100% !important;order : 0;}.fusion-builder-column-6 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-6{width:100% !important;order : 0;}.fusion-builder-column-6 > .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-7{ 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-8 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-7 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-59{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-59 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-57"><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/freelancer/" target="_blank" rel="noopener noreferrer">Avada Freelancer</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-17" 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/freelancer/" 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/freelancer/recent-work/" target="_blank" rel="noopener noreferrer">Work &#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/freelancer/web-design-articles/" target="_blank" rel="noopener noreferrer">Articles &#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/freelancer/lets-talk/" target="_blank" rel="noopener noreferrer">Let&#8217;s Talk &#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-7{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.fusion-builder-column-7 > .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-7{width:100% !important;order : 0;}.fusion-builder-column-7 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-7{width:100% !important;order : 0;}.fusion-builder-column-7 > .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-8{ 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-9 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-8 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-60{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-60 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-58"><p>Before we look at the specific Layouts on the Avada Freelancer 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-21 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-61{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-61 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-59"><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-62{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-62 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-60"><p>The <a href="https://avada.theme-fusion.com/freelancer/" target="_blank" rel="noopener noreferrer">Avada Freelancer</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-22 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Live-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[cc95a48801880f553c2]" data-title="Avada Freelancer Live Editing" title="Avada Freelancer Live Editing"><img width="1920" height="936" alt="Live Editor" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Live-Editing.jpg" class="img-responsive wp-image-872380" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Live-Editing-200x98.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Live-Editing-400x195.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Live-Editing-600x293.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Live-Editing-800x390.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Live-Editing-1200x585.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-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-61"><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-23 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Backend-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[cc84e3d2b0e6a1c6141]" data-title="Avada Freelancer Backend Editing" title="Avada Freelancer Backend Editing"><img width="1902" height="868" alt="Back-end Editing" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Backend-Editing.jpg" class="img-responsive wp-image-872381" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Backend-Editing-200x91.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Backend-Editing-400x183.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Backend-Editing-600x274.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Backend-Editing-800x365.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Backend-Editing-1200x548.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-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-63{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-63 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-62"><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-18" 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:#7a89ab;" 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:#7a89ab;" 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-8{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-8 > .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-8{width:100% !important;order : 0;}.fusion-builder-column-8 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-8{width:100% !important;order : 0;}.fusion-builder-column-8 > .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-9{ 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-10 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-9 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-64{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-64 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-63"><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-65{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-65 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-64"><p>For the <a href="https://avada.theme-fusion.com/freelancer/" target="_blank" rel="noopener noreferrer">Avada Freelancer</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 target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Global-Header.jpg">link</a>.</p>\n</div><div style="text-align:center;"><span class=" fusion-imageframe imageframe-none imageframe-24 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Header.jpg" class="fusion-lightbox" data-rel="iLightbox[f7db77cceef9d3236d9]" data-title="Avada Freelancer Header" title="Avada Freelancer Header"><img width="1915" height="112" alt="Avada Freelancer Header" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Header.jpg" class="img-responsive wp-image-872382" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Header-200x12.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Header-400x23.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Header-600x35.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Header-800x47.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Header-1200x70.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Header.jpg 1915w" 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-66{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-66 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-65"><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-19" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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-9{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-9 > .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-9{width:100% !important;order : 0;}.fusion-builder-column-9 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-9{width:100% !important;order : 0;}.fusion-builder-column-9 > .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-10{ 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-11 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-10 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-67{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-67 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-25 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Hero.jpg" class="fusion-lightbox" data-rel="iLightbox[a5e9124d7eb67c66511]" data-title="Avada Freelancer Hero" title="Avada Freelancer Hero"><img width="1916" height="754" alt="Avada Restaurant Hero" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Hero.jpg" class="img-responsive wp-image-872383" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Hero-200x79.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Hero-400x157.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Hero-600x236.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Hero-800x315.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Hero-1200x472.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Hero.jpg 1916w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px" /></a></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><div class="fusion-text fusion-text-66"><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 2/5 (40% 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> and 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. The Nested Columns in this example, contains one 1/5 (20% width) Column with a Separator Element, and one 4/5 (80% width) Column with two <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title Elements</a>, a <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Element</a>, a Separator Element, and a <a href="https://theme-fusion.com/documentation/avada/elements/button-element/" target="_blank" rel="noopener noreferrer">Button Element</a>.</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-68{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-68 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">About Me</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-26 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-About-Me.jpg" class="fusion-lightbox" data-rel="iLightbox[bb5654c9dd3b7717fcb]" data-title="Avada Freelancer About Me" title="Avada Freelancer About Me"><img width="1916" height="826" alt="Avada Restaurant Introduction" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-About-Me.jpg" class="img-responsive wp-image-872384" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-About-Me-200x86.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-About-Me-400x172.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-About-Me-600x259.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-About-Me-800x345.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-About-Me-1200x517.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-About-Me.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-67"><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>with a <a href="https://theme-fusion.com/documentation/avada/elements/separator-element/" target="_blank" rel="noopener noreferrer">Separator Element</a> and two 1/2 (50% width) Columns, of which one contains a Background Image and collectively containing three Separator Elements, two <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Elements</a>, two <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title Elements</a>, and 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-69{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-69 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;">Why Work With Me</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-27 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Why-Work-With-Me.jpg" class="fusion-lightbox" data-rel="iLightbox[4ed34f65752464160b3]" data-title="Avada Freelancer Why Work With Me" title="Avada Freelancer Why Work With Me"><img width="1914" height="982" alt="Avada Freelancer Why Work With Me" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Why-Work-With-Me.jpg" class="img-responsive wp-image-872386" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Why-Work-With-Me-200x103.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Why-Work-With-Me-400x205.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Why-Work-With-Me-600x308.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Why-Work-With-Me-800x410.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Why-Work-With-Me-1200x616.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Why-Work-With-Me.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-68"><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 three 1/3 (33.33% width) <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Columns</a> is used. This is structured using seven Separator Elements, three <a href="https://theme-fusion.com/documentation/avada/elements/icon-element/" target="_blank" rel="noopener noreferrer">Icon Elements</a>, three <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Elements</a>, and three <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:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-70{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-70 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 Work</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-28 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Recen-Work-Title.jpg" class="fusion-lightbox" data-rel="iLightbox[a8ccec23d0fc5079438]" data-title="Avada Freelancer Recent Work Title" title="Avada Freelancer Recent Work Title"><img width="1914" height="264" alt="Avada Freelancer Recent Work Title" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Recen-Work-Title.jpg" class="img-responsive wp-image-872388" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Recen-Work-Title-200x28.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Recen-Work-Title-400x55.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Recen-Work-Title-600x83.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Recen-Work-Title-800x110.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Recen-Work-Title-1200x166.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Recen-Work-Title.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-69"><p>This section uses a <a href="https://theme-fusion.com/documentation/avada/elements/container-element/" target="_blank" rel="noopener noreferrer">Container </a>with one 3/5 (60% width) <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Column</a>, using a Background Image, and one 2/5 (40% width) Column, using two <a href="https://theme-fusion.com/documentation/avada/elements/separator-element/" target="_blank" rel="noopener noreferrer">Separator Elements</a> and a <a href="https://theme-fusion.com/documentation/avada/elements/nested-columns-element/" target="_blank" rel="noopener noreferrer">Nested Columns Element</a>. Simply put, Nested Columns are columns within Columns. This Nested Columns Element is structured with one 1/5 (20% width) Column and one 2/5 (40% width) Column, holding two Separator Elements, two <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title Elements</a>, a <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Element</a>, and a <a href="https://theme-fusion.com/documentation/avada/elements/button-element/" target="_blank" rel="noopener noreferrer">Button Element</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-71{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-71 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;">Portfolio</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-29 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Portfolio.jpg" class="fusion-lightbox" data-rel="iLightbox[5f7af25f9b8cafafc09]" data-title="Avada Freelancer Portfolio" title="Avada Freelancer Portfolio"><img width="1914" height="2287" alt="Avada Restaurant Reviews" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Portfolio.jpg" class="img-responsive wp-image-872389" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Portfolio-200x239.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Portfolio-400x478.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Portfolio-600x717.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Portfolio-800x956.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Portfolio-1200x1434.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Portfolio.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-70"><p>For this example, this section uses one 1/1 (100% width) <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Column</a> with three <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/title-element/" target="_blank" rel="noopener noreferrer">Title Element</a>. This is followed by two 1/2 (50% width) Columns, of which one has a Background Image and a Separator Element, and the second Column with two Title elements, a <a href="https://theme-fusion.com/documentation/avada/elements/nested-columns-element/" target="_blank" rel="noopener noreferrer">Nested Columns Element</a>, two Separator Elements, a <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Element</a>, and a <a href="https://theme-fusion.com/documentation/avada/elements/button-element/" target="_blank" rel="noopener noreferrer">Button Element</a>, with another 1/1 (100% width) Column, using a Separator Element, to finish this section off.</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-72{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-72 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;">View All Work &#8211; Button</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-30 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Button.jpg" class="fusion-lightbox" data-rel="iLightbox[59e5733290d1efd82e4]" data-title="Avada Freelancer Button" title="Avada Freelancer Button"><img width="1916" height="138" alt="Avada Freelancer Button" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Button.jpg" class="img-responsive wp-image-872391" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Button-200x14.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Button-400x29.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Button-600x43.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Button-800x58.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Button-1200x86.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Button.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-71"><p>For this example, a <a href="https://theme-fusion.com/documentation/avada/elements/container-element/" target="_blank" rel="noopener noreferrer">Container </a>with two 1/2 (50% width) <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Columns</a>, each with a Background Image is used. This is structured using <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/nested-columns-element/" target="_blank" rel="noopener noreferrer">Nested Columns Elements</a>, <a href="https://theme-fusion.com/documentation/avada/elements/separator-element/" target="_blank" rel="noopener noreferrer">Separator Elements</a>, and <a href="https://theme-fusion.com/documentation/avada/elements/button-element/" target="_blank" rel="noopener noreferrer">Button Elements</a>. This section is finished off with a 1/1 (100% width) Column with a Separator Element.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-73{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-73 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-31 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Customers.jpg" class="fusion-lightbox" data-rel="iLightbox[378e5afb4322146b8e7]" data-title="Avada Freelancer Customers" title="Avada Freelancer Customers"><img width="1915" height="1016" alt="Avada Freelancer Customers" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Customers.jpg" class="img-responsive wp-image-872393" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Customers-200x106.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Customers-400x212.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Customers-600x318.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Customers-800x424.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Customers-1200x637.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Customers.jpg 1915w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px" /></a></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><div class="fusion-text fusion-text-72"><p><span style="background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);">For this example, this section uses a <a href="https://theme-fusion.com/documentation/avada/elements/container-element/" target="_blank" rel="noopener noreferrer">Container</a> with a Background Image and 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>.</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-74{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-74 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;">Expert Design Advice</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-32 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Expert-Design-Advice-Title.jpg" class="fusion-lightbox" data-rel="iLightbox[00d310d26067944b347]" data-title="Avada Freelancer Expert Design Advice Title" title="Avada Freelancer Expert Design Advice Title"><img width="1916" height="278" alt="Avada Restaurant News" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Expert-Design-Advice-Title.jpg" class="img-responsive wp-image-872395" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Expert-Design-Advice-Title-200x29.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Expert-Design-Advice-Title-400x58.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Expert-Design-Advice-Title-600x87.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Expert-Design-Advice-Title-800x116.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Expert-Design-Advice-Title-1200x174.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Expert-Design-Advice-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-73"><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> and one 1/1 (100% width) <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Column</a>, containing 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/blog-element/" target="_blank" rel="noopener noreferrer">Blog Element</a>.</span></p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-75{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-75 fusion-sep-none fusion-title-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;">Blog</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-33 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Blog.jpg" class="fusion-lightbox" data-rel="iLightbox[b86a48ecca288e7b951]" data-title="Avada Freelancer Blog" title="Avada Freelancer Blog"><img width="1914" height="632" alt="Avada Freelancer Blog" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Blog.jpg" class="img-responsive wp-image-872396" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Blog-200x66.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Blog-400x132.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Blog-600x198.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Blog-800x264.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Blog-1200x396.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Blog.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-74"><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, t</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);">his section uses a <a href="https://theme-fusion.com/documentation/avada/elements/container-element/" target="_blank" rel="noopener noreferrer">Container </a>with one 3/5 (60% width) <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Column</a>, using a Background Image, and one 2/5 (40% width) Column, using two <a href="https://theme-fusion.com/documentation/avada/elements/separator-element/" target="_blank" rel="noopener noreferrer">Separator Elements</a> and a <a href="https://theme-fusion.com/documentation/avada/elements/nested-columns-element/" target="_blank" rel="noopener noreferrer">Nested Columns Element</a>. Simply put, Nested Columns are columns within Columns. This Nested Columns Element is structured with one 1/5 (20% width) Column and one 2/5 (40% width) Column, holding two Separator Elements, two <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title Elements</a>, a <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Element</a>, and a <a href="https://theme-fusion.com/documentation/avada/elements/button-element/" target="_blank" rel="noopener noreferrer">Button Element</a>.</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-76{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-76 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Contact Form</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-34 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Lets-Work-Together.jpg" class="fusion-lightbox" data-rel="iLightbox[4e8c97fd453daab170f]" data-title="Avada Freelancer Let&#8217;s Work Together" title="Avada Freelancer Let&#8217;s Work Together"><img width="1916" height="958" alt="Avada Freelancer Let&#039;s Work Together" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Lets-Work-Together.jpg" class="img-responsive wp-image-872398" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Lets-Work-Together-200x100.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Lets-Work-Together-400x200.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Lets-Work-Together-600x300.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Lets-Work-Together-800x400.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Lets-Work-Together-1200x600.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Lets-Work-Together.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-75"><p>This section uses a <a href="https://theme-fusion.com/documentation/avada/elements/container-element/" target="_blank" rel="noopener noreferrer">Container </a>with three 1/3 (33.33% width) <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Columns</a>, collectively containing <a href="https://theme-fusion.com/documentation/avada/elements/nested-columns-element/" target="_blank" rel="noopener noreferrer">Nested Columns Elements</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/separator-element/" target="_blank" rel="noopener noreferrer">Separator Elements</a>, and <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Elements</a>, followed by one 1/1 (100% width) Column with a Separator Element.</p>\n</div></div><style type="text/css">.fusion-body .fusion-builder-column-10{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-10 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-10{width:100% !important;order : 0;}.fusion-builder-column-10 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-10{width:100% !important;order : 0;}.fusion-builder-column-10 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-11{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-12 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-11 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-77{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-77 fusion-sep-none fusion-title-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-76"><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-20" 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:#7a89ab;" 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:#7a89ab;" 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:#7a89ab;" 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-77"><p>For the <a href="https://avada.theme-fusion.com/freelancer/" target="_blank" rel="noopener noreferrer">Avada Freelancer</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-78{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-78 fusion-sep-none fusion-title-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-35 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Footer.jpg" class="fusion-lightbox" data-rel="iLightbox[fac432650b8d2f6259b]" data-title="Avada Freelancer Footer" title="Avada Freelancer Footer"><img width="1914" height="380" alt="Avada Freelancer Footer" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Footer.jpg" class="img-responsive wp-image-872401" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Footer-200x40.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Footer-400x79.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Footer-600x119.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Footer-800x159.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Footer-1200x238.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-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-78"><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 one 1/1 (100% width) <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Column</a>, with an <a href="https://theme-fusion.com/documentation/avada/elements/image-element/" target="_blank" rel="noopener noreferrer">Image Element</a>, a <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Element</a>, and a Social Links Element, 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 target="_blank" rel="noopener noreferrer" href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Freelancer-Global-Footer.jpg">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-79{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-79 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom: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-79"><p>There are <span class="fusion-cs-live-demos">86</span> <a href="https://bit.ly/389rOLS" 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/389rOLS" 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-6{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-6 .fusion-button-text,.fusion-button.button-6 i,.fusion-button.button-6:hover .fusion-button-text,.fusion-button.button-6:hover i,.fusion-button.button-6:focus .fusion-button-text,.fusion-button.button-6:focus i,.fusion-button.button-6:active .fusion-button-text,.fusion-button.button-6:active i{color:#ffffff;}.fusion-button.button-6:hover,.fusion-button.button-6:active,.fusion-button.button-6:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-6 fusion-button-span-yes fusion-button-default-type" target="_blank" href="https://bit.ly/389rOLS"><span class="fusion-button-text">Buy Avada Freelancer For Only $60</span><i class="fa-shopping-cart fas button-icon-right" aria-hidden="true"></i></a></div></div><style type="text/css">.fusion-body .fusion-builder-column-11{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-11 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-11{width:100% !important;order : 0;}.fusion-builder-column-11 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-11{width:100% !important;order : 0;}.fusion-builder-column-11 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-12{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div></p>\n<p>The post <a rel="nofollow" href="https://theme-fusion.com/avada-freelancer-deconstructing-a-prebuilt-website/">Avada Freelancer: 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-freelancer-deconstructing-a-prebuilt-website/feed/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:38:"http://purl.org/rss/1.0/modules/slash/";a:1:{s:8:"comments";a:1:{i:0;a:5:{s:4:"data";s:1:"1";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:2;a:6:{s:4:"data";s:85:"\n		\n		\n					\n		\n		\n		\n				\n		\n		\n		\n		\n		\n\n					\n										\n					\n					\n			\n		\n		\n			";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:5:{s:0:"";a:7:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:63:"Avada Information Technology: 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:88:"https://theme-fusion.com/avada-information-technology-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:97:"https://theme-fusion.com/avada-information-technology-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, 08 Feb 2022 18:56:28 +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=871668";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:664:"<p>Say hello to Avada Information Technology. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Information Technology can be imported at the click of a button and is highly flexible. Every aspect of the prebuilt website is easily customizable, and it can be adapted and branded to suit any [...]</p>\n<p>The post <a rel="nofollow" href="https://theme-fusion.com/avada-information-technology-deconstructing-a-prebuilt-website/">Avada Information Technology: 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:133714:"<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-13 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-12 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><div class="fusion-text fusion-text-80"><p>Say hello to <a href="https://avada.theme-fusion.com/information-technology/" target="_blank" rel="noopener noreferrer">Avada Information Technology</a>. This <a href="https://bit.ly/2WpeGjl" target="_blank" rel="noopener noreferrer">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Information Technology 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/information-technology/" target="_blank" rel="noopener noreferrer">Avada Information Technology</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-finance-deconstructing-a-prebuilt-website/" target="_blank" rel="noopener noreferrer">Avada Finance</a> prebuilt website. It is important to highlight that <a href="https://bit.ly/2WpeGjl" target="_blank" rel="noopener noreferrer">Avada</a> gives you total design freedom to create unique layouts for your website that work, with the only limit being your imagination.</p>\n</div><div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start" style="width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-8 fusion_builder_column_inner_1_2 1_2 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><div style="text-align:center;"><style>.fusion-button.button-7{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-7 .fusion-button-text,.fusion-button.button-7 i,.fusion-button.button-7:hover .fusion-button-text,.fusion-button.button-7:hover i,.fusion-button.button-7:focus .fusion-button-text,.fusion-button.button-7:focus i,.fusion-button.button-7:active .fusion-button-text,.fusion-button.button-7:active i{color:#ffffff;}.fusion-button.button-7:hover,.fusion-button.button-7:active,.fusion-button.button-7:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-7 fusion-button-span-yes fusion-button-default-type" target="_blank" rel="noopener noreferrer" href="https://avada.theme-fusion.com/information-technology/"><span class="fusion-button-text">View Live</span><i class="fa-eye fas button-icon-right" aria-hidden="true"></i></a></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-8{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-8 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-8{width:100% !important;order : 0;}.fusion-builder-nested-column-8 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-8{width:100% !important;order : 0;}.fusion-builder-nested-column-8 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-9 fusion_builder_column_inner_1_2 1_2 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><div style="text-align:center;"><style>.fusion-button.button-8{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-8 .fusion-button-text,.fusion-button.button-8 i,.fusion-button.button-8:hover .fusion-button-text,.fusion-button.button-8:hover i,.fusion-button.button-8:focus .fusion-button-text,.fusion-button.button-8:focus i,.fusion-button.button-8:active .fusion-button-text,.fusion-button.button-8:active i{color:#ffffff;}.fusion-button.button-8:hover,.fusion-button.button-8:active,.fusion-button.button-8:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-8 fusion-button-span-yes fusion-button-default-type" target="_blank" href="https://bit.ly/2WpeGjl"><span class="fusion-button-text">Purchase For $60</span><i class="fa-shopping-cart fas button-icon-right" aria-hidden="true"></i></a></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-9{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-9 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-9{width:100% !important;order : 0;}.fusion-builder-nested-column-9 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-9{width:100% !important;order : 0;}.fusion-builder-nested-column-9 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-80{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-80 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;"><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-21" 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-81{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-81 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="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-81"><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-82{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-82 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-82"><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-83{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-83 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;">The Avada Performance Wizard</h3></div><div class="fusion-text fusion-text-83"><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/2WpeGjl" 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-36 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-84"><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-22" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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-84{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-84 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;">Above The Fold Optimization</h3></div><div class="fusion-text fusion-text-85"><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-37 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-86"><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/2WpeGjl" 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-85{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-85 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;">Generate Critical CSS</h3></div><div class="fusion-text fusion-text-87"><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-38 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-88"><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-86{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-86 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-89"><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/2WpeGjl" 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-23" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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-87{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-87 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:20px;" id="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:#6239bd;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#6239bd">#6239bd</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:#74c5da;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#74c5da">#74c5da</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:#9aa2ac;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#9aa2ac">#9aa2ac</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:#6239bd;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#6239bd">#6239bd</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:#74c5da;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#74c5da">#74c5da</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:#9aa2ac;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#9aa2ac">#9aa2ac</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:#6239bd;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#6239bd">#6239bd</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:#74c5da;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#74c5da">#74c5da</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:#9aa2ac;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#9aa2ac">#9aa2ac</div></div></div></div><div class="fusion-text fusion-text-90"><p>The color palette selected for the <a href="https://avada.theme-fusion.com/information-technology/" target="_blank" rel="noopener noreferrer">Avada Information Technology</a> prebuilt website is a Monochromatic grouping, as seen above. If you would like to change the Avada Information Technology 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-88{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-88 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size: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-91"><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/2WpeGjl" 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/information-technology/" target="_blank" rel="noopener noreferrer">Avada Information Technology</a> prebuilt website:</p>\n</div><div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start" style="width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-10 fusion_builder_column_inner_1_2 1_2 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-89{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-89 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-90{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-90 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:5px;"><div class="title-heading-left title-heading-tag fusion-responsive-typography-calculated" style="margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;">H1, H2, Font Family: <span style="font-family: Teko; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Teko" data-fusion-google-variant="400">Teko</span></div></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-91{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-91 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:5px;"><div class="title-heading-left title-heading-tag fusion-responsive-typography-calculated" style="margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;">H3,H4 Font Family: <span style="font-family: Teko; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Teko" data-fusion-google-variant="400">Teko</span></div></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-92{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-92 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: Teko; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Teko" data-fusion-google-variant="400">Teko</span><br />\n</span></div></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-10{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-10 > .fusion-column-wrapper {padding-top : 20px !important;padding-right : 20px !important;margin-right : 3.84%;padding-bottom : 20px !important;padding-left : 20px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-10{width:100% !important;order : 0;}.fusion-builder-nested-column-10 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-10{width:100% !important;order : 0;}.fusion-builder-nested-column-10 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-11 fusion_builder_column_inner_1_2 1_2 fusion-flex-column fusion-flex-align-self-stretch"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-93{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-93 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-94{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-94 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom: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-11{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-11 > .fusion-column-wrapper {padding-top : 20px !important;padding-right : 20px !important;margin-right : 3.84%;padding-bottom : 20px !important;padding-left : 20px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-11{width:100% !important;order : 0;}.fusion-builder-nested-column-11 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-11{width:100% !important;order : 0;}.fusion-builder-nested-column-11 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class="fusion-text fusion-text-92"><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-95{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-95 fusion-sep-none fusion-title-text fusion-title-size-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-93"><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-24" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;">The <a href="https://bit.ly/2WpeGjl" 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-96{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-96 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:20px;" id="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-94"><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/information-technology/" target="_blank" rel="noopener noreferrer">Avada Information Technology</a> prebuilt website as an example: <span style="background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);">This prebuilt website was built without using any of the Avada bundled plugins.</span></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 of the prebuilt websites 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-97{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-97 fusion-sep-none fusion-title-text fusion-title-size-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-95"><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-25" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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-98{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-98 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="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-96"><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/2WpeGjl" 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-26" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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/2WpeGjl" 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:#6239bd;" 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-99{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-99 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="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-97"><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-39 hover-type-none"><a class="fusion-no-lightbox" href="https://avada.theme-fusion.com/prebuilt-websites/" target="_blank" aria-label="Avada Prebuilt Website Import" rel="noopener noreferrer"><img width="1100" height="420" alt="Avada Prebuilt Website Import" src="https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed.png" class="img-responsive wp-image-867914" srcset="https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-200x76.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-400x153.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-600x229.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-800x305.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed.png 1100w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px" /></a></span></div></div><style type="text/css">.fusion-body .fusion-builder-column-12{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.fusion-builder-column-12 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-12{width:100% !important;order : 0;}.fusion-builder-column-12 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-12{width:100% !important;order : 0;}.fusion-builder-column-12 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-13{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-14 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-13 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-100{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-100 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="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-98"><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/information-technology/" target="_blank" rel="noopener noreferrer">Avada Information Technology</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-27" 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/information-technology/" target="_blank" rel="noopener noreferrer">Home &#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/information-technology/about/" 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/information-technology/solutions/" target="_blank" rel="noopener noreferrer">Solutions &#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/information-technology/insight/" target="_blank" rel="noopener noreferrer">Insight &#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/information-technology/get-started/" target="_blank" rel="noopener noreferrer">Get Started &#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-13{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.fusion-builder-column-13 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-13{width:100% !important;order : 0;}.fusion-builder-column-13 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-13{width:100% !important;order : 0;}.fusion-builder-column-13 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-14{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-15 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-14 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-101{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-101 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="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-99"><p>Before we look at the specific Layouts on the Avada Information Technology 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-40 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-102{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-102 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="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-100"><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-103{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-103 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="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-101"><p>The <a href="https://avada.theme-fusion.com/information-technology/" target="_blank" rel="noopener noreferrer">Avada Information Technology</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-41 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Live-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[1eabca107fac8231d15]" data-title="Avada Information Technology Live Editing" title="Avada Information Technology Live Editing"><img width="1920" height="935" alt="Live Editor" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Live-Editing.jpg" class="img-responsive wp-image-872342" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Live-Editing-200x97.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Live-Editing-400x195.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Live-Editing-600x292.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Live-Editing-800x390.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Live-Editing-1200x584.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-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-102"><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-42 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Backend-Editing.jpg" class="fusion-lightbox" data-rel="iLightbox[25552ca7f58f066432e]" data-title="Avada Information Technology Backend Editing" title="Avada Information Technology Backend Editing"><img width="1903" height="854" alt="Back-end Editing" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Backend-Editing.jpg" class="img-responsive wp-image-872343" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Backend-Editing-200x90.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Backend-Editing-400x180.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Backend-Editing-600x269.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Backend-Editing-800x359.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Backend-Editing-1200x539.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-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-104{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-104 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="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-103"><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-28" 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:#6239bd;" 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:#6239bd;" 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-14{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-14 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-14{width:100% !important;order : 0;}.fusion-builder-column-14 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-14{width:100% !important;order : 0;}.fusion-builder-column-14 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-15{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-16 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-15 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-105{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-105 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-104"><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-106{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-106 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">The Header</h3></div><div class="fusion-text fusion-text-105"><p>For the <a href="https://avada.theme-fusion.com/information-technology/" target="_blank" rel="noopener noreferrer">Avada Information Technology</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-Information-Technology-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-43 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Header.jpg" class="fusion-lightbox" data-rel="iLightbox[93a2556a8e74659bd25]" data-title="Avada Information Technology Header" title="Avada Information Technology Header"><img width="1912" height="102" alt="Avada Information Technology Header" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Header.jpg" class="img-responsive wp-image-872344" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Header-200x11.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Header-400x21.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Header-600x32.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Header-800x43.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Header-1200x64.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Header.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:50px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-107{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-107 fusion-sep-none fusion-title-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-106"><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-29" 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:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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-15{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-15 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-15{width:100% !important;order : 0;}.fusion-builder-column-15 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-15{width:100% !important;order : 0;}.fusion-builder-column-15 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-16{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-17 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-16 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-108{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-108 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">The Hero</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-44 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Hero.jpg" class="fusion-lightbox" data-rel="iLightbox[8c9bbd339b4be51b978]" data-title="Avada Information Technology Hero" title="Avada Information Technology Hero"><img width="1914" height="820" alt="Avada Information Technology Hero" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Hero.jpg" class="img-responsive wp-image-872345" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Hero-200x86.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Hero-400x171.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Hero-600x257.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Hero-800x343.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Hero-1200x514.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-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-107"><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/2 (50% width) Columns, with the left column holding a <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title Element</a> and a <a href="https://theme-fusion.com/documentation/avada/elements/button-element/" target="_blank" rel="noopener noreferrer">Button Element</a>, and the right column holding 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-109{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-109 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Clients</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-45 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Clients.jpg" class="fusion-lightbox" data-rel="iLightbox[00bc75a5f5ea6a7d7d0]" data-title="Avada Information Technology Clients" title="Avada Information Technology Clients"><img width="1912" height="210" alt="Avada Information Technology Clients" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Clients.jpg" class="img-responsive wp-image-872347" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Clients-200x22.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Clients-400x44.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Clients-600x66.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Clients-800x88.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Clients-1200x132.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Clients.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-108"><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>which is structured using an <a href="https://theme-fusion.com/documentation/avada/elements/image-carousel-element/" target="_blank" rel="noopener noreferrer">Image Carousel 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-110{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-110 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">What We Do</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-46 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-What-We-Do.jpg" class="fusion-lightbox" data-rel="iLightbox[8c6bbdd662751068f08]" data-title="Avada Information Technology What We Do" title="Avada Information Technology What We Do"><img width="1914" height="898" alt="Avada Information Technology What We Do" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-What-We-Do.jpg" class="img-responsive wp-image-872348" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-What-We-Do-200x94.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-What-We-Do-400x188.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-What-We-Do-600x282.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-What-We-Do-800x375.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-What-We-Do-1200x563.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-What-We-Do.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-109"><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 a Background Image and two 1/2 (50% width) <a href="https://theme-fusion.com/documentation/avada/elements/column-element/" target="_blank" rel="noopener noreferrer">Columns</a> is used. This is structured using 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/checklist-element/" target="_blank" rel="noopener noreferrer">Checklist Element</a> and <a href="https://theme-fusion.com/documentation/avada/elements/content-boxes-element/" target="_blank" rel="noopener noreferrer">Content Boxes Elemen</a>t.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-111{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-111 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Scalable Technology</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-47 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Scalable-Technology.jpg" class="fusion-lightbox" data-rel="iLightbox[0d65e4a25b1fcd9818d]" data-title="Avada Information Technology Scalable Technology" title="Avada Information Technology Scalable Technology"><img width="1910" height="980" alt="Avada Information Technology Scalable Technology" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Scalable-Technology.jpg" class="img-responsive wp-image-872350" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Scalable-Technology-200x103.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Scalable-Technology-400x205.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Scalable-Technology-600x308.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Scalable-Technology-800x410.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Scalable-Technology-1200x616.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Scalable-Technology.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-110"><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, holding two 1/2 (50% width) Columns. These Columns are structured using 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 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/content-boxes-element/" target="_blank" rel="noopener noreferrer">Content Boxes 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:10px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-112{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-112 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Latest Insight</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-48 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Recent-Post.jpg" class="fusion-lightbox" data-rel="iLightbox[e93d1853ab53a905198]" data-title="Avada Information Technology Recent Post" title="Avada Information Technology Recent Post"><img width="1916" height="738" alt="Avada Information Technology Recent Post" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Recent-Post.jpg" class="img-responsive wp-image-872352" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Recent-Post-200x77.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Recent-Post-400x154.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Recent-Post-600x231.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Recent-Post-800x308.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Recent-Post-1200x462.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Recent-Post.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-111"><p>For this example, this section uses a Container with a Background Image. Here you will find one 1/3 (33.33% width) Column, holding a <a href="https://theme-fusion.com/documentation/avada/elements/title-element/" target="_blank" rel="noopener noreferrer">Title Element</a> and a <a href="https://theme-fusion.com/documentation/avada/elements/separator-element/" target="_blank" rel="noopener noreferrer">Separator Element</a>, followed by one 2/3 (66.67% 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-113{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-113 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Testimonials</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-49 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Testimonials.jpg" class="fusion-lightbox" data-rel="iLightbox[47a25d465b6fc221d2c]" data-title="Avada Information Technology Testimonials" title="Avada Information Technology Testimonials"><img width="1912" height="594" alt="Avada Information Technology Testimonials" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Testimonials.jpg" class="img-responsive wp-image-872353" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Testimonials-200x62.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Testimonials-400x124.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Testimonials-600x186.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Testimonials-800x249.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Testimonials-1200x373.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-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-112"><p>For this example, a <a href="https://theme-fusion.com/documentation/avada/elements/container-element/" target="_blank" rel="noopener noreferrer">Container </a>with three 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>, a <a href="https://theme-fusion.com/documentation/avada/elements/separator-element/" target="_blank" rel="noopener noreferrer">Separator Element</a>, and a <a href="https://theme-fusion.com/documentation/avada/elements/text-block-element/" target="_blank" rel="noopener noreferrer">Text Block Element</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-114{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-114 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Visual CTA</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-50 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Visual-CTA.jpg" class="fusion-lightbox" data-rel="iLightbox[13dfc0068d9a29d7530]" data-title="Avada Information Technology Visual CTA" title="Avada Information Technology Visual CTA"><img width="1916" height="420" alt="Avada Restaurant Image Banner" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Visual-CTA.jpg" class="img-responsive wp-image-872355" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Visual-CTA-200x44.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Visual-CTA-400x88.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Visual-CTA-600x132.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Visual-CTA-800x175.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Visual-CTA-1200x263.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Visual-CTA.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-113"><p><span style="background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);">For this example, this section uses a <a href="https://theme-fusion.com/documentation/avada/elements/container-element/" target="_blank" rel="noopener noreferrer">Container</a> with a Background Image with one 2/3 (66.67% width) Column 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/button-element/" target="_blank" rel="noopener noreferrer">Button Element</a>. </span></p>\n</div></div><style type="text/css">.fusion-body .fusion-builder-column-16{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-16 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-16{width:100% !important;order : 0;}.fusion-builder-column-16 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-16{width:100% !important;order : 0;}.fusion-builder-column-16 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-17{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-18 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-17 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-115{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-115 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:10px;" id="footer"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">The Footer</h2></div><div class="fusion-text fusion-text-114"><p>A website footer aims to help visitors by providing appropriate information and navigation options at the bottom of website pages. Website footer design is underrated and more valuable to your website than you may think and is essential to the overall end-user experience. Three key points stand out, namely:</p>\n</div><ul class="fusion-checklist fusion-checklist-30" style="font-size:16px;line-height:27.2px;"><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-thumbs-up fas" style="color:#6239bd;" 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:#6239bd;" 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:#6239bd;" 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-115"><p>For the <a href="https://avada.theme-fusion.com/information-technology/" target="_blank" rel="noopener noreferrer">Avada Information Technology</a> prebuilt website, the Footer was created using the Avada <a href="https://avada.theme-fusion.com/website-builder-features/avada-footer-builder/" target="_blank" rel="noopener noreferrer">Footer Builder</a> and this particular Footer content and Layout is set to display globally across the website. This means that every page and post will use the same Footer layout without any further conditions set. For example, you can change this if required by creating a unique Footer layout for different pages or posts. Let us take a closer look below:</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-116{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-116 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-four" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h4 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.4;">Footer Content</h4></div><div ><span class=" fusion-imageframe imageframe-none imageframe-51 hover-type-none" style="border:1px solid #e0dede;"><a href="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Footer.jpg" class="fusion-lightbox" data-rel="iLightbox[01ade7726607f59b0eb]" data-title="Avada Information Technology Footer" title="Avada Information Technology Footer"><img width="1918" height="272" alt="Avada Information Technology Footer" src="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Footer.jpg" class="img-responsive wp-image-872358" srcset="https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Footer-200x28.jpg 200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Footer-400x57.jpg 400w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Footer-600x85.jpg 600w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Footer-800x113.jpg 800w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Footer-1200x170.jpg 1200w, https://theme-fusion.com/wp-content/uploads/2018/05/Avada-Information-Technology-Footer.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-116"><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 two Columns holding an <a href="https://theme-fusion.com/documentation/avada/elements/image-element/" target="_blank" rel="noopener noreferrer">Image Element</a> and a <a href="https://theme-fusion.com/documentation/avada/elements/menu-element/" target="_blank" rel="noopener noreferrer">Menu 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-Information-Technology-Global-Footer.jpg" target="_blank" rel="noopener noreferrer">link</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-117{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-117 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:10px;" id="summary"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">In Summary</h2></div><div class="fusion-text fusion-text-117"><p>There are <span class="fusion-cs-live-demos">86</span> <a href="https://bit.ly/2WpeGjl" 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/2WpeGjl" target="_blank" rel="noopener noreferrer">next</a> website.</p>\n<p>You can change the styling, Layouts, content as much or as little as you need to quickly adapt any individual prebuilt site to suit your chosen niche. Get started with the Avada Website Builder today and launch your business online; Fast.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><div style="text-align:center;"><style>.fusion-button.button-9{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-9 .fusion-button-text,.fusion-button.button-9 i,.fusion-button.button-9:hover .fusion-button-text,.fusion-button.button-9:hover i,.fusion-button.button-9:focus .fusion-button-text,.fusion-button.button-9:focus i,.fusion-button.button-9:active .fusion-button-text,.fusion-button.button-9:active i{color:#ffffff;}.fusion-button.button-9:hover,.fusion-button.button-9:active,.fusion-button.button-9:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-9 fusion-button-span-yes fusion-button-default-type" target="_blank" href="https://bit.ly/2WpeGjl"><span class="fusion-button-text">Buy Avada Information Technology For Only $60</span><i class="fa-shopping-cart fas button-icon-right" aria-hidden="true"></i></a></div></div><style type="text/css">.fusion-body .fusion-builder-column-17{width:100% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-column-17 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-17{width:100% !important;order : 0;}.fusion-builder-column-17 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-17{width:100% !important;order : 0;}.fusion-builder-column-17 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-18{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div></p>\n<p>The post <a rel="nofollow" href="https://theme-fusion.com/avada-information-technology-deconstructing-a-prebuilt-website/">Avada Information Technology: 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:93:"https://theme-fusion.com/avada-information-technology-deconstructing-a-prebuilt-website/feed/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:38:"http://purl.org/rss/1.0/modules/slash/";a:1:{s:8:"comments";a:1:{i:0;a:5:{s:4:"data";s:1:"1";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:3;a:6:{s:4:"data";s:85:"\n		\n		\n					\n		\n		\n		\n				\n		\n		\n		\n		\n		\n\n					\n										\n					\n					\n			\n		\n		\n			";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:5:{s:0:"";a:7:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:48:"Avada Finance: 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-finance-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-finance-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, 01 Feb 2022 14:08:39 +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=871661";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:619:"<p>Say hello to Avada Finance. This Avada prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Finance 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-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: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:137146:"<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-19 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-18 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><div class="fusion-text fusion-text-118"><p>Say hello to <a href="https://avada.theme-fusion.com/finance/" target="_blank" rel="noopener noreferrer">Avada Finance</a>. This <a href="https://bit.ly/38eeIwM" target="_blank" rel="noopener noreferrer">Avada</a> prebuilt website is ideal for beginners, marketers, professionals and anyone in between. Avada Finance 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/finance/" target="_blank" rel="noopener noreferrer">Avada Finance</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-university-deconstructing-a-prebuilt-website/" target="_blank" rel="noopener noreferrer">Avada University</a> prebuilt website. It is important to highlight that <a href="https://bit.ly/38eeIwM" target="_blank" rel="noopener noreferrer">Avada</a> gives you total design freedom to create unique layouts for your website that work, with the only limit being your imagination.</p>\n</div><div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start" style="width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-12 fusion_builder_column_inner_1_2 1_2 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><div style="text-align:center;"><style>.fusion-button.button-10{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-10 .fusion-button-text,.fusion-button.button-10 i,.fusion-button.button-10:hover .fusion-button-text,.fusion-button.button-10:hover i,.fusion-button.button-10:focus .fusion-button-text,.fusion-button.button-10:focus i,.fusion-button.button-10:active .fusion-button-text,.fusion-button.button-10:active i{color:#ffffff;}.fusion-button.button-10:hover,.fusion-button.button-10:active,.fusion-button.button-10:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-10 fusion-button-span-yes fusion-button-default-type" target="_blank" rel="noopener noreferrer" href="https://avada.theme-fusion.com/finance/"><span class="fusion-button-text">View Live</span><i class="fa-eye fas button-icon-right" aria-hidden="true"></i></a></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-12{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-12 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-12{width:100% !important;order : 0;}.fusion-builder-nested-column-12 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-12{width:100% !important;order : 0;}.fusion-builder-nested-column-12 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-13 fusion_builder_column_inner_1_2 1_2 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><div style="text-align:center;"><style>.fusion-button.button-11{border-color:#ffffff;border-radius:2px 2px 2px 2px;background:#f86635;}.fusion-button.button-11 .fusion-button-text,.fusion-button.button-11 i,.fusion-button.button-11:hover .fusion-button-text,.fusion-button.button-11:hover i,.fusion-button.button-11:focus .fusion-button-text,.fusion-button.button-11:focus i,.fusion-button.button-11:active .fusion-button-text,.fusion-button.button-11:active i{color:#ffffff;}.fusion-button.button-11:hover,.fusion-button.button-11:active,.fusion-button.button-11:focus{border-color:#ffffff;background:#c84c22;}</style><a class="fusion-button button-flat button-xlarge button-custom button-11 fusion-button-span-yes fusion-button-default-type" target="_blank" href="https://bit.ly/38eeIwM"><span class="fusion-button-text">Purchase For $60</span><i class="fa-shopping-cart fas button-icon-right" aria-hidden="true"></i></a></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-13{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-13 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-13{width:100% !important;order : 0;}.fusion-builder-nested-column-13 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-13{width:100% !important;order : 0;}.fusion-builder-nested-column-13 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-118{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-118 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Overview</h2></div><ul class="fusion-checklist fusion-checklist-31" style="font-size:16px;line-height:27.2px;"><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#features">Styling and Features</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#performance">Performance &amp; Optimization</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#palette">Color Palette</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#typography">Typography</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#getstarted">To Get Started You Will Need The Following</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#plugins">Recommended Plugins</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#support">World-Class Support And Resources</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#prebuiltwebsite">What is a Prebuilt Website?</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#install">Fast One-Click Install</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#structure">Website Structure</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#layouts">Explaining Layouts &amp; Layout Sections</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#wordpresspages">Explaining WordPress Pages vs. Posts</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#change">What Can I Change? Is the Design Flexible?</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#comparison">A Side By Side Comparison</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#homepage">Exploring The Homepage Layout</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#footer">The Footer</a></div></li><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-caret-right fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;"><a class="fusion-one-page-text-link" href="#summary">In Summary</a></div></li></ul><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-119{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-119 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="features"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Styling and Features</h2></div><div class="fusion-text fusion-text-119"><p>Creating a <a href="https://theme-fusion.com/how-to-create-a-style-guide-for-your-wordpress-website/" target="_blank" rel="noopener noreferrer">style guide</a> for your website will prove to be invaluable in the future. A style guide will help you to address <a href="https://theme-fusion.com/documentation/avada/avada-for-developers/wcag-2-1-aa-accessibility-and-avada/" target="_blank" rel="noopener noreferrer">usability</a>, the user experience, design consistency, and online trends in an organized and consistent manner.</p>\n<p>The <a href="https://avada.theme-fusion.com/avada-website-builder/" target="_blank" rel="noopener noreferrer">Avada Website Builder </a>has a vast array of features and styling options; however, you do not need to use all of them for your website, and this is where your style guide comes in. Decide upfront which styling options align with your brand and which design features are needed to make your website stand out.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-120{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-120 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="performance"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Performance &amp; Optimization</h2></div><div class="fusion-text fusion-text-120"><p><a href="https://theme-fusion.com/documentation/avada/performance/avada-optimization-guide/" target="_blank" rel="noopener noreferrer">Optimizing</a> your websites for page load speed can be a seemingly complex subject because so many different facets affect how fast a page loads. It can range from the server&#8217;s speed to the options and settings selected, right through to the type and amount of content and even the size of the images added to the page or post.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-121{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-121 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;">The Avada Performance Wizard</h3></div><div class="fusion-text fusion-text-121"><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/3kOMxfw" 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-52 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-122"><p>What is important to note is that you should build your website first before running the Performance Wizard. Creating your website&#8217;s structure, placing design elements in situ, and formulating content ensures that the system has something to work with when searching for recommendations at each step of the process. The recommendations provided are for options that can be disabled or enabled to enhance overall performance.</p>\n</div><ul class="fusion-checklist fusion-checklist-32" style="font-size:16px;line-height:27.2px;"><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon tficon-avada-mark" style="color:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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-122{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-122 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;">Above The Fold Optimization</h3></div><div class="fusion-text fusion-text-123"><p>&#8220;Above the fold&#8221; is the part of a webpage that is immediately visible on your desktop or mobile screen without scrolling 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-53 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-124"><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/38eeIwM" 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-123{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-123 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;">Generate Critical CSS</h3></div><div class="fusion-text fusion-text-125"><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-54 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-126"><p>Critical CSS is the CSS necessary to style the above-the-fold content. When generated for a page, it will be loaded into the page head, and the rest of the CSS styles moved to the footer, resulting in less render-blocking and a faster page load time.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:20px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-124{margin-top:0px!important; margin-right:!important;margin-bottom:10px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-124 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three" style="font-size:24px;margin-top:0px;margin-bottom:10px;"><h3 class="title-heading-center fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:24;--minFontSize:24px;line-height:1.32;">Resources</h3></div><div class="fusion-text fusion-text-127"><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/38eeIwM" target="_blank" rel="noopener noreferrer">Avada</a> as the primary WordPress theme can be configured to optimize the layouts and structure that can lead to vastly improved page load scores. Still, ultimately, user content will principally dictate how fast and efficient your website will perform according to <a href="https://theme-fusion.com/documentation/avada/performance/what-are-google-core-web-vitals-and-why-they-matter/" target="_blank" rel="noopener noreferrer">Google Core Web Vitals</a>.</p>\n</div><ul class="fusion-checklist fusion-checklist-33" style="font-size:16px;line-height:27.2px;"><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon tficon-file-text" style="color:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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-125{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-125 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:20px;" id="palette"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">Color Palette</h3></div><div class="fusion-fss-swatches fusion-no-small-visibility fusion-no-medium-visibility fss-default-shadow" style="margin-bottom:20px;"><div class="fusion-fss-swatches-wrapper" style="flex-direction:row;justify-content:space-between;margin:-7.5px;"><div class="fusion-fss-swatch-wrapper" style="margin:7.5px;padding-top:50px;padding-right:60px;padding-bottom:50px;padding-left:60px;background-color:#f2f2f2;border-radius:7px;"><div class="fusion-fss-swatch" style="width:100px; height:100px;background-color:#213d65;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#213d65">#213d65</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:#1cd6c3;border:10px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#1cd6c3">#1cd6c3</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></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:#213d65;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#213d65">#213d65</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:#1cd6c3;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#1cd6c3">#1cd6c3</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></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:#213d65;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#213d65">#213d65</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:#1cd6c3;border:5px solid #ffffff;border-radius:50px;"></div><div class="fusion-fss-swatch-text" style="font-size:16px;color:#5e5e5e;" data-color="#1cd6c3">#1cd6c3</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></div><div class="fusion-text fusion-text-128"><p>The color palette selected for the <a href="https://avada.theme-fusion.com/finance/" target="_blank" rel="noopener noreferrer">Avada Finance</a> prebuilt website is a Monochromatic grouping, as seen above. If you would like to change the Avada Finance color palette, this can be done within the options panel, as explained in this <a href="https://theme-fusion.com/documentation/avada/how-to/how-to-use-the-color-palette-feature/" target="_blank" rel="noopener noreferrer">help file and video</a>.</p>\n<p>Color increases brand recognition, and it can influence people in how they feel about a website. Colors produce different emotions in people, making it essential to choose the right colors for your website. The balance of white space, contrast, and well thought out color schemes are vital elements of good web design. If you have not already decided on your brand colors, choosing a color palette for your website can be confusing. However, using a handy tool like the <a href="https://color.adobe.com/create/color-wheel" target="_blank" rel="noopener noreferrer">Adobe Color Wheel</a> or any of the myriad of app choices online, you can undoubtedly make this task effortless.</p>\n<p>We suggest checking out <a href="https://www.hubspot.com/" target="_blank" rel="noopener noreferrer">HubSpot&#8217;s</a> article on <a href="https://blog.hubspot.com/marketing/color-palette-famous-websites" target="_blank" rel="noopener noreferrer">color theory</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-126{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-126 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:20px;" id="typography"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">Typography</h3></div><div class="fusion-text fusion-text-129"><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/finance/" target="_blank" rel="noopener noreferrer">Avada Finance</a> prebuilt website:</p>\n</div><div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start" style="width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-14 fusion_builder_column_inner_1_2 1_2 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-127{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-127 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:20px;margin-top:0px;margin-bottom:20px;"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;color:#5e5e5e;--fontSize:20;--minFontSize:20px;line-height:1.32;">Headings</h3></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-128{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-128 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:5px;"><div class="title-heading-left title-heading-tag fusion-responsive-typography-calculated" style="margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;">H1, H2, Font Family: <span style="font-family: ''Frank Ruhl Libre''; font-weight: 300;" data-fusion-font="true" data-fusion-google-font="Frank Ruhl Libre" data-fusion-google-variant="300">Frank Ruhl Libre</span></div></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-129{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-129 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:5px;"><div class="title-heading-left title-heading-tag fusion-responsive-typography-calculated" style="margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;">H3,H4 Font Family: <span style="font-family: ''Frank Ruhl Libre''; font-weight: 300;" data-fusion-font="true" data-fusion-google-font="Frank Ruhl Libre" data-fusion-google-variant="300">Frank Ruhl Libre</span></div></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-130{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-130 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:5px;"><div class="title-heading-left title-heading-tag fusion-responsive-typography-calculated" style="margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;">H5, H6 Font family: <span style="font-family: Zilla Slab; font-weight: 400;" data-fusion-font="true" data-fusion-google-font="Zilla Slab" data-fusion-google-variant="400"><span style="font-family: ''Frank Ruhl Libre''; font-weight: 300;" data-fusion-font="true" data-fusion-google-font="Frank Ruhl Libre" data-fusion-google-variant="300">Frank Ruhl Libre</span><br />\n</span></div></div></div><style type="text/css">.fusion-body .fusion-builder-nested-column-14{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-14 > .fusion-column-wrapper {padding-top : 20px !important;padding-right : 20px !important;margin-right : 3.84%;padding-bottom : 20px !important;padding-left : 20px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-14{width:100% !important;order : 0;}.fusion-builder-nested-column-14 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-14{width:100% !important;order : 0;}.fusion-builder-nested-column-14 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-15 fusion_builder_column_inner_1_2 1_2 fusion-flex-column fusion-flex-align-self-stretch"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f2f2f2;padding: 20px 20px 20px 20px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-131{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-131 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:20px;margin-top:0px;margin-bottom:20px;"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;color:#5e5e5e;--fontSize:20;--minFontSize:20px;line-height:1.32;">Body</h3></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-132{margin-top:0px!important; margin-right:!important;margin-bottom:5px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-132 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:5px;"><div class="title-heading-left title-heading-tag fusion-responsive-typography-calculated" style="margin:0;color:#5e5e5e;--fontSize:18;--minFontSize:18px;line-height:1.7;">Font Family: <span style="font-family: 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-15{width:50% !important;margin-top : 20px;margin-bottom : 20px;}.fusion-builder-nested-column-15 > .fusion-column-wrapper {padding-top : 20px !important;padding-right : 20px !important;margin-right : 3.84%;padding-bottom : 20px !important;padding-left : 20px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-nested-column-15{width:100% !important;order : 0;}.fusion-builder-nested-column-15 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-nested-column-15{width:100% !important;order : 0;}.fusion-builder-nested-column-15 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><div class="fusion-text fusion-text-130"><p>We suggest checking out HubSpot&#8217;s article on <a href="https://blog.hubspot.com/website/web-safe-html-css-fonts" target="_blank" rel="noopener noreferrer">The Ultimate List of Web-Safe HTML and CSS Fonts</a>.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-133{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-133 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="getstarted"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">To Get Started You Will Need The Following</h2></div><div class="fusion-text fusion-text-131"><p>To get started with the <a href="https://avada.theme-fusion.com/avada-website-builder/" target="_blank" rel="noopener noreferrer">Avada Website Builder</a> and to create your ideal website, there are a few things that you will need;</p>\n</div><ul class="fusion-checklist fusion-checklist-34" style="font-size:16px;line-height:27.2px;"><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-network-wired fas" style="color:#213d65;" 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:#213d65;" 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:#213d65;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;">The <a href="https://bit.ly/38eeIwM" target="_blank" rel="noopener noreferrer">Avada Website Builder</a></div></li></ul><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:50px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-134{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-134 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:20px;" id="plugins"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">Recommended Plugins</h3></div><div class="fusion-text fusion-text-132"><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/finance/" target="_blank" rel="noopener noreferrer">Avada Finance</a> prebuilt website as an example: <span style="background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);">This prebuilt website was built without using any of the Avada bundled plugins.</span></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-135{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-135 fusion-sep-none fusion-title-text fusion-title-size-three" style="font-size:32px;margin-top:0px;margin-bottom:20px;" id="support"><h3 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;font-size:1em;--fontSize:32;line-height:1.32;">World-Class Support And Resources</h3></div><div class="fusion-text fusion-text-133"><p>Many facets set the <a href="https://avada.theme-fusion.com/avada-website-builder/" target="_blank" rel="noopener noreferrer">Avada Website Builder</a> apart from the competition. None more important is that Avada is not reliant on 3rd party builders and tools to deliver a stable and seamless website building experience. No waiting for external developers and toolset creators to deliver the next update for your theme. We take pride in the fact that Avada is 100% maintained, evolved, and developed according to strict WordPress and PHP coding standards. Avada gives you peace of mind and guarantees that what you have to work with will always be ahead of the latest industry requirements.</p>\n</div><ul class="fusion-checklist fusion-checklist-35" style="font-size:16px;line-height:27.2px;"><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-envelope-open-text fas" style="color:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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-136{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-136 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="prebuiltwebsite"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">What is a Prebuilt Website?</h2></div><div class="fusion-text fusion-text-134"><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/38eeIwM" target="_blank" rel="noopener noreferrer">Avada</a> prebuilt websites and prebuilt content layouts (individual page or post content, layout sections, Call-to-actions, etc.) are carefully crafted by our talented team of designers to give you, the Avada user, a way to save time when prototyping a new website.</p>\n<p>Avada&#8217;s prebuilt websites are a fantastic resource for creativity and inspiration. They will make web design a more efficient and productive process for beginners, marketers, and professionals alike. Here are some essential facts:</p>\n</div><ul class="fusion-checklist fusion-checklist-36" style="font-size:16px;line-height:27.2px;"><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-check fas" style="color:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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:#213d65;" 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/3kOMxfw" 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:#213d65;" 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-137{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-137 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="install"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Fast One-Click Install</h2></div><div class="fusion-text fusion-text-135"><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-55 hover-type-none"><a class="fusion-no-lightbox" href="https://avada.theme-fusion.com/prebuilt-websites/" target="_blank" aria-label="Avada Prebuilt Website Import" rel="noopener noreferrer"><img width="1100" height="420" alt="Avada Prebuilt Website Import" src="https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed.png" class="img-responsive wp-image-867914" srcset="https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-200x76.png 200w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-400x153.png 400w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-600x229.png 600w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed-800x305.png 800w, https://theme-fusion.com/wp-content/uploads/2021/06/prebuilt-3step-import-compressed.png 1100w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px" /></a></span></div></div><style type="text/css">.fusion-body .fusion-builder-column-18{width:100% !important;margin-top : 20px;margin-bottom : 0px;}.fusion-builder-column-18 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-18{width:100% !important;order : 0;}.fusion-builder-column-18 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-18{width:100% !important;order : 0;}.fusion-builder-column-18 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-19{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-20 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-19 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-138{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-138 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="structure"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Website Structure</h2></div><div class="fusion-text fusion-text-136"><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/finance/" target="_blank" rel="noopener noreferrer">Avada Finance</a> pages and posts that have been prebuilt just for you. Once installed, you can change all aspects of each Layout, and at any time, add new pages to suit your online business needs.</p>\n</div><ul class="fusion-checklist fusion-checklist-37" style="font-size:16px;line-height:27.2px;"><li style="background-color:rgba(255,255,255,0);" class="fusion-li-item"><span style="height:27.2px;width:27.2px;margin-right:11.2px;" class="icon-wrapper circle-no"><i class="fusion-li-icon fa-link fas" style="color:#5e5e5e;" aria-hidden="true"></i></span><div class="fusion-li-item-content" style="margin-left:38.4px;color:#5e5e5e;">\n<p><a href="https://avada.theme-fusion.com/finance/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/finance/services/" target="_blank" rel="noopener noreferrer">Services 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/finance/services/small-business-loans/" target="_blank" rel="noopener noreferrer">Services &#8211; Small Business Loans 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/finance/services/credit-rating-advice/" target="_blank" rel="noopener noreferrer">Services &#8211; Credit Rating Advice 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/finance/services/crowd-funding/" target="_blank" rel="noopener noreferrer">Services &#8211; Crowd Funding 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/finance/packages/" target="_blank" rel="noopener noreferrer">Packages 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/finance/insight/" target="_blank" rel="noopener noreferrer">Insight 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/finance/contact/" target="_blank" rel="noopener noreferrer">Contact &#8211; Page Layout</a></p>\n</div></li></ul><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div></div><style type="text/css">.fusion-body .fusion-builder-column-19{width:100% !important;margin-top : 20px;margin-bottom : 10px;}.fusion-builder-column-19 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-19{width:100% !important;order : 0;}.fusion-builder-column-19 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-19{width:100% !important;order : 0;}.fusion-builder-column-19 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}</style></div></div><style type="text/css">.fusion-body .fusion-flex-container.fusion-builder-row-20{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}</style></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-21 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start" style="max-width:1352px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-20 fusion_builder_column_1_1 1_1 fusion-flex-column"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;"><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-139{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-139 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="layouts"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Explaining Layouts &amp; Layout Sections</h2></div><div class="fusion-text fusion-text-137"><p>Before we look at the specific Layouts on the Avada Finance <span style="background-color: rgba(255, 255, 255, 0); color: var(--body_typography-color); letter-spacing: 0px; font-style: var(--body_typography-font-style,normal);">prebuilt website, 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.</span></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-56 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-140{margin-top:0px!important; margin-right:!important;margin-bottom:20px!important;margin-left:!important;}}</style><div class="fusion-title title fusion-title-140 fusion-sep-none fusion-title-text fusion-title-size-two" style="margin-top:0px;margin-bottom:20px;" id="wordpresspages"><h2 class="title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Explaining WordPress Pages vs. Posts</h2></div><div class="fusion-text fusion-text-138"><p>Website pages are allocated for static content such as your website&#8217;s homepage, about, contact page, and so on, and are timeless entities.</p>\n<p>Website posts are allocated to blog content listed in reverse (newest to the oldest) chronological order and are timely. Older posts are archived based on month and year. You can also create content for custom post types or CPT. In Avada, an example of this is the Portfolio post type. Check out this detailed <a href="https://wordpress.com/support/post-vs-page/" target="_blank" rel="noopener noreferrer">WordPress article</a> for more information.</p>\n</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-bottom:30px;width:100%;"></div><style type="text/css">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-141{margin-top:0px!important; margin-right:!important;margin-bottom:20px!import