Panel - Introduction

Each page can be created with a list of sections which are called "Panel" in this template.
You can create as many panels as you want to. There are different types of panels which you can use.

File: index.html
<!-- all panels/setions needs to be inserted inside of the "article" element with the class "page-default" -->
<article class="page-default page-outer-wrap header-sticky-on-scroll">
  <section id="home" class="panel-hero bg-dark hero-half-off text-center-align text-readability-on image-bg-1">
    ...
  </section>

  <section class="panel-text default-panel-padding extra-padding">
    ...
  </section>

  <section id="portfolio" class="panel-image-grid default-panel-padding">
    ...
  </section>
</article>