JSFiddle - React, Tailwind, and code Playground

by Felipe Stoker

HTML

<div class="p-relative">
    <div class="banner">
        <img src="./imagens/banner.png" height="603" width="1920" alt="" />
    </div>
</div>
<div class="p-relative">
    <div class="homeProcedimentos">
        <div class="cont_960">
            <div class="grid_475 f-left">
                <div class="homeTitulos">
                    	<h2>Conheça nossos</h2>

                    	<h3>Procedimentos</h3>

                </div>
                	<h4>Est&eacute;tica Bucal</h4>

                <p class="margin-top-25">Hoje é possível mudar a cor natural dos dentes, sem alterar a qualidade a estrutura dental. Com o passar da idade, há um escurecimento natural os dentes, e que é acelerado pela ingestão de alimentos de coloração forte, como café, molho de tomate, vinho tinto, beterraba, chocolate, refrigerantes, [...]</p>
            </div>
            <div class="grid_475 f-left">
                <img class="margin-top-195" src="./imagens/procedimentos.png" height="325" width="472" alt="" />
            </div>
        </div>
    </div>
</div>
<div class="clear"></div>
<div class="homeUnidades">
    <div class="cont_960">
        	<h2>Nossas</h2>

        	<h3>Unidades</h3>

    </div>
</div>

CSS

.banner {
    height: 603px;
    left: 50%;
    margin-left: -960px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.homeProcedimentos {
    background-image: url("../imagens/bannerBaixo.jpg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 689px;
    position: absolute;
    z-index: 1;
    top: 427px;
}
.homeTitulos h2 {
    font-family:"roboto";
    font-weight: 100;
    font-style: italic;
    color: #ffffff;
    font-size: 40px;
    margin-top: 195px;
    line-height: 40px;
}
.homeTitulos h3 {
    font-family:"roboto";
    font-weight: 100;
    font-style: italic;
    color: #ffffff;
    font-size: 55px;
    line-height: 55px;
}
.homeProcedimentos h4 {
    font-family:"roboto";
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    font-size: 35px;
    line-height: 35px;
    margin-top: 45px;
}
.homeProcedimentos p {
    font-family:"roboto";
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    width: 420px;
}
.homeUnidades {
    width: 100%;
    height: 450px;
    background-color: #fff;
}