test/shots.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Include JS Browser Shots</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.css">
    <style>
      p { line-height: initial; }
      img { border: 1px solid #AAA; max-height: 200px; max-width: 200px; }
    </style>
  </head>
  <body class="container">

    <h1>Include JS Browser Shots</h1>

    <p>
      Thanks to <a href="//www.browserstack.com">BrowserStack</a> below are 15 browsers rendering the
      <a href="demo.html">demo</a> page. Hover over each image to find out which browser it comes from.
    </p>

    <h2>Browser Shots</h2>

    <p>

      <img src="shots/android_Google-Nexus-5_5.0_portrait.png" title="android_Google-Nexus-5_5.0_portrait"/>
      <img src="shots/android_Samsung-Galaxy-S5_4.4_portrait.png" title="android_Samsung-Galaxy-S5_4.4_portrait"/>
      <img src="shots/android_Samsung-Galaxy-Tab-4-10.1_4.4_portrait.png" title="android_Samsung-Galaxy-Tab-4-10.1_4.4_portrait"/>
      <img src="shots/ios_iPad-4th_7.0_portrait.jpg" title="ios_iPad-4th_7.0_portrait"/>
      <img src="shots/ios_iPhone-5S_7.0_portrait.jpg" title="ios_iPhone-5S_7.0_portrait"/>
      <img src="shots/ios_iPhone-6-Plus_8.3_portrait.jpg" title="ios_iPhone-6-Plus_8.3_portrait"/>
      <img src="shots/macmav_chrome_36.0.png" title="macmav_chrome_36.0"/>
      <img src="shots/macyos_opera_12.15.png" title="macyos_opera_12.15"/>
      <img src="shots/macyos_safari_8.0.png" title="macyos_safari_8.0"/>
      <img src="shots/win7_ie_8.0.png" title="win7_ie_8.0"/>
      <img src="shots/win7_ie_9.0.png" title="win7_ie_9.0"/>
      <img src="shots/win8.1_firefox_30.0.png" title="win8.1_firefox_30.0"/>
      <img src="shots/win8.1_ie_11.0.png" title="win8.1_ie_11.0"/>
      <img src="shots/win8_ie_10.0.png" title="win8_ie_10.0"/>
      <img src="shots/winxp_firefox_3.6.png" title="winxp_firefox_3.6"/>

    </p>
  </body>
</html>