JSFiddle - React, Tailwind, and code Playground

by Aionicus_NL

HTML

<div id="navwrap" style="margin-bottom: 0px; margin-top: 0px; bottom: 0px; top: 33px;">
        <span class="nav_top"></span>
     		            <ul class="nav superfish">
                                
      
                					
            </ul> <!-- end ul.nav -->
                
                <br class="clear" />
        <span class="nav_bottom"></span>
    </div><!-- #navwrap --> 	    
  <div id="featured">
   	<div id="slides">
    	        <div class="slide active">
            <div class="slider_image" style="background-image: url(http://12hire.nl//wp-content/uploads/2012/12/plaatje1-277924_100x375.png) ;" ;>
            <img src="http://12hire.nl/flip/slider-overlay.png" alt="" />
            </div>
            <div class="banner" style="margin-top: -6px; margin-left: -250px; margin">
            <h2></h2>
   
            <br class="clear" />

CSS

#featured #slides { width: 954px; background-color: #e5e5e5; border-bottom: 1px solid #fff; height: 400px;
	padding: 3px; }
		#slides .slide { position: relative; }
		#featured .slider_shadow { background-image: url(images/slider-shadow.png); width: 960px; height: 14px; display: block; }
			.slide .banner { position: absolute; width: 350px; height: 480px; background: url(images/slider-banner.png) no-repeat; top: 16px; padding: 30px 20px 0 96px;font-style: italic; color: #525252; text-shadow: 1px 1px 0px #fff; }
			.slide .active { top: 90px; }
				.banner h2 { color: #a4a4a4; font-size: 38px; padding-bottom: 20px; line-height: 40px; display: block; height: 100px; }
				.banner span { top: 318px; left: 200px; height: 40px; display: block; background-image: url(images/slider-readmore-left.png); position: absolute; }
				.banner span a { background: url(images/slider-readmore-right.png) no-repeat right; height: 24px; font-family: Georgia; font-size: 12px; color: #fff; text-transform: uppercase; float: left; margin-right: -17px; padding: 8px 15px; text-shadow: 1px 1px 0px #6c6c6c; }