Skip to content

Instantly share code, notes, and snippets.

/gist:b1ccb77914c6722d40bd Secret

Created April 24, 2014 16:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/b1ccb77914c6722d40bd to your computer and use it in GitHub Desktop.
Save anonymous/b1ccb77914c6722d40bd to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1
<section class="main_comparison">
<div class="comparison_wrapper camera_large">
<div class="camera_heading">
<div class="camera_name">
<div class="selektor camera_a">
<div class="selektor-wrapper" data-manufacturer="canon" data-model="70d" data-display="Canon 70D">
<input class="selektor-edit typeahead" type="text" placeholder="Find a Camera" value="">
</div>
</div>
</div>
<div class="camera_name">
<div class="selektor camera_b">
<div class="selektor-wrapper" data-manufacturer="canon" data-model="60d" data-display="Canon 60D">
<input class="selektor-edit typeahead" type="text" placeholder="Find a Camera" value="">
</div>
</div>
</div>
</div>
<div class="camera_wrapper camera_a">
<div class="camera_image"><a class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="sensor" >APS-C <span class="detail">337.5mm<sup>2</sup></span></li>
<li class="megapixels">20.2 megapixels</li>
<li class="iso">ISO 100 - 12800</li><li class="price"> $1510 Average Retail <span class="detail">$1550 MSRP</span></li>
</ul>
</div>
</div>
<div class="camera_wrapper camera_b">
<div class="camera_image"><a class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="sensor" id="tour_comparison" >APS-C <span class="detail">369.7mm<sup>2</sup></span></li>
<li class="megapixels">18.0 megapixels</li>
<li class="iso">ISO 100 - 6400</li><li class="price"><span class="detail">$1399 MSRP</span></li>
</ul>
</div>
</div>
</div>
</section>
<section class="buy_from">
<div class="section_head">
<h2>Buy From</h2>
</div>
<div class="affiliates_wrapper">
<div class="affiliate_set camera_a">
<ul class="affiliate_links" >
<li><a href="http://adorama.evyy.net/c/60095/51926/1036?subId1=imgr-avb-buypod&sharedid=imgr-avb-buypod&u=http://www.adorama.com/searchsite/default.aspx?searchinfo=canon+70d" target="_blank">Adorama.com</a></li>
<li><a href="http://www.amazon.com/s/?rh=n%3A502394%2Ck%3Acanon+70d&keywords=canon+70d&tag=imgr-avb-buypod-20" target="_blank">Amazon.com</a></li>
<li><a href="http://www.bhphotovideo.com/c/buy/canon_70d/Ntt/canon+70d/N/0/kw/search/BI/771/KBID/1047/DFF/d10-v1-t12/SID/imgr-avb-buypod" target="_blank">B&H</a></li>
</ul>
</div>
<div class="affiliate_set camera_b">
<ul class="affiliate_links" id="tour_buy" >
<li><a href="http://adorama.evyy.net/c/60095/51926/1036?subId1=imgr-avb-buypod&sharedid=imgr-avb-buypod&u=http://www.adorama.com/searchsite/default.aspx?searchinfo=canon+60d" target="_blank">Adorama.com</a></li>
<li><a href="http://www.amazon.com/s/?rh=n%3A502394%2Ck%3Acanon+60d&keywords=canon+60d&tag=imgr-avb-buypod-20" target="_blank">Amazon.com</a></li>
<li><a href="http://www.bhphotovideo.com/c/buy/canon_60d/Ntt/canon+60d/N/0/kw/search/BI/771/KBID/1047/DFF/d10-v1-t12/SID/imgr-avb-buypod" target="_blank">B&H</a></li>
</ul>
</div>
</div>
</section>
<section class="advantages">
<div class="section_head">
<h2>Advantages</h2>
</div>
<div class="advantages_wrapper">
<div class="advantages_set camera_a">
<h3>Canon 70D<span class="lighten"> over Canon 60D</span></h3>
<ul class="camera_advantages">
<li class="afpoints"><span class="icon"></span><span class="detail">19 <em>vs</em> 9</span></li> <li class="xafpoints"><span class="icon"></span><span class="detail">19 <em>vs</em> 9</span></li> <li class="wifi"><span class="icon"></span><span class="detail">WIFI <em>vs</em> None</span></li> <li class="touchscreen"><span class="icon"></span><span class="detail">Touch <em>vs</em> No touch</span></li> <li class="boostiso"><span class="icon"></span><span class="detail">25600 <em>vs</em> 12800 ISO</span></li> <li class="phasedetect"><span class="icon"></span><span class="detail">Yes <em>vs</em> No</span></li> <li class="widelag"><span class="icon"></span><span class="detail">0.07 <em>vs</em> 0.25 sec</span></li>
</ul>
</div>
<div class="advantages_set camera_b">
<h3 id="tour_advantages">Canon 60D<span class="lighten"> over Canon 70D</span></h3>
<ul class="camera_advantages">
<li class="startup"><span class="icon"></span><span class="detail">0.40 <em>vs</em> 0.70 sec</span></li>
</ul>
</div>
</div>
</section>
<section class="review_excerpt">
<div class="section_head">
<h2 id="tour_excerpt">Review Excerpt</h2>
</div>
<div class="excerpts_wrapper" >
<div class="excerpts_set camera_a">
<ul class="review_excerpts"> <li class="pros">
<p>Dual Pixel CMOS AF delivers full-time continuous autofocus (with phase detect at every pixel in framing area) for video and Live View still shooting; Full HD (1080p) video recording with pro-level features and quality; Improved resolution and good high ISO performance; Excellent Wi-Fi remote shooting with full exposure controls; 3-inch articulating LCD touchscreen.</p>
</li> <li class="cons">
<p>Image quality only improved slightly over 60D; Dynamic range still lags behind competing models; May not feature enough upgrades to convince people to step up from 60D.</p>
</li> <li class="review_link">
<a href="http://www.imaging-resource.com/PRODS/canon-70d/canon-70dA.HTM">Read our Canon 70D Full Review</a>
</li>
</ul>
</div>
<div class="excerpts_set camera_b">
<ul class="review_excerpts"> <li class="pros">
<p>Excellent 18-megapixel sensor with superb detail;
Very good high ISO performance, especially for 18-megapixel subframe sensor; 3.0-inch, 1,040K-dot Vari-angle LCD is very useful for video and Live View; Sharp 18-135 kit lens with above average zoom range and I.S.; Full HD (1920x1080) movies at 30/25/24p, 60/50p at 1280x720.</p>
</li> <li class="cons">
<p>Body not as rugged as mag-alloy 50D; AF assist only works when flash is up, though flash can be forced off; Auto-exposure not reliable in very low light; No continuous autofocus in Movie mode.</p>
</li> <li class="review_link">
<a href="http://www.imaging-resource.com/PRODS/E60D/E60DA.HTM">Read our Canon 60D Full Review</a>
</li>
</ul>
</div>
</div>
</section>
<section class="the_competition">
<div class="section_head">
<h2 id="tour_competition1">The Competition</h2>
</div>
<div class="competition_wrapper">
<h3>Compared to Nikon <span class="lighten">D7100</span></h3>
<div class="competition_set">
<div class="comparison_wrapper camera_small" data-comparison-url="/cameras/canon/70d/vs/nikon/d7100/" data-comparison-text="Canon 70D vs Nikon D7100">
<div class="camera_heading">
<div class="camera_name">
<span class="manufacturer">Canon</span>
<span class="model">70D</span>
</div>
<div class="camera_name">
<span class="manufacturer">Nikon</span>
<span class="model">D7100</span>
</div>
</div>
<div class="camera_wrapper camera_a">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1510</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="lcdtiltable"><span class="icon"></span></li> <li class="wifi"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="camera_wrapper camera_2291">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1424</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="afpeaking"><span class="icon"></span></li> <li class="startup"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="comparison_link">
<a href="/cameras/canon/70d/vs/nikon/d7100/">Compare Canon 70D with Nikon D7100</a>
</div>
</div>
</div>
<div class="competition_set">
<div class="comparison_wrapper camera_small" data-comparison-url="/cameras/canon/60d/vs/nikon/d7100/" data-comparison-text="Canon 60D vs Nikon D7100">
<div class="camera_heading" >
<div class="camera_name" >
<span class="manufacturer">Canon</span>
<span class="model">60D</span>
</div>
<div class="camera_name">
<span class="manufacturer">Nikon</span>
<span class="model">D7100</span>
</div>
</div>
<div class="camera_wrapper camera_b">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1399</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="lcdtiltable"><span class="icon"></span></li> <li class="rawspeed"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="camera_wrapper camera_2291">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1424</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="afpeaking"><span class="icon"></span></li> <li class="afpoints"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="comparison_link">
<a href="/cameras/canon/60d/vs/nikon/d7100/">Compare Canon 60D with Nikon D7100</a>
</div>
</div>
</div>
</div>
<div class="competition_wrapper">
<h3>Compared to Nikon <span class="lighten">D5200</span></h3>
<div class="competition_set">
<div class="comparison_wrapper camera_small" data-comparison-url="/cameras/canon/70d/vs/nikon/d5200/" data-comparison-text="Canon 70D vs Nikon D5200">
<div class="camera_heading">
<div class="camera_name">
<span class="manufacturer">Canon</span>
<span class="model">70D</span>
</div>
<div class="camera_name">
<span class="manufacturer">Nikon</span>
<span class="model">D5200</span>
</div>
</div>
<div class="camera_wrapper camera_a">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1510</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="zoom"><span class="icon"></span></li> <li class="xafpoints"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="camera_wrapper camera_2216">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$723</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="afpoints"><span class="icon"></span></li> <li class="megapixels"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="comparison_link">
<a href="/cameras/canon/70d/vs/nikon/d5200/">Compare Canon 70D with Nikon D5200</a>
</div>
</div>
</div>
<div class="competition_set">
<div class="comparison_wrapper camera_small" data-comparison-url="/cameras/canon/60d/vs/nikon/d5200/" data-comparison-text="Canon 60D vs Nikon D5200">
<div class="camera_heading" >
<div class="camera_name" id="tour_competition2" >
<span class="manufacturer">Canon</span>
<span class="model">60D</span>
</div>
<div class="camera_name">
<span class="manufacturer">Nikon</span>
<span class="model">D5200</span>
</div>
</div>
<div class="camera_wrapper camera_b">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1399</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="zoom"><span class="icon"></span></li> <li class="rawspeed"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="camera_wrapper camera_2216">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$723</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="afpoints"><span class="icon"></span></li> <li class="boostiso"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="comparison_link">
<a href="/cameras/canon/60d/vs/nikon/d5200/">Compare Canon 60D with Nikon D5200</a>
</div>
</div>
</div>
</div>
<div class="competition_wrapper">
<h3>Compared to Canon <span class="lighten">T5i</span></h3>
<div class="competition_set">
<div class="comparison_wrapper camera_small" data-comparison-url="/cameras/canon/70d/vs/canon/t5i/" data-comparison-text="Canon 70D vs Canon T5i">
<div class="camera_heading">
<div class="camera_name">
<span class="manufacturer">Canon</span>
<span class="model">70D</span>
</div>
<div class="camera_name">
<span class="manufacturer">Canon</span>
<span class="model">T5i</span>
</div>
</div>
<div class="camera_wrapper camera_a">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1510</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="zoom"><span class="icon"></span></li> <li class="afpoints"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="camera_wrapper camera_2302">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$805</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="comparison_link">
<a href="/cameras/canon/70d/vs/canon/t5i/">Compare Canon 70D with Canon T5i</a>
</div>
</div>
</div>
<div class="competition_set">
<div class="comparison_wrapper camera_small" data-comparison-url="/cameras/canon/60d/vs/canon/t5i/" data-comparison-text="Canon 60D vs Canon T5i">
<div class="camera_heading" >
<div class="camera_name" id="tour_competition2" >
<span class="manufacturer">Canon</span>
<span class="model">60D</span>
</div>
<div class="camera_name">
<span class="manufacturer">Canon</span>
<span class="model">T5i</span>
</div>
</div>
<div class="camera_wrapper camera_b">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1399</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="startup"><span class="icon"></span></li> <li class="zoom"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="camera_wrapper camera_2302">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$805</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="touchscreen"><span class="icon"></span></li> <li class="boostiso"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="comparison_link">
<a href="/cameras/canon/60d/vs/canon/t5i/">Compare Canon 60D with Canon T5i</a>
</div>
</div>
</div>
</div>
<div class="competition_wrapper">
<h3>Compared to Pentax <span class="lighten">K-3</span></h3>
<div class="competition_set">
<div class="comparison_wrapper camera_small" data-comparison-url="/cameras/canon/70d/vs/pentax/k-3/" data-comparison-text="Canon 70D vs Pentax K-3">
<div class="camera_heading">
<div class="camera_name">
<span class="manufacturer">Canon</span>
<span class="model">70D</span>
</div>
<div class="camera_name">
<span class="manufacturer">Pentax</span>
<span class="model">K-3</span>
</div>
</div>
<div class="camera_wrapper camera_a">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1510</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="lcdtiltable"><span class="icon"></span></li> <li class="wifi"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="camera_wrapper camera_2346">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1622</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="boostiso"><span class="icon"></span></li> <li class="megapixels"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="comparison_link">
<a href="/cameras/canon/70d/vs/pentax/k-3/">Compare Canon 70D with Pentax K-3</a>
</div>
</div>
</div>
<div class="competition_set">
<div class="comparison_wrapper camera_small" data-comparison-url="/cameras/canon/60d/vs/pentax/k-3/" data-comparison-text="Canon 60D vs Pentax K-3">
<div class="camera_heading" >
<div class="camera_name" id="tour_competition2" >
<span class="manufacturer">Canon</span>
<span class="model">60D</span>
</div>
<div class="camera_name">
<span class="manufacturer">Pentax</span>
<span class="model">K-3</span>
</div>
</div>
<div class="camera_wrapper camera_b">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1399</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="lcdtiltable"><span class="icon"></span></li> <li class="startup"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="camera_wrapper camera_2346">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1622</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="afpoints"><span class="icon"></span></li> <li class="xafpoints"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="comparison_link">
<a href="/cameras/canon/60d/vs/pentax/k-3/">Compare Canon 60D with Pentax K-3</a>
</div>
</div>
</div>
</div>
<div class="competition_wrapper">
<h3>Compared to Nikon <span class="lighten">D5300</span></h3>
<div class="competition_set">
<div class="comparison_wrapper camera_small" data-comparison-url="/cameras/canon/70d/vs/nikon/d5300/" data-comparison-text="Canon 70D vs Nikon D5300">
<div class="camera_heading">
<div class="camera_name">
<span class="manufacturer">Canon</span>
<span class="model">70D</span>
</div>
<div class="camera_name">
<span class="manufacturer">Nikon</span>
<span class="model">D5300</span>
</div>
</div>
<div class="camera_wrapper camera_a">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1510</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="xafpoints"><span class="icon"></span></li> <li class="touchscreen"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="camera_wrapper camera_2351">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1097</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="afpoints"><span class="icon"></span></li> <li class="gps"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="comparison_link">
<a href="/cameras/canon/70d/vs/nikon/d5300/">Compare Canon 70D with Nikon D5300</a>
</div>
</div>
</div>
<div class="competition_set">
<div class="comparison_wrapper camera_small" data-comparison-url="/cameras/canon/60d/vs/nikon/d5300/" data-comparison-text="Canon 60D vs Nikon D5300">
<div class="camera_heading" >
<div class="camera_name" id="tour_competition2" >
<span class="manufacturer">Canon</span>
<span class="model">60D</span>
</div>
<div class="camera_name">
<span class="manufacturer">Nikon</span>
<span class="model">D5300</span>
</div>
</div>
<div class="camera_wrapper camera_b">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1399</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="rawspeed"><span class="icon"></span></li> <li class="jpegspeed"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="camera_wrapper camera_2351">
<div class="camera_image"><a href="" class="no_decoration"></a></div>
<div class="camera_details">
<ul class="camera_specifications">
<li class="price">$1097</li>
<li class="sensor">APS-C</li>
</ul>
<ul class="camera_advantages">
<li class="afpoints"><span class="icon"></span></li> <li class="gps"><span class="icon"></span></li>
</ul>
</div>
</div>
<div class="comparison_link">
<a href="/cameras/canon/60d/vs/nikon/d5300/">Compare Canon 60D with Nikon D5300</a>
</div>
</div>
</div>
</div>
</section>
<div class="reselektor_wrapper"><a href class="reselektor">Compare Other Cameras?</a></div>
<div id="modal_container">
<div class="modal_mask"></div>
<div class="modal_message"><span>Mask Message</span></div>
<div class="modal_dialog">
<span class="x-button">×</span>
<div class="modal_content_wrapper">
<span class="title"></span>
<span class="content"></span>
</div>
</div>
</div>
<ol class="joyride-list" data-joyride><li data-text="Start Tour">
<h4>Welcome</h4>
<p>
This is our newly designed camera comparison feature!
</p>
<p>
Would you like to take a quick tour?
</p>
</li>
<li data-id="tour_comparison" data-text="Next">
<h4>At a Glance</h4>
<p>Here are a few features that give an at-a-glance view of the cameras.</p>
</li>
<li data-id="tour_buy" data-text="Next">
<h4>Purchase from our trusted partners</h4>
<p>Purchasing cameras (or any other products) through our trusted retailers helps support this content!</p>
</li>
<li data-id="tour_advantages" data-text="Next">
<h4>Comparative Advantages</h4>
<p>These are what we think are the key advantages of each camera over the other.</p>
</li>
<li data-id="tour_excerpt" data-text="Next">
<h4>Review Excerpts</h4>
<p>What you see here is an excerpt of the pros and cons for these cameras from our reviews. </p>
<p>You can click to see the review page for each camera, or ask us to review them if we haven’t already</p>
</li>
<li data-id="tour_competition1" data-text="Next">
<h4>The Competition</h4>
<p>Here are some other competitors that you might be interested in.</p>
</li>
<li data-id="tour_competition2" data-text="Next">
<h4>A Competitor, In Brief</h4>
<p>This is a brief summary of the comparison.</p>
<p>Click to view the full analysis!</p>
</li>
<li data-id="tour_selektor" data-text="Finished">
<h4>Choose Another Matchup</h4>
<p>Click on a camera name or manufacturer to choose a different camera to compare.</p>
</li>
</ol>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment