title: Magento 2 Creating custom homepage
body: <p>I've just started on magento 2, read (most) of the documentation and started my project. I want to create custom homepage first with my own header/section/footer (NOT the one that comes by default). I already have it done through html&amp;css like static stuff so I "just" need to make it magento 2 way.. </p>
  
  <p>Untill now I have created a theme, registered it, chose it and in my theme folder I have Magento_Theme folder which contains page_layout folder and layouts.xml. Page_layouts folder contains homepage.xml</p>
  
  <p>so my homepage.xml looks like this</p>
  
  <pre><code>&lt;?xml version="1.0"?&gt;
  &lt;layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
          xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd"&gt;
      &lt;update handle="empty"/&gt;
      &lt;referenceContainer name="page.wrapper"&gt;
          &lt;container name="header.container" as="header_container" label="Page Header Container"  htmlTag="header" htmlClass="page-header" before="main.content"/&gt;
          &lt;container name="page.top" as="page_top" label="After Page Header" after="header.container"/&gt;
          &lt;container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer" /&gt;
      &lt;/referenceContainer&gt;
  &lt;/layout&gt;
  </code></pre>
  
  <p>and my layouts.xml looks like this:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd"&gt;
      &lt;layout id="homepage"&gt;
          &lt;label translate="true"&gt;Custom Homepage&lt;/label&gt;
      &lt;/layout&gt;
  &lt;/page_layouts&gt;
  </code></pre>
  
  <p>When I navigate to admin / content / pages I can set my layout to Home page, but when i comment out <code>&lt;container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer" /&gt;</code> from homepage.xml it changes nothing. </p>
  
  <p>How can I remove magento header/footer content on homepage.xml and add my own html&amp;css? Would be awesome if someone can give me a simplest example that will add a <code>&lt;div&gt;test&lt;/div&gt;</code> to my homepage.xml so when I go to localhost I only get that div, withuot magento header/footer. </p>
  
  <p>Thanks!</p>