JSFiddle - React, Tailwind, and code Playground

by Júlio Moreira

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="en-us">
<head>
    <meta charset="utf-8" />
    <title>Fox Brasil</title>

    <script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script>
    <script src="bebas-neue.cufonfonts.js" type="text/javascript"></script>
    <script type="text/javascript">
        Cufon.replace('.bebas-neue', { fontFamily: 'Bebas Neue', hover: true });
    </script>
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css" />
    <link href="/arquivos/style-perso.css" rel="stylesheet" type="text/css" />
    <link href="/arquivos/header_style_fox.css" rel="stylesheet" type="text/css" />
    <link href="/arquivos/style.css" rel="stylesheet" type="text/css" />
    <link href="/arquivos/footerAlteracao.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="arquivos/style-parallax.css" />
    <link rel="stylesheet" href="arquivos/homeMosaicoEfeito.css" />
    <link rel="stylesheet" href="arquivos/menuCategoriaResponsivo.css" />
    <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css' />

</head>

<body>
    <vtex:template id="header-1" />
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->

        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
       ...