!!!
%html{lang: "en"}
  %head
    %title Blogin | beautiful and Minimal Blog Template Designed & Coded by pixelhint.com
    %meta{charset: "utf-8"}/
    %meta{content: "pixelhint.com", name: "author"}/
    %link{href: "/blogin/css/reset.css", rel: "stylesheet", type: "text/css"}/
    %link{href: "/blogin/css/blogin.css", rel: "stylesheet", type: "text/css"}/
  %body
    %header
      .wrapper
        %a{href: "#"}
          %img.h_logo{alt: "Blogin", src: "/blogin/img/logo.png", title: ""}/
        %nav
          %ul.main_nav
            %li.current
              %a{href: "#"} Journal
            %li
              %a{href: "#"} About
            %li
              %a{href: "#"} Work
            %li
              %a{href: "#"} Contact

    %section.main2.wrapper
      %section.content
        %article
          .article_image
            %a{href: "#"}
              %img{alt: "", src: "/blogin/img/pic4.jpg", title: ""}/
          .post
            %h1.title
              %a{href: "#"} Duis aute irure dolor in henderit in voluptate.
            %p Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo doconsequat, sunt in culpa qui officia deserunt mollit anim id est laborum.
            %p Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur...
            %a.read_more{href: "#"}
              Continue Reading
              %i.read_more_arrow
        %article
          .article_image
            %a{href: "#"}
              %img{alt: "", src: "/blogin/img/pic5.jpg", title: ""}/
          .post
            %h1.title
              %a{href: "#"} Duis aute irure dolor in henderit in voluptate.
            %p Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo doconsequat, sunt in culpa qui officia deserunt mollit anim id est laborum.
            %p Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur...
            %a.read_more{href: "#"}
              Continue Reading
              %i.read_more_arrow

      %aside.sidebar
        %section.widget
          %h3.widget-title About Blogin.
          .textwidget
            %p Duis aute irure dolor in rhenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
            %p Excepteur sint occaecat sunt in culpa qui officia deserunt mollit anim id est laborum.
        %section.widget
          %h3.widget-title Search.
          %form.search_widget
            %input#search-field.search-field{placeholder: "What are you looking for?", type: "text"}/
        %section.widget
          %a{href: "#"}
            %img{alt: "", src: "/blogin/img/ads.jpg", title: ""}/

      %nav.pagination
        %a.previous{href: "#"}
          %i>
          Previous
        %a.next{href: "#"}
          Next
          %i


    %footer
      .wrapper
        %img.logo_footer{alt: "Blogin", src: "/blogin/img/logo_footer.png", title: ""}/
        %p.rights
          © 2014 Blogin.com  -  All Rights Reserved  -  Find more free Templates at
          %a{href: "http://Pixelhint.com", target: "_blink"} Pixelhint.com
        %ul.social_profiles
          %li.f
            %a{href: "http://facebook.com/pixelhint", target: "_blink"}
          %li.t
            %a{href: "http://twitter.com/pixelhint", target: "_blink"}
          %li.be
            %a{href: "http://behance.net/pixelhint", target: "_blink"}
          %li.d
            %a{href: "http://dribbble.com/pixelhint", target: "_blink"}