JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<script type="text/javascript" async src="https://www.google-analytics.com/analytics.js"></script>
<script src="https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.es.N56kUpoh5hk.O/m=plusone/rt=j/sv=1/d=1/ed=1/am=wQE/rs=AGLTcCOGVlVrS91dmpRiVL1FEDSrI7JTQQ/cb=gapi.loaded_0" async></script> ==0

<script>
window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-144276616-1'); ==$0
  </script>
  <script type="text/javascript"> if(top.location!=this.location) top.location=this.location;</script> ==$0
  <script type="text/javascript" src="https://apis.google.com/js/plusone.js" gapi_processed="true"></script>
  <script type="text/javascript">
var nW,nH,oH,oW;  function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){    oW=whichImage.style.width;oH=whichImage.style.height;    if((oW==iWideLarge)||(oH==iHighLarge)){      nW=iWideSmall;nH=iHighSmall;    }else{      nW=iWideLarge;nH=iHighLarge;    }    whichImage.style.width=nW;whichImage.style.height=nH;  } ==$0
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function(){

jQuery(".contenido_tab").hide(); //Ocultar capas

jQuery("ul.tabs li:first").addClass("activa").show(); //Activar primera pestaña

jQuery(".contenido_tab:first").show(); //Mostrar contenido primera pestaña

// Sucesos al hacer click en una pestaña

jQuery("ul.tabs li a").click(function() {

    jQuery("ul.tabs li").removeClass("activa");

    jQuery(this).parent().addClass("activa");

    jQuery(".contenido_tab").hide();

    var activatab = jQuery(this).attr("href");

    jQuery(activatab).fadeIn();

    return false;

});

});





jQuery(document).ready(function() {

jQuery(".contenido_tab2").hide(); //Ocultar capas

jQuery("ul.tabs2 li:first").addClass("activa").show(); //Activar primera...

CSS

#wrapper {

	width:1200px;

	margin:0 auto;

	background:url(http://gnula.nu/wp-content/uploads/2014/04/heada.jpg);

	

	}