JSFiddle - React, Tailwind, and code Playground

by Angelo Rogério Rubin

HTML

<html>
    <head></head>
    <body>
        <div id="box_geral">
            <div id="box_topo"></div>
            <div id="box_menu"></div>
            <div id="box_apoio"></div>
            <div id="box_direita"></div>
            <div id="box_rodape"></div> 
        </div>
    </body>
</html>

CSS

* {
    margin:0;
    padding:0;
}

#box_geral {
    border: 1px solid #000;
    width:100%;
    min-height:500px;
    height:auto;
    overflow:hidden;
    }

#box_topo {
    border: 1px solid #000;
    width:99%;
    height:180px;
    margin:1px;    
    }

#box_apoio {
    border: 1px solid #000;
    width:60%;
    height:300px;
    margin:1px; 
    float:left;   
    }

#box_direita {
    border: 1px solid #000;
    width:37%;
    height:300px;
    margin:1px; 
    float:left; 
    }

#box_rodape {
    border: 1px solid #000;
    width:99%;
    height:100px;
    margin:1px; 
    float:left;   
    }

#box_menu {
    border: 1px solid #000;
    width:99%;
    height:40px;
    margin:1px; 
    float:left;   
    }

JavaScript

$(document).ready(function(){
var nome = "Angelo";
    alert("nome");
});