section.screencasts.inspector.column-contain
  h2 Marionette Inspector - Chrome Extension

  ul
    li
      .col-2-3
        a.link(href="http://chrome.google.com/webstore/detail/marionette-inspector/fbgfjlockdhidoaempmjcddibjklhpka", target= "_blank")
          img.thumbnail.left(src="images/screenshots/inspector-screenshots.gif", alt="Marionette Inspector")

      .col-1-3.right
        p.description.
          A world-class inspector for exploring your application's views, models, events and more. You won't know how you got by without it.

        a.btn.btn-action(href="http://chrome.google.com/webstore/detail/marionette-inspector/fbgfjlockdhidoaempmjcddibjklhpka", target="_blank") Install Now
        a.btn.btn-action.secondary-color(href = "http://youtu.be/jbGm3mJXh_s", target= "_blank") Watch Video
section.screencasts.inspector.column-contain(itemscope, itemtype="http://schema.org/WebApplication")
  h2(itemprop="name") Marionette Inspector - Chrome Extension

  ul
    li
      .col-2-3
        a.link(itemprop="url", href="http://chrome.google.com/webstore/detail/marionette-inspector/fbgfjlockdhidoaempmjcddibjklhpka", target= "_blank")
          img.thumbnail.left(itemprop="image", src="images/screenshots/inspector-screenshots.gif", alt="Marionette Inspector")

      .col-1-3.right
        p.description(itemprop="description").
          A world-class inspector for exploring your application's views, models, events and more. You won't know how you got by without it.

        a.btn.btn-action(itemprop="downloadUrl", href="http://chrome.google.com/webstore/detail/marionette-inspector/fbgfjlockdhidoaempmjcddibjklhpka", target="_blank") Install Now
        a.btn.btn-action.secondary-color(href = "http://youtu.be/jbGm3mJXh_s", target= "_blank") Watch Video
Add micro data for Marionette Inspector
Add micro data for Marionette Inspector

Add WebApplication micro data based on Google Chrome Web store
micro data used by Google to describe Inspector
(minus ratings and other dynamic data)
