anchor.diff:                          .span6.right-text
                               h2.heading Experiment with code
                               p.description
  -                                | Most people don’t learn to program and design for the web by reading a book. Real learning takes place when you start experimenting with code in the browser and using design concepts in a website.
  +                                | You will follow the learn-by-doing concept. You will learn everything trough hands-on experience.
                       hr
                       .row-fluid.feature-item
                           .span6
                               h2.heading Work towards a goal
                               p.description
  -                                | Practice what you've learned through quizzes and interactive Code Challenges. This style of practicing will allow you to retain information you've learned so you can apply it to your own future projects.
  -                                | You'll earn badges as you journey through our extensive library of courses. These badges are an indicator of what skills you currently possess and are viewable by anyone online.
  +                                | You will complete many interactive Code Challenges to earn badges and points, which you can share with your friends.
                           .span6
                               img(src='/images/badges.png', alt='Earn Badges')
                       hr
  
positive.code:                     .container
                          .row-fluid
                              .span5.hero-text
                                  h2.heading Learn to Code by Competing with others !
                                  p.description
                                      | Code Snail teaches how to build website & web apps interactively in browser. Start Learning today without any setup!
                                  a.btn.btn-primary(href="/signup") Signup
                                  // <a href="#" class="btn default">Get Free</a>
                              .span7.hero-video
  
negative.code:                         .span6.right-text
                              h2.heading What do you need ?
                              p.description
                                  | You just need enthusiasm and a updated broswer :)
                      hr
                      .row-fluid.feature-item
                          .span6.right-text
                              h2.heading Not sure where to start
                              p.description
                                  | You will be guided by tracks and can always collaborate with other online users.
                          .span6
                              img(src='/images/pathway.jpg', alt='Get Lastest Browser')
              // ends main content
  