<title>João Zeni e Weliton Cordeiro</title> <style> .global { width: 600px; height: 765px; background-color: white; border: solid 2px; border-color: #b3b3b3; } .texto-global { margin-top: 25px; margin-left: 35px; margin-bottom: 25px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #cccccc; font-size: 18pt; } .topo { border: solid 2px; border-color: #d609b4; width: 575px; height: 150px; margin-left: 10px; } .texto-topo { margin-top: 60px; margin-left: 23px; margin-bottom: 74px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #d609b4; font-size: 18pt; } .conteudo { border: solid 2px; border-color: #6ee2bf; width: 330px; height: 340px; margin-left: -2px; float: left; } .texto-conteudo { margin-top: 150px; margin-left: 23px; margin-bottom: 74px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #6ee2bf; font-size: 18pt; } .menu { border: solid 2px; border-color: #62d5e9; width: 228px; height: 340px; margin-left: -2px; float: right; } .texto-menu { margin-top: 150px; margin-left: 23px; margin-bottom: 74px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #62d5e9; font-size: 18pt; } .rodape { border: solid 2px; border-color: #d67519; width: 575px; height: 150px; margin-left: -2px; margin-top: 430px; } .texto-rodape { margin-top: 60px; margin-left: 23px; margin-bottom: 74px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #d67519; font-size: 18pt; } } </style>

#GLOBAL

    <div class="topo">
        <div class="texto-topo">#TOPO</div>

    <div class="conteudo">
        <div class="texto-conteudo">#CONTEÚDO</div>
    </div>

    <div class="menu">
        <div class="texto-menu">#MENU</div>
    </div>

    <div class="rodape">
        <div class="texto-rodape">#RODAPÉ</div>

    </div>
</div>