extends frame
block main-content
  section.content#work-content
    header.columns#header
        #header-one.column
            label#the-title 
                a(href="/") thetwelfthhouse
        #header-two.column
            p
                | I am an independent graphic designer and web developer that loves using my formidable talents to create cool stuff.
                br
                span I am currently available for new work. 
    #work-display
        #work-list
            h2 Recent Projects
            each project, index in projects
                - var image = JSON.parse(project.images)[0]
                a(href='/work/'+project.slug)
                    div.work-item(style="background-image:url("+image.path.substring(7, image.path.length)+")")
                        //label.project-label#project-label= project.title
                        //br
                        //span= project.type
    #work-contact.columns
        #contact-form.column
            label#form-response GIMME YOUR DATAZ
            #request-form
                form(class='request-form', name="request-form", enctype="multipart/form-data")
                  input(type='text', name='email' class='', placeholder='Email', required, autofocus)
                  input(type='text', id="client" name='client' class='', placeholder='Name', required, autofocus)
                  select(id="service_type", name="service_type", form="service-type'")
                    option(value="option00") Select Service Type
                    option(value="option01") Design and Development
                    option(value="option02") Graphic Design
                    option(value="option03") Web Development
                    option(value="option04") Logo/Branding
                    option(value="option05") Hosting
                    option(value="option05") A little of everything
                  textarea(rows="9" cols="52" name='description' class='', placeholder='Project Details', required, autofocus)
                  button(id="request-btn", class='request-btn', type='submit') SEND_INQUIRY
        #contact-info.column
            label#request-status Got a project idea? Let's talk. 
            p
                i.fa.fa-exclamation-triangle
                br
                |A standard $200 fee will be charged for project consultation. Serious inquiries only. Thanks.
                br
                br
                |Consultation requests will be responded to within 48 hours.