JSFiddle - React, Tailwind, and code Playground

HTML

<script>
        
      $(document).ready(function () {

        var width = $(window).width();

        if(width<400){
              $("#Menu_Drop").show();
              $("aside").hide();
        }
        else{
              $("#Menu_Drop").hide();
              $("aside").show();
        }

        $('img').on('dragstart', function(event) { event.preventDefault(); });

        $('.flexslider').flexslider({
            animation: 'fade',
            slideshow: true,  
            touch: true,  
            keyboard: true,
            slideshowSpeed: 7000, 
            animationSpeed: 500,
            controlNav: false,
            directionNav: false,  

            before: function(){

            $("#Mensagem").animate({ opacity: '0', });

            $(".triangulo").animate({ opacity: '1', });

            $(".triangulo").animate({ borderWidth: '0px', });

            },

            after: function(){
              if(width<500){
              $(".triangulo").animate({ borderWidth: '10px', });
            }
            else{
              $(".triangulo").animate({ borderWidth: '70px', });
            }


              $("#Mensagem").animate({ opacity: '1', });

            }, 


        });
      });



      
</script>

<body>

	<div id="Container">
    	<div id="Header" class="Header">
            <div id="Container_Central_Header">
              <table border='0'>
        	       <td >
                      <img id="Logo" src="img/logo.png" />
                 </td>

                 <td class="Menu">
                  <div id="Container_Menu">
                      <aside>
                        <h3 unselectable="on">Home</h3>
                      </aside>

                      <aside>
                        <h3 unselectable="on">Empresa</h3>
                      </aside>

                      <aside>
                        <h3 unselectable="on">Serviços</h3>
                      </aside>

                      <aside>
                       ...

CSS

/*  
Theme Name: 
Version: 0.1
Description: Design por Studio Noctus
Author: Studio Noctus
Author URI: Studio Noctus

Copyright: (c) 2013 Studio Noctus.
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


@charset "utf-8";

@font-face {
	font-family: Lato-Lig;
	src: url('../font/Lato-Lig.ttf');
}

@font-face {
	font-family: Lato-Reg;
	src: url('../font/Lato-Reg.ttf');
}


/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers
-2.2 Navigation
-2.2.1 Drop-down menus - em aberto
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Extended Footer
-2.7 Footer
-2.8 Fonts

-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body {

	/*Retira a margem branca em volta do site.*/
 	margin-top: 0px;
	margin-bottom: 0px;
 	margin-left: 0px;
	margin-right: 0px;
	
	
	/*define a cor de fundo do site caso aconteça algum erro com a imagem, evita um load com a pagina branca.*/
 	background: #ba0107;
	
	/*Garante uma fonte mais suavilizada ao webkit*/
	-webkit-font-smoothing: antialiased;

}

table {

	margin-top: 0px;
	margin-bottom: 0px;
 	margin-left: 0px;
	margin-right: 0px;
	border-spacing: 0;
	border-collapse: collapse;

}

table td, 
table th{
padding: 0; /* 'cellpadding' equivalent */
}

img {
  -moz-user-select: none;
  -webkit-user-select: none;
  /* this will work for QtWebKit in future */
  -webkit-user-drag: none;
  border:none;
}

/* 1.2 Hyperlinks */


/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE...