JSFiddle - React, Tailwind, and code Playground

HTML

<div id="da-slider" class="da-slider">
	<div class="da-slide">
		<h2>IKONIC&trade; <br/> <span style="color: #666;">CMP Technology Q &amp; A</span></h2>
		<p><a href="http://www.dowelectronicmaterials.com/products/semiconductors/cmp/ikonic.htm" class="da-link">The launch of the IKONIC&trade; polishing pad platform offered Dow experts Colin Cameron and Lee Cook the opportunity to address developments in CMP technology...</a></p>
	</div>
	<div class="da-slide">
		<h2>Flip Chip Packaging Technology</h2>
		<p><a href="http://www.dowelectronicmaterials.com/products/advanced_chip_packaging/metallization/solderon-plating-chemistry-for-solder-bump.htm" class="da-link">SOLDERON&trade; BP TS 6000 Tin Silver offers industry-leading plating rates and process flexibility for flip chip packages and interconnects</a></p>
	</div>
	<div class="da-slide">
		<h2>Novel Process for Through Hole Fill Plating Technology</h2>
		<p><a href="http://www.dowelectronicmaterials.com/pdfs/MICROFILL_THF_Electrolytic_Copper_Presentation.pdf" target="_blank" class="da-link">MICROFILL&trade; THF presentation details fill performance benefits even when electroplating through holes with different geometry</a></p>
	</div>
	<div class="da-slide">
		<h2>Litho University<sup>SM</sup></h2>
		<p><a href="http://www.dowelectronicmaterials.com/news/lithouniversity.htm" class="da-link">Learn from Dow's industry leading scientists on how we're extending Moore's law with advanced technologies.</a></p>
	</div>
	<nav class="da-arrows">
		<span class="da-arrows-prev"></span>
		<span class="da-arrows-next"></span>
	</nav>
</div>
<div style="clear:both"></div>

CSS

.content-A {width: 950px; margin-top: 32px !important; height: 700px;}
	.main-image {height: 430px; background: transparent;}
	.column-wrapper {border-top: none;}
	#photos {background: none; margin: 10px;}
	#find_photo {background-attachment: scroll; background-image: url("image/about-box.png"); background-repeat: no-repeat; float: left; height: 239px; left: 10px; position: relative; top: -245px; width: 50%;}
	#find_photo p {line-height: 21px; margin: 0 0 0 28px; padding: 33px 0 0; text-align: justify; width: 296px;}
	.learn-more {background-color: #E14F09; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #FFFFFF; left: 230px; margin: 10px; padding: 7px 13px; position: relative; top: 20px;}
	.learn-more:hover {background-color: #404040; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #FFFFFF; left: 230px; margin: 10px; padding: 7px 13px; position: relative; top: 20px;}
	#photos .slider {float: left;}
	#solutionism-stories {background: none;}
	.wrapper {width: 972px; margin: 0px auto;}
	.clear, .clearfloats {clear: both;}		
	#solutionism-slider {position: absolute; right: -10px; top: 0;}
	#solutionism-stories .wrapper {position: relative; top: 45px; left: -32px;}
	#slider-wrapper {height: 150px; left: 0; padding: 0 35px; position: relative; top: -265px; width: 885px; /*height: 74px;*/}
	#slider {width: 102%; height: 100%; overflow: hidden; position: relative;}
	#slider .container {width: 1000%; height: 100%; overflow: hidden; position: absolute;}
	#slider .container .story {display: inline-block; padding-right: 5px; width: 221px; /*height: 74px;height: 75px; text-indent: -9999px;*/}
	#slider .container .story a {display: block;position:relative;}
	#slider .container .story a span {background-image: url("image/new-arrow.png"); background-position: 204px 10px; background-repeat: no-repeat; color:#dc4500; position:absolute; right:0; left:0; font-size:12px; padding:0.4em; line-height:2em; min-height:2em;...

JavaScript

/* Modernizr 2.5.3 (Custom Build) | MIT & BSD
 * Build: http://www.modernizr.com/download/#-cssanimations-csstransitions-shiv-cssclasses-testprop-testallprops-domprefixes-load
 */
;window.Modernizr=function(a,b,c){function x(a){j.cssText=a}function y(a,b){return x(prefixes.join(a+";")+(b||""))}function z(a,b){return typeof a===b}function A(a,b){return!!~(""+a).indexOf(b)}function B(a,b){for(var d in a)if(j[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function C(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:z(f,"function")?f.bind(d||b):f}return!1}function D(a,b,c){var d=a.charAt(0).toUpperCase()+a.substr(1),e=(a+" "+n.join(d+" ")+d).split(" ");return z(b,"string")||z(b,"undefined")?B(e,b):(e=(a+" "+o.join(d+" ")+d).split(" "),C(e,b,c))}var d="2.5.3",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m="Webkit Moz O ms",n=m.split(" "),o=m.toLowerCase().split(" "),p={},q={},r={},s=[],t=s.slice,u,v={}.hasOwnProperty,w;!z(v,"undefined")&&!z(v.call,"undefined")?w=function(a,b){return v.call(a,b)}:w=function(a,b){return b in a&&z(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=t.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(t.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(t.call(arguments)))};return e}),p.cssanimations=function(){return D("animationName")},p.csstransitions=function(){return D("transition")};for(var E in p)w(p,E)&&(u=E.toLowerCase(),e[u]=p[E](),s.push((e[u]?"":"no-")+u));return x(""),i=k=null,function(a,b){function g(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function h(){var a=k.elements;return typeof a=="string"?a.split(" "):a}function i(a){var...