(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{641:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var o=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,n):{};o.get||o.set?Object.defineProperty(t,n,o):t[n]=e[n]}return t.default=e,t}(n(6)),a=function(e){return e&&e.__esModule?e:{default:e}}(n(677));function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function i(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var c=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),i(this,u(t).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}(t,o.Component),function(e,t,n){t&&l(e.prototype,t),n&&l(e,n)}(t,[{key:"render",value:function(){return o.default.createElement("article",null,o.default.createElement("header",null,o.default.createElement("h1",{className:"mt-4"},"Content Folding"),o.default.createElement("hr",null)),o.default.createElement("section",null,o.default.createElement("section",null,o.default.createElement("header",null,o.default.createElement("h3",{className:"mt-4"},"What is a Fold?")),o.default.createElement("p",null,"Back in the day when people bought newspapers off street-side stands, newspapers employed a technique called “the fold” to encourage buying."),o.default.createElement("p",null,"The basic idea is this: the most important and interesting news story of the day was plastered across the top of the section. So, if the paper was folded in half and placed so that only this big news story was above this fold, facing upwards, then the papers would be able to draw attention to the most important story. The story would thereby intrigue readers and coax a purchase."),o.default.createElement("p",null,"On a webpage, the ",o.default.createElement("strong",null,"fold")," is the area of a page displayed to the user without them having to scroll. Based on a 1366x768 pixel screen resolution (a little more on this choice later), the area highlighted in red is generally how content is presented to users on a landing page (i.e. above the fold)"),o.default.createElement("p",null,o.default.createElement("img",{src:a.default,alt:"Content Folding Image",className:"mw-100"}))),o.default.createElement("hr",null),o.default.createElement("section",null,o.default.createElement("header",null,o.default.createElement("h3",{className:"mt-4"},"Why is Above the Fold Important?")),o.default.createElement("p",null,"Content placement and layout is important as the content that appears above the fold is first visible when the page is loaded by the user."),o.default.createElement("p",null,"The content that you place above the fold should be the content that is most important to achieve your business goals as it is the highest visible part. The content should present them with the content that they are looking for and immediately grab the user’s attention so that they don’t bounce and visit another site."))))}}]),t}();t.default=c},677:function(e,t){e.exports="/images/3d811559380465a465efe201e8c195a7.png"}}]);