!!!
%html{lang: "en"}
  %head
    %title Crafty |  Free HTML5/CSS3 template
    %meta{charset: "utf-8"}/
    %meta{content: "width=device-width, initial-scale=1.0, minimum-scale=1.0", name: "viewport"}/
    %link{href:  "crafty/css/reset.css", rel: "stylesheet", type: "text/css"}/
    %link{href:  "crafty/css/crafty_responsive.css", rel: "stylesheet", type: "text/css"}/
    %script{src: "crafty/js/jquery.js", type: "text/javascript"}
    %script{src: "crafty/js/carouFredSel.js", type: "text/javascript"}
    %script{src: "crafty/js/crafty.js", type: "text/javascript"}
  %body
    %header
      .wrapper
        %img.logo{alt: "Crafty", src: "crafty/img/logo.png"}/
        %a#menu_icon.menu_icon{href: "#"}
        %nav#nav_menu
          %ul
            %li
              %a{href: "#"} Our Story
            %li
              %a{href: "#"} Price
            %li
              %a{href: "#"} Journal
            %li
              %a{href: "#"} Contact
        %ul.social
          %li
            %a.fb{href: "#"}
          %li
            %a.twitter{href: "#"}
          %li
            %a.gplus{href: "#"}

    %section.billboard
      .wrapper
        .caption
          %p Excepteu roccaecat
          %p sunt culpa officia deserunt

    %section.features
      .wrapper
        .feature
          .ficon
            %img{alt: "", src: "crafty/img/icon1.png"}/
          .details_exp
            %h3 Excepteur sint.
            %p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
            %a{href: "#"}
              more details
              %span →
        .feature
          .ficon
            %img{alt: "", src: "crafty/img/icon2.png"}/
          .details_exp
            %h3 Excepteur sint.
            %p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
            %a{href: "#"}
              more details
              %span →
        .feature
          .ficon
            %img{alt: "", src: "crafty/img/icon3.png"}/
          .details_exp
            %h3 Excepteur sint.
            %p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
            %a{href: "#"}
              more details
              %span →
        .feature
          .ficon
            %img{alt: "", src: "crafty/img/icon4.png"}/
          .details_exp
            %h3 Excepteur sint.
            %p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
            %a{href: "#"}
              more details
              %span →
        .feature
          .ficon
            %img{alt: "", src: "crafty/img/icon5.png"}/
          .details_exp
            %h3 Excepteur sint.
            %p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
            %a{href: "#"}
              more details
              %span →
        .feature
          .ficon
            %img{alt: "", src: "crafty/img/icon6.png"}/
          .details_exp
            %h3 Excepteur sint.
            %p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
            %a{href: "#"}
              more details
              %span →

    %section.testimonials.wrapper
      %span.sep_line.sep_top
      %h2 Testimonials
      #tslider.testi_slider
        .t
          %p Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu pariatur.
          %p.author John Doe - UX Designer
        .t
          %p Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu pariatur.
          %p.author Jane Eva - SEO Expert
        .t
          %p Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu pariatur, Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
          %p.author John David - Developer
      #t_navigation
      %span.sep_line.sep_bottom

    %section.info
      .info_pic
      .info_details
        %h3 sed do eiusmod tempor incididunt ut labore et dolore.
        %p Magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
        %a{href: ""}
          More Details
          %span →

    %section.cta
      %h3 Take Action & buy your copy now!
      %p excepteur sint occaecat cupidatat non proiden deserunt mollit anim laborum.
      %a.cta_btn{href: "#"} Sign up now!
      %span.cta_sep

    %footer
      %img{alt: "Crafty", src: "crafty/img/logo_footer.png"}/
      %p.rights
        Copyright © crafty - All rights reserved, Find more free templates at
        %a{href: "http://pixelhint.com"} Pixelhint.com