Homepage My Projects Bootstrap 2

homepage-projects.jade

!!! 5
html(lang='en')
  head
    meta(charset='utf-8')
    title My Name
    //if lt IE 9
      script(src='http://html5shim.googlecode.com/svn/trunk/html5.js')
    link(href='/static/landing/img/shyguy.ico', rel='shortcut icon')
    link(href='/static/landing/css/bootstrap.min.css', rel='stylesheet')
    link(href='/static/landing/css/custom-resume.css', rel='stylesheet')
    script(src='/static/landing/js/bootstrap.min.js')
  body
    .container-narrow
      div
        ul.nav.nav-pills.pull-right
          li
            a(href='/') Home
          li.active
            a(href='/projects/') Projects
          li
            a(href='/resume/') Resume
        h3
          a.muted(href='/') My Name 
      hr
      .projects
        h3 Projects
        p.lead(style='text-align: justify;')
          | Here are some personal  projects that I've worked on. Each project tries to solve a problem or interest
          | I had. Click on 'demo' to see a live demo.
        .row-fluid(style='margin-bottom: 30px;')
          .thumbnails
            a.span4.thumbnail(href='https://github.com/pebreo/chipy-antispam-demo')
              img(src='/static/landing/img/antispam.jpg')
              h4 ChiPy Antispam (Django)
              h6 Click for source and link to Demo
            a.span4.thumbnail(href='/store')
              img(src='/static/landing/img/shoppingcart.png')
              h4 Web Shop + Stripe Payments (Django)
              h6 Demo
            a.span4.thumbnail(href='/optionscraper')
              img(src='/static/landing/img/stockmarket.png')
              h4 Options Scraper
              h6 Info
        .row-fluid(style='margin-bottom: 30px;')
          .thumbnails
            a.span4.thumbnail(href='/quizmaker')
              img(src='/static/landing/img/writing.png')
              h4 Quiz Maker (PyQt)
              h6 Info
            a.span4.thumbnail(href='/quizgame')
              img(src='/static/landing/img/quizbutton.jpg')
              h4 Quiz Game (PyQt)
              h6 Info
            a.span4.thumbnail(href='/excelmacros')
              img(src='/static/landing/img/excel.png')
              h4 Custom Excel Menu
              h6 Info
        .row-fluid(style='margin-bottom: 30px;')
          .thumbnails
            a.span4.thumbnail(href='https://dl.dropboxusercontent.com/s/pp9eob7vkg4enio/SQL-recipes-v0.1.pdf')
              img(src='http://blogs.technet.com/cfs-filesystemfile.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-81-55-Aug2011/3250.Elephant_5F00_8_5F00_2_5F00_11.jpg')
              h4 SQL Cheatsheet (PDF)
      hr
      .footer
        p.muted © My Name, 2013. All rights reserved.