<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9"> <![endif]-->
<!--[if IE 9]>    <html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->
<head><script src="//archive.org/includes/analytics.js?v=cf34f82" type="text/javascript"></script>
<script type="text/javascript">window.addEventListener('DOMContentLoaded',function(){var v=archive_analytics.values;v.service='wb';v.server_name='wwwb-app23.us.archive.org';v.server_ms=378;archive_analytics.send_pageview({});});</script>
<script type="text/javascript" src="/static/js/ait-client-rewrite.js?v=1544499711.0" charset="utf-8"></script>
<script type="text/javascript">
WB_wombat_Init('https:///web', '20160710185501', 'purecssapple.com:80');
</script>
<script type="text/javascript" src="/static/js/wbhack.js?v=1544499711.0" charset="utf-8"></script>
<script type="text/javascript">
__wbhack.init('https:///web');
</script>
<link rel="stylesheet" type="text/css" href="/static/css/banner-styles.css?v=1544499711.0" />
<link rel="stylesheet" type="text/css" href="/static/css/iconochive.css?v=1544499711.0" />
<!-- End Wayback Rewrite JS Include -->

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta charset="utf-8">
  <meta name="keywords" content="">

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

  <!-- seo -->
  <meta name="author" content="Ömer Aslanbakan">
  <meta name="msvalidate.01" content="7E6BAC93E94EC25A1598A167DBC5EC07"/>
  <meta name="google-site-verification" content="EW9dDdPkqwkfvjHROGZHSFWbsOIL-_Aw9tzE7fSmWv0"/>
  <meta name="copyright" content="Ömer Aslanbakan"/>
  <meta name="description" content="Create an Apple device with only CSS. No image, just code. iMac, Mac Book, iPad, iPhone version 4, 5 and 6 included.">
  <meta name="keywords" content="pure css, apple devices, iMac, Mac Book, iPad, iPhone, generator, code, front-end, css shapes">

  <!-- google plus -->
  <link rel="author" href="https://plus.google.com/+ÖmerAslanbakan/"/>
  <link rel="publisher" href="https://plus.google.com/+ÖmerAslanbakan/"/>
  <!-- open graph & facebook -->
  <meta property="og:title" content="Pure CSS Apple - Apple Device Generator">
  <meta property="og:type" content="website">
  <meta property="og:locale" content="en">
  <meta property="og:site_name" content="Pure CSS Apple - Apple Device Generator">
  <meta property="og:image" content="http://purecssapple.com/img/og-image.jpg">
  <meta property="og:description" content="Create an Apple device with only CSS. No image, just code. iMac, Mac Book, iPad, iPhone version 4, 5 and 6 included.">
  <meta property="og:url" content="http://purecssapple.com/"/>

  <!-- twitter -->
  <meta property="twitter:account_id" content="231998404"/>
  <meta property="fb:page_id" content="100001274969188"/>
  <meta name="twitter:site" content="@eomerx">
  <meta name="twitter:creator" content="@eomerx">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:url" content="http://purecssapple.com/">
  <meta name="twitter:title" content="Pure CSS Apple - Apple Device Generator">
  <meta name="twitter:description" content="Create an Apple device with only CSS. No image, just code. iMac, Mac Book, iPad, iPhone version 4, 5 and 6 included.">
  <meta name="twitter:image" content="http://purecssapple.com/img/og-image2.png">

  <!-- favicon -->
  <link rel="shortcut icon" href="http://purecssapple.com:80/img/favicon/favicon.ico" type="image/x-icon">
  <link rel="icon" href="http://purecssapple.com:80/img/favicon/favicon.png">
  <link rel="icon" sizes="57x57" href="http://purecssapple.com:80/img/favicon/favicon-32x32.png">
  <link rel="icon" sizes="57x57" href="http://purecssapple.com:80/img/favicon/favicon-57x57.png">
  <link rel="icon" sizes="72x72" href="http://purecssapple.com:80/img/favicon/favicon-72x72.png">
  <link rel="icon" sizes="76x76" href="http://purecssapple.com:80/img/favicon/favicon-76x76.png">
  <link rel="icon" sizes="114x114" href="http://purecssapple.com:80/img/favicon/favicon-114x114.png">
  <link rel="icon" sizes="120x120" href="http://purecssapple.com:80/img/favicon/favicon-120x120.png">
  <link rel="icon" sizes="144x144" href="http://purecssapple.com:80/img/favicon/favicon-144x144.png">
  <link rel="icon" sizes="152x152" href="http://purecssapple.com:80/img/favicon/favicon-152x152.png">
  <meta name="msapplication-TileColor" content="#FFFFFF">
  <meta name="msapplication-TileImage" content="img/favicon/favicon-144x144.png">
  <meta name="application-name" content="Pure CSS Apple">

  <title>Pure CSS Apple Device Generator</title>

  <!--[if lt IE 10]>
    <script type="text/javascript" src="js/html5shiv.js"></script>
    <script type="text/javascript" src="js/modernizr-2.8.3.js"></script>
  <![endif]-->

  <!-- fonts -->

  <!-- css -->
  <link rel="stylesheet" type="text/css" href="http://purecssapple.com:80/css/master.css"/>
  <link id="css-compiled" rel="stylesheet" type="text/css" href="http://purecssapple.com:80/"/>

</head>

<body>


<!--************* wrapper start *************-->
<!--************* wrapper start *************-->
<!--************* wrapper start *************-->
<div id="wrapper">





  <div id="top-bar">
      <div class="row">
        <div class="col-xs-12">
          <nav class="navbar navbar-default" role="navigation">

            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Menu</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="http://purecssapple.com:80/" style="display:inline-block;">
                <img class="img-responsive" src="http://purecssapple.com:80/svg/logo3.svg" alt="Pure Css Apple Device Generator">
              </a>
            </div>

            <div class="collapse navbar-collapse navbar-ex1-collapse">
              <ul class="nav navbar-nav navbar-right">
                <li><a href="#wrapper">PLAYGROUND</a></li>
                <li><a href="#info">DEVICE INFO</a></li>
                <li><a href="#examples">EXAMPLES</a></li>
              </ul>
            </div><!-- /.navbar-collapse -->
          </nav><!-- "navbar navbar-default" -->
        </div><!-- "col-xs-12" -->
      </div><!-- "row" -->
  </div><!-- "title-holder" -->






  <div id="main">



      <main id="content">
        <div class="content-holder">
          <div class="device-holder">


            <div class="pca-hold">
              <div class="pca-main">
                <div class="pca-inner">
                </div><!-- "pca-inner" -->
              </div><!-- "pca-main" -->
              <div class="pca-sub">
                <div class="pca-top"></div>
                <div class="pca-mid">
                  <div class="pca-part"></div>
                </div><!-- "pca-mid" -->
                <div class="pca-bot"></div>
              </div><!-- "imac-bot" -->
            </div><!-- "pca-hold" -->


          </div><!-- "device-holder" -->
        </div><!-- "holder" -->
        <a href="#" class="btn-show-code btn-inline-open" data-mfp-src="#modal-code">SHOW CODE</a>
        <div id="btn-copy-url" class="btn-show-code">COPY URL</div>
      </main><!-- content -->



      <aside id="sidebar">
        <div class="holder">
          <form id="form" action="" method="POST">

            <div class="form-group">
              <label for="" class="form-label">Device Type</label>
              <select name="type" id="device-type" class="form-control sm-input" required>
                <option value="0">iMac</option>
                <option value="1">Mac Book</option>
                <option value="2">iPad</option>
                <option value="3">iPhone 4</option>
                <option value="4">iPhone 5 Black</option>
                <option value="5">iPhone 5 White</option>
                <option value="6">iPhone 6 Black</option>
                <option value="7">iPhone 6 White</option>
              </select>
            </div><!-- "form-group" -->

            <div class="form-group">
              <label for="" class="form-label">Device Width</label>
              <input name="width" id="device-width" type="number" class="form-control sm-select" value="300" pattern="/^[\d\.]+$/" required>
            </div><!-- "form-group" -->

            <div class="form-group relative">
              <label class="form-label">Device Inner color</label> <small>(Support HEX Values)</small>
              <input name="color" id="device-color" type="text" class="form-control sm-input color-picker" value="rgb(200,200,200)" required>
              <div id="color-inner"></div>
            </div><!-- "form-group" -->

            <div class="clearfix"></div>

            <!-- <div class="form-group">
              <div class="checkbox">
                <label class="form-label">
                  <input id="device-random" type="checkbox" value="0">
                  Add Random Content to Device
                </label>
              </div>
            </div> -->

            <div class="form-group xs-mt-20">
              <button id="btn-random" class="btn-info btn btn-block btn-sm xs-mb-10" type="button">GENERATE RANDOM</button>
              <button id="btn-submit" class="btn-success btn btn-block btn-lg" tyoe="submit">CREATE</button>
            </div>

            <div id="counter-holder">
              <p><b id="counter">79,138</b> Devices have been generated so far.</p>
            </div>

          </form>
        </div><!-- "holder" -->
      </aside><!-- sidebar -->



  </div><!-- main -->


</div><!--wrapper -->
<!--************* wrapper end ***************-->
<!--************* wrapper end ***************-->
<!--************* wrapper end ***************-->
<!--************* info start *************-->
<!--************* info start *************-->
<!--************* info start *************-->
<div id="info" class="page-section">

  <div class="xs-pr-20 xs-pl-20">
    <div class="description">
      <h3>APPLE DEVICES INFO</h3>
      <p>This section shows actual dimensions of Apple devices.</p>
      <p>If you want to create a set of device, you can change input values to get widths of devices calculated via your base width. Type some numbers and see the changes.</p>
    </div><!-- "description" -->

    <div class="device-types">


        <div class="device">
          <h4 class="title">iMac</h4>
          <div class="img-holder">
            <img src="http://purecssapple.com:80/img/imac.png" alt="" class="img-scale">
          </div><!-- "img-holder" -->
          <div class="dimensions">
            <p>Dimensions <br><small><em>Based on 21,5 inch</em></small></p>
            <p>
              <span>Height: 45.0 cm <em>(17.7 inches)</em></span>
              <span>Width: 52.8 cm <em>(20.8 inches)</em></span>
              <span>Depth: 17.5 cm <em>(6.9 inches)</em></span>
            </p>
          </div><!-- "dimensions" -->
          <div class="form-group">
            <label for="" class="form-label">Ratio Calculation</label>
            <div class="input-group">
              <input id="input-imac" data-width="52.8" type="number" class="input-width form-control" pattern="^[0-9\.]+$">
              <span class="input-group-addon">px</span>
            </div><!-- "input-group" -->
          </div><!-- "form-group" -->
        </div><!-- "device" -->


        <div class="device">
          <h4 class="title">Mac Book</h4>
          <div class="img-holder">
            <img src="http://purecssapple.com:80/img/macbook.png" alt="" class="img-scale">
          </div><!-- "img-holder" -->
          <div class="dimensions">
            <p>Dimensions <br><small><em>Based on 13 inch</em></small></p>
            <p>
              <span>Height: 1,8 cm <em>(0.71 inches)</em></span>
              <span>Width: 31,4 cm <em>(12.35 inches)</em></span>
              <span>Depth: 21,9 cm <em>(8.62 inches)</em></span>
            </p>
          </div><!-- "dimensions" -->
          <div class="form-group">
            <label for="" class="form-label">Ratio Calculation</label>
            <div class="input-group">
              <input id="input-macbook" data-width="31.4" type="number" class="input-width form-control" pattern="^[0-9\.]+$">
              <span class="input-group-addon">px</span>
            </div><!-- "input-group" -->
          </div><!-- "form-group" -->
        </div><!-- "device" -->


        <div class="device">
          <h4 class="title">iPad 3</h4>
          <div class="img-holder">
            <img src="http://purecssapple.com:80/img/ipad.png" alt="" class="img-scale">
          </div><!-- "img-holder" -->
          <div class="dimensions">
            <p>Dimensions <br><small><em>Based on 3rd gen</em></small></p>
            <p>
              <span>Height: 24.12 cm <em>(9.50 inches)</em></span>
              <span>Width: 18.57 cm <em>(7.31 inches)</em></span>
              <span>Depth: 0.94 cm <em>(0.37 inch)</em></span>
            </p>
          </div><!-- "dimensions" -->
          <div class="form-group">
            <label for="" class="form-label">Ratio Calculation</label>
            <div class="input-group">
              <input id="input-ipad" data-width="18.57" type="number" class="input-width form-control" pattern="^[0-9\.]+$">
              <span class="input-group-addon">px</span>
            </div><!-- "input-group" -->
          </div><!-- "form-group" -->
        </div><!-- "device" -->


        <div class="device">
          <h4 class="title">iPhone 4</h4>
          <div class="img-holder">
            <img src="http://purecssapple.com:80/img/iphone4.png" alt="" class="img-scale">
          </div><!-- "img-holder" -->
          <div class="dimensions">
            <p>Dimensions <br><small><em>Based on 4s version</em></small></p>
            <p>
              <span>Height: 11.5 cm <em>(4.5 inches)</em></span>
              <span>Width: 5.9 cm <em>(2.31 inches)</em></span>
              <span>Depth: 0.9 cm <em>(0.37 inches)</em></span>
            </p>
          </div><!-- "dimensions" -->
          <div class="form-group">
            <label for="" class="form-label">Ratio Calculation</label>
            <div class="input-group">
              <input id="input-iphone4" data-width="5.9" type="number" class="input-width form-control" pattern="^[0-9\.]+$">
              <span class="input-group-addon">px</span>
            </div><!-- "input-group" -->
          </div><!-- "form-group" -->
        </div><!-- "device" -->


        <div class="device">
          <h4 class="title">iPhone 5</h4>
          <div class="img-holder">
            <img src="http://purecssapple.com:80/img/iphone5.png" alt="" class="img-scale">
          </div><!-- "img-holder" -->
          <div class="dimensions">
            <p>Dimensions <br><small><em>Based on 5s version</em></small></p>
            <p>
              <span>Height: 12.3 cm <em>(4.87 inches)</em></span>
              <span>Width: 5.86 cm <em>(2.31 inches)</em></span>
              <span>Depth: 0.76 cm <em>(0.3 inch)</em></span>
            </p>
          </div><!-- "dimensions" -->
          <div class="form-group">
            <label for="" class="form-label">Ratio Calculation</label>
            <div class="input-group">
              <input id="input-iphone5" data-width="5.86" type="number" class="input-width form-control" pattern="^[0-9\.]+$">
              <span class="input-group-addon">px</span>
            </div><!-- "input-group" -->
          </div><!-- "form-group" -->
        </div><!-- "device" -->


        <div class="device">
          <h4 class="title">iPhone 6</h4>
          <div class="img-holder">
            <img src="http://purecssapple.com:80/img/iphone6.png" alt="" class="img-scale">
          </div><!-- "img-holder" -->
          <div class="dimensions">
            <p>Dimensions <br><small><em>Based on non-plus version</em></small></p>
            <p>
              <span>Height: 13.81 cm <em>(5.44 inches)</em></span>
              <span>Width: 6.7 cm <em>(2.64 inches)</em></span>
              <span>Depth: 0.69 cm <em>(0.27 inch)</em></span>
            </p>
          </div><!-- "dimensions" -->
          <div class="form-group">
            <label for="" class="form-label">Ratio Calculation</label>
            <div class="input-group">
              <input id="input-iphone6" data-width="6.7" type="number" class="input-width form-control" pattern="^[0-9\.]+$">
              <span class="input-group-addon">px</span>
            </div><!-- "input-group" -->
          </div><!-- "form-group" -->
        </div><!-- "device" -->


    </div><!-- "device-types" -->
  </div><!-- "xs-pr-20 xs-pl-20" -->

</div><!-- info -->
<!--************* info end ***************-->
<!--************* info end ***************-->
<!--************* info end ***************-->

<!--************* examples start *************-->
<!--************* examples start *************-->
<!--************* examples start *************-->
<div id="examples" class="page-section">
  <div class="xs-pr-20 xs-pl-20">

    <div class="description">
      <h3>EXAMPLES OF USAGE</h3>
      <p>This section shows couple of examples, where to use Pure CSS Apple Devices. Beyond these, it belongs to your imagination.</p>
      <h4>CONTENT SLIDER</h4>
      <p>Simple slider made with Owl Carousel. Content must be append into <code>.pca-inner</code> class.</p>
    </div><!-- "description" -->




    <div class="slider-holder xs-mt-20 xs-mb-50">


      <div class="slider-item imac">
        <div class="pca-ex-hold">
          <div class="pca-ex-main">
            <div class="pca-ex-inner">
              <div class="owl-carousel">
                <div class="item"><img src="http://purecssapple.com:80/img/slider/1.jpg" alt=""></div>
                <div class="item"><img src="http://purecssapple.com:80/img/slider/2.jpg" alt=""></div>
                <div class="item"><img src="http://purecssapple.com:80/img/slider/3.jpg" alt=""></div>
                <div class="item"><img src="http://purecssapple.com:80/img/slider/4.jpg" alt=""></div>
              </div>
            </div><!-- "pca-ex-inner" -->
          </div><!-- "pca-ex-main" -->
          <div class="pca-ex-sub">
            <div class="pca-ex-top"></div>
            <div class="pca-ex-mid">
              <div class="pca-ex-part"></div>
            </div><!-- "pca-ex-mid" -->
            <div class="pca-ex-bot"></div>
          </div><!-- "imac-bot" -->
        </div><!-- "pca-ex-hold" -->
      </div><!-- "slider-item imac" -->


      <div class="slider-item macbook">
        <div class="pca-ex-hold">
          <div class="pca-ex-main">
            <div class="pca-ex-inner">
              <div class="owl-carousel">
                <div class="item"><img src="http://purecssapple.com:80/img/slider/5.jpg" alt=""></div>
                <div class="item"><img src="http://purecssapple.com:80/img/slider/4.jpg" alt=""></div>
                <div class="item"><img src="http://purecssapple.com:80/img/slider/6.jpg" alt=""></div>
                <div class="item"><img src="http://purecssapple.com:80/img/slider/3.jpg" alt=""></div>
              </div>
            </div><!-- "pca-ex-inner" -->
          </div><!-- "pca-ex-main" -->
          <div class="pca-ex-sub">
            <div class="pca-ex-top"></div>
            <div class="pca-ex-mid">
              <div class="pca-ex-part"></div>
            </div><!-- "pca-ex-mid" -->
            <div class="pca-ex-bot"></div>
          </div><!-- "imac-bot" -->
        </div><!-- "pca-ex-hold" -->
      </div><!-- "slider-item macbook" -->


      <div class="slider-item iphone6">
        <div class="pca-ex-hold">
          <div class="pca-ex-main">
            <div class="pca-ex-inner">
              <div class="owl-carousel">
                <div class="item"><img src="http://purecssapple.com:80/img/slider/iphone/6.jpg" alt=""></div>
                <div class="item"><img src="http://purecssapple.com:80/img/slider/iphone/7.jpg" alt=""></div>
                <div class="item"><img src="http://purecssapple.com:80/img/slider/iphone/5.jpg" alt=""></div>
              </div>
            </div><!-- "pca-ex-inner" -->
          </div><!-- "pca-ex-main" -->
          <div class="pca-ex-sub">
            <div class="pca-ex-top"></div>
            <div class="pca-ex-mid">
              <div class="pca-ex-part"></div>
            </div><!-- "pca-ex-mid" -->
            <div class="pca-ex-bot"></div>
          </div><!-- "imac-bot" -->
        </div><!-- "pca-ex-hold" -->
      </div><!-- "slider-item iphone6" -->






    </div><!-- "slider-holder" -->






    <div class="animation-holder">
      <div class="description xs-mb-40 xs-mt-50">
        <h4>DEVICE MORPH ANIMATION</h4>
        <p class="xs-mb-20">With a few lines of Javascript (only by adding and removing class), you can transform one device to another using CSS3 animation.</p>
      </div><!-- "description" -->

      <div id="animation">
        <div class="anim-holder">
          <div class="pca-anim-wrap trans">
            <div class="pca-anim-hold trans">
              <div class="pca-anim-main trans">
                <div class="pca-anim-inner">
                </div><!-- "pca-anim-inner" -->
                <div class="slider-nav prev"><i></i><i></i></div>
                <div class="slider-nav next"><i></i><i></i></div>
              </div><!-- "pca-anim-main" --><!-- "pca-anim-main trans" -->
              <div class="pca-anim-sub trans">
                <div class="pca-anim-top trans"></div>
                <div class="pca-anim-mid trans">
                  <div class="pca-anim-part trans"></div>
                </div><!-- "pca-anim-mid" -->
                <div class="pca-anim-bot trans"></div>
              </div><!-- "imac-bot" -->
            </div><!-- "pca-anim-hold" -->
          </div><!-- pca-anim-wrap -->
        </div><!-- "anim-holder" -->
      </div><!-- animation -->

    </div><!-- "animation-holder" -->






  </div><!-- "xs-pr-20 xs-pl-20" -->
</div><!-- examples -->
<!--************* examples end ***************-->
<!--************* examples end ***************-->
<!--************* examples end ***************-->


<!--************* footer start *************-->
<!--************* footer start *************-->
<!--************* footer start *************-->

<div id="footer">
  <div class="container">
    <div class="row">
      <div class="col-sm-6">
        <p>Purecssapple.com</p>
        <p>MIT License. Free to use.</p>
        <p>Changelog:</p>
        <p><small>Version 1.0: First init</small></p>
        <p><small>Version 1.1: Fixed Mac Book bottom dimensions</small></p>
        <p><small>Version 1.2: iMac's Apple Logo converted to SVG data-uri.</small></p>
      </div><!-- "col-sm-6" -->
      <div class="col-sm-6 text-right">
        <p>Coded and designed by: <b>Ömer Aslanbakan</b></p>
        <p><a href="http://aslanbakan.com/" target="_blank">aslanbakan.com</a></p>
        <p><a href="http://twitter.com/Eomerx" target="_blank">Twitter: @Eomerx</a></p>
      </div><!-- "col-sm-6" -->
    </div><!-- "row" -->
  </div><!-- "container" -->
</div><!-- footer -->
<!--************* footer end ***************-->
<!--************* footer end ***************-->
<!--************* footer end ***************-->















<!--************* modal code start *************-->
<div id="modal-code" class="zoom-anim-dialog modal-small white-popup mfp-hide">
  <div class="holder">
    <div class="container">
      <div class="row">
        <div class="col-md-10 col-lg-offset-1 col-lg-8 col-lg-offset-2 relative" style="background-color: #fff;">
          <button class="mfp-close" type="button" title="">×</button>
          <div class="well">
            <section>
              <h3 class="xs-mb-20">HTML</h3>
              <div class="form-group relative">
                <textarea class="form-control resize-vertical" id="code-html" cols="30" rows="10"></textarea>
                <!-- <button id="btn-copy-html" class="btn btn-info btn-xs btn-copy">COPY</button>
                <p class="msg-copy" style="display:none; float: left;">Code copied!</p>
                <div class="clearfix"></div> -->
              </div>
            </section>
            <section>
              <h3 class="xs-mb-20 xs-mt-20">CSS</h3>
              <div class="form-group">
                <textarea class="form-control resize-vertical" id="code-css" cols="30" rows="10"></textarea>
                <!-- <button id="btn-copy-css" class="btn btn-info btn-xs btn-copy">COPY</button>
                <p class="msg-copy" style="display:none; float: left;">Code copied!</p> -->
                <div class="clearfix"></div>
              </div>
            </section>
          </div>
        </div><!-- "col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3" -->
      </div><!-- "row" -->
    </div><!-- "container" -->
  </div><!-- "modal-small" -->
</div><!-- modal-code -->
<!--************* modal code end ***************-->







<!-- require js compiled -->


<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-59421848-2', 'auto');
  ga('send', 'pageview');

</script>


</body>
</html><!--
     FILE ARCHIVED ON 18:55:01 Jul 10, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:28:19 Jan 23, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
-->
<!--
playback timings (ms):
  LoadShardBlock: 48.012 (3)
  esindex: 0.009
  captures_list: 68.413
  CDXLines.iter: 14.238 (3)
  PetaboxLoader3.datanode: 207.828 (4)
  exclusion.robots: 0.223
  exclusion.robots.policy: 0.207
  RedisCDXSource: 0.742
  PetaboxLoader3.resolve: 98.722
  load_resource: 265.615
-->