Website markdown

Site layout

• header
• main
• footer

header

• .header
  • .flex.flex_header
    • .flex__container
      • .flex__item.grid-2-12
        • .logo.logo_header
      • .flex__item.grid-10-12.flex
        • .flex__container.row
          • .flex__item
            • .cart-widget.cart-widget_header
          • .flex__item
            • .search-widget.search-widget_header
          • .flex__item
            • .nav.nav_header

logo_header

• logo_header_img

cart-widget_header

• .list.list_cart-widget
  • ul.list__list
    • ul.list__item
      • li.item.item_cart-widget
        • a.link.link_cart-widget

search-widget_header

• . search-widget_input
• . search-widget_btn

nav_header:

• .nav_header
  • .list.list_nav-header
    • ul.list__list
      • ul.list__item
        • li.item.item_nav-header
          • a.link.link_nav-header

main

• .main
  • .section.section_site-navigation
  • .section.section_most-popular-product

site-navigation

• .section.section_site-navigation
  • .section__container
    • .section__row.flex
      • .section__col.flex__item.grid-3-12
        • .nav.nav_site-navigation
      • .section__col.flex__item.grid-9-12
        • .banner.banner_site-navigation

nav_site-navigation

• .nav_site
  • .list.list_nav-header
    • ul.list__list
      • ul.list__item
        • li.item.item_nav-site-navigation
          • a.link.link_nav-site-navigation

banner_site-navigation

• .banner_site_img

section_most-popular-product

• .section.section_most-popular-product
  • .section__container
    • .section__row.flex
      • .section__col.flex__item.grid-9-12
        • .flex__container.row
          • .flex__item
            • .cart.cart-product-title
          • .flex__item
            • .cart.cart-product
      • .section__col.flex__item.grid-3-12
        • .banner.banner_site-advertisment

footer

• .footer