doctype html
html(lang="ru")
  head
    include blocks/head.pug

  body#body
    div.wrapper
      include blocks/header-lk.pug
      include blocks/navigation-top.pug

      include blocks/crumbs.pug

      main.main
        section.section
          div.container
            div.heading.heading-date
              div.heading-title-block
                h1 Новости 
                span.title-footnote Актуальные новости портала
              a.button.button-gray.js-subscribe(href="#") Подписаться
              form.form.light-fields.form-period
                span.form-title Период:
                div.form-item
                  label.form-label С
                  input.form-field.form-calendar(type="text" value="")
                div.form-item
                  label.form-label По
                  input.form-field.form-calendar(type="text" value="")
        // section
        section.section.section-item
          div.container
            div.article-list.news-list
              div.article-item
                div.article-item-holder
                  div.article-item-image(style="background-image: url('pict/article-item.png'); background-size:cover;")
                  div.article-item-text
                    h3: a(href="#") Национальная экономика: понятие, структура и виды
                    div.rating.rating-small
                      ul.list.list-flex.stars(data-average="3")
                        li.list-item: span.star-item: i 1
                        li.list-item: span.star-item: i 2
                        li.list-item: span.star-item: i 3
                        li.list-item: span.star-item: i 4
                        li.list-item: span.star-item: i 5
                      span.rating-avg 3
                    span.article-date 23 июня 2017
              div.article-item
                div.article-item-holder
                  div.article-item-text
                    h3: a(href="#") Национальная экономика: понятие, структура и виды
                    div.rating.rating-small
                      ul.list.list-flex.stars(data-average="3")
                        li.list-item: span.star-item: i 1
                        li.list-item: span.star-item: i 2
                        li.list-item: span.star-item: i 3
                        li.list-item: span.star-item: i 4
                        li.list-item: span.star-item: i 5
                      span.rating-avg 3
                    span.article-date 23 июня 2017
                  div.article-item-text: p Стоимостный метод измерения позволяет сравнивать производительности труда работников разных профессий, квалификаций, например кондитера и булочника, токаря и водителя. Но недостатком этого метода является влияние ценового фактора — конъюнктуры рынка и инфляции.
              div.article-item.col-50
                div.article-item-holder
                  div.article-item-text
                    h3: a(href="#") Национальная экономика: понятие, структура и виды
                    div.rating.rating-small
                      ul.list.list-flex.stars(data-average="3")
                        li.list-item: span.star-item: i 1
                        li.list-item: span.star-item: i 2
                        li.list-item: span.star-item: i 3
                        li.list-item: span.star-item: i 4
                        li.list-item: span.star-item: i 5
                      span.rating-avg 3
                    span.article-date 23 июня 2017
                    p Стоимостный метод измерения позволяет сравнивать производительности труда работников разных профессий, квалификаций, например кондитера и булочника, токаря и водителя. Но недостатком этого метода является влияние ценового фактора — конъюнктуры рынка и инфляции.
              div.article-item.col-50
                div.article-item-holder
                  div.article-item-text
                    h3: a(href="#") Национальная экономика: понятие, структура и виды
                    div.rating.rating-small
                      ul.list.list-flex.stars(data-average="3")
                        li.list-item: span.star-item: i 1
                        li.list-item: span.star-item: i 2
                        li.list-item: span.star-item: i 3
                        li.list-item: span.star-item: i 4
                        li.list-item: span.star-item: i 5
                      span.rating-avg 3
                    span.article-date 23 июня 2017
                    p Стоимостный метод измерения позволяет сравнивать производительности труда работников разных профессий, квалификаций, например кондитера и булочника, токаря и водителя. Но недостатком этого метода является влияние ценового фактора — конъюнктуры рынка и инфляции.
              div.article-item.article-item-inverse
                div.article-item-holder
                  div.article-item-image(style="background-image: url('pict/article-item.png'); background-size:cover;")
                  div.article-item-text
                    h3: a(href="#") Национальная экономика: понятие, структура и виды
                    div.rating.rating-small
                      ul.list.list-flex.stars(data-average="3")
                        li.list-item: span.star-item: i 1
                        li.list-item: span.star-item: i 2
                        li.list-item: span.star-item: i 3
                        li.list-item: span.star-item: i 4
                        li.list-item: span.star-item: i 5
                      span.rating-avg 3
                    span.article-date 23 июня 2017
              div.article-item
                div.article-item-holder
                  div.article-item-text
                    h3: a(href="#") Национальная экономика: понятие, структура и виды
                    div.rating.rating-small
                      ul.list.list-flex.stars(data-average="3")
                        li.list-item: span.star-item: i 1
                        li.list-item: span.star-item: i 2
                        li.list-item: span.star-item: i 3
                        li.list-item: span.star-item: i 4
                        li.list-item: span.star-item: i 5
                      span.rating-avg 3
                    span.article-date 23 июня 2017
                  div.article-item-text: p Стоимостный метод измерения позволяет сравнивать производительности труда работников разных профессий, квалификаций, например кондитера и булочника, токаря и водителя. Но недостатком этого метода является влияние ценового фактора — конъюнктуры рынка и инфляции.
            div.button-line
              a.button(href="#") Показать еще
        // section

        include blocks/partners-line.pug
      // main

    include blocks/footer.pug
    include blocks/scripts.pug