!!!
%html{lang: "en"}
  %head
    %title Blogin | beautiful and Minimal Blog Template  Designed & Coded by pixelhint.com
    %meta{charset: "utf-8"}/
    %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.main.wrapper
      %article
        .article_image
          %a{href: "#"}
            %img{alt: "", src: "blogin/img/pic1.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/pic2.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/pic3.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
      %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"}