extends  ../_skeleton
block variables
  - var page_active = "Modern Blog"
  - var activeIndex = 8
  - var header_class = "bg-typography"
//-Title
block title
  title= page_active
//- Page
block page
  include ../elements/_header-transparent
    +breadcrumb_items(2,'index.html','Home','News')

  // Page Content
  main.page-content.section-50.section-sm-80.section-sm-bottom-90
    .shell
      .range.range-sm-center
        .cell-sm-10.cell-md-8.cell-lg-5
          h1.text-sm-left Blog
      .range.range-sm-center.offset-top-25
        .cell-sm-10.cell-md-8.cell-lg-7
          include ../section/blog/_section-blog-modern-left

  // Page Footers
  include ../elements/_footer-widget