<header>header</header>

{{#ifCond modifier "==" "home"}}

  <div class="l-grid-home__row l-grid-home__row--full l-grid-home__topics">
    <div class="l-grid-home__row__content">Topics bar</div>
  </div>

  <div class="l-grid-home__row l-grid-home__row--full l-grid-home__ad-slot">
    <div class="l-grid-home__row__content">Ad slot</div>
  </div>

  <div class="l-grid-home__row l-grid-home__top-packages">
    <div class="l-grid-home__row__content">
      <div class="l-grid-home__package">Package 1</div>
      <div class="l-grid-home__package">Package 2</div>
      <div class="l-grid-home__package">Package 3</div>
    </div>
  </div>

  <div class="l-grid-home__row">
    <div class="l-grid-home__row__content">Marketing Container</div>
  </div>

  <div class="l-grid-home__row l-grid-home__3-columns">
    <div class="l-grid-home__row__content">
      <div class="l-grid-home__package-col">
        <div class="l-grid-home__package">Package 1</div>
      </div>
      <div class="l-grid-home__package-col">
        <div class="l-grid-home__package">Package 2</div>
        <div class="l-grid-home__package">Package 3</div>
      </div>
      <div class="l-grid-home__package-col">
        <div class="l-grid-home__ad-slot">
          <div class="l-grid-home__ad">(ad)</div>
        </div>
      </div>
    </div>
  </div>

  <div class="l-grid-home__row l-grid-home__row--full l-grid-home__inverted">
    <div class="l-grid-home__row__content">Inverted Package</div>
  </div>

  <div class="l-grid-home__row">
    <div class="l-grid-home__row__content">Row</div>
  </div>

  <div class="l-grid-home__row l-grid-home__2-columns">
    <div class="l-grid-home__row__content">
      <div class="l-grid-home__package-col">
        <div class="l-grid-home__package">Package 1</div>
        <div class="l-grid-home__package">Package 2</div>
        <div class="l-grid-home__package">Package 3</div>
      </div>
      <div class="l-grid-home__package-col">
        <div class="l-grid-home__ad-slot">
          <div class="l-grid-home__ad">(ad)</div>
        </div>
      </div>
    </div>
  </div>

  <div class="l-grid-home__row">
    <div class="l-grid-home__row__content">Row</div>
  </div>

  <div class="l-grid-home__row l-grid-home__row--full">
    <div class="l-grid-home__row__content">Row</div>
  </div>

  <div class="l-grid-home__row">
    <div class="l-grid-home__row__content">Row</div>
  </div>

{{else}}

  <div class="l-grid{{#if modifier}} l-grid--{{modifier}}{{/if}}">
    <div class="l-grid-content">
      content
      {{#if cards}}
        <div class="c-cards">
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
          <div class="c-card">card</div>
        </div>
      {{/if}}

      {{#if article}}
      <div class="c-areas">
        <div class="c-content">
          <p>Bacon ipsum dolor amet ball tip spare ribs doner pig, beef pancetta pork belly drumstick kielbasa tenderloin. Venison prosciutto strip steak andouille, turkey jowl filet mignon bacon pork belly shankle tail. Ham landjaeger cow beef ribs pancetta hamburger picanha. Short loin picanha pork belly corned beef.</p>

          <p>Capicola hamburger pig beef filet mignon boudin pork beef ribs flank tenderloin brisket cupim. Short loin spare ribs meatball pancetta, tenderloin ground round chicken landjaeger drumstick flank ham hock shoulder tongue swine ribeye. Tenderloin boudin meatball brisket, turducken porchetta ball tip salami shank spare ribs pork belly tail. Filet mignon pork loin ham picanha beef jowl andouille porchetta. Chicken t-bone prosciutto pastrami alcatra shankle brisket biltong beef porchetta ball tip swine. Ribeye pig bresaola, rump tenderloin salami ground round pancetta.</p>

          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pulvinar ligula eu tincidunt volutpat. Nulla rutrum enim id feugiat rhoncus. Sed euismod fringilla leo, eu placerat felis gravida vitae. Pellentesque pharetra, odio nec pulvinar porttitor, turpis orci posuere ante, at consequat magna sapien id risus. Maecenas tristique eleifend odio ut hendrerit. Morbi sit amet arcu neque. Praesent venenatis turpis quis nisi congue, nec pellentesque elit tempor. Ut sollicitudin at orci quis euismod. Sed dignissim maximus dui nec laoreet. Praesent ac tellus urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras elementum neque risus, sed lobortis lectus aliquam eu.</p>

          <p>Bacon ipsum dolor amet ball tip spare ribs doner pig, beef pancetta pork belly drumstick kielbasa tenderloin. Venison prosciutto strip steak andouille, turkey jowl filet mignon bacon pork belly shankle tail. Ham landjaeger cow beef ribs pancetta hamburger picanha. Short loin picanha pork belly corned beef.</p>

          <p>Capicola hamburger pig beef filet mignon boudin pork beef ribs flank tenderloin brisket cupim. Short loin spare ribs meatball pancetta, tenderloin ground round chicken landjaeger drumstick flank ham hock shoulder tongue swine ribeye. Tenderloin boudin meatball brisket, turducken porchetta ball tip salami shank spare ribs pork belly tail. Filet mignon pork loin ham picanha beef jowl andouille porchetta. Chicken t-bone prosciutto pastrami alcatra shankle brisket biltong beef porchetta ball tip swine. Ribeye pig bresaola, rump tenderloin salami ground round pancetta.</p>

          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pulvinar ligula eu tincidunt volutpat. Nulla rutrum enim id feugiat rhoncus. Sed euismod fringilla leo, eu placerat felis gravida vitae. Pellentesque pharetra, odio nec pulvinar porttitor, turpis orci posuere ante, at consequat magna sapien id risus. Maecenas tristique eleifend odio ut hendrerit. Morbi sit amet arcu neque. Praesent venenatis turpis quis nisi congue, nec pellentesque elit tempor. Ut sollicitudin at orci quis euismod. Sed dignissim maximus dui nec laoreet. Praesent ac tellus urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras elementum neque risus, sed lobortis lectus aliquam eu.</p>
        </div>
        <div class="c-sidebar">Sidebar</div>
        <div class="c-sidebar2">Sidebar 2</div>
      </div>
      {{/if}}
    </div>
    {{#ifCond modifier  "==" "sidebar"}}<div class="l-grid-sidebar">sidebar</div>{{/ifCond}}
  </div>
{{/ifCond}}

<footer>footer</footer>
