JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="block">
            <div class="row">
                <div class="block_header">
                    <b>Núcleo Regional da Diretoria de Araguaína</b><br>
                    (mock,  mock,  mock,  mock,  mock,  mock,  mock)
                </div>

                <div class="block_subheader">
                    <b>Plantão</b>
                </div>


                <div class="col-md-4 info">
                    Defensor Público:<br>
                    <b>Fabricio Silva Brito</b><br>
                    Servidor:<br>

                </div>

                <div class="col-md-4 info">
                    Período                
                </div>

                <div class="col-md-4 info">
                    Telefone
                </div>
                <div class="col-md-4 info">
                    Início 07/03 as 18h00<br>
                    Término 07/03 as 18h00
                </div>

                <div class="col-md-4 info">
                    (92) 3232-3232
                </div> 

            </div>

            

            
        </div>

CSS

.block_header{
    background: #178F8D;
    color: #fff;
    padding: 5px;
    text-align: center;
    margin: 3px;
}

.block_subheader{
    background: #BEBFC1;
    color: #178F8D;    
    text-align: center;    
    padding-bottom: 10px;
    margin-top: 20px;
    
}

.info{
    background: #E6E7E9;
    color: #3A3A3A;
    margin: 0px 5px 5px 0px;
    padding: 5px;
    height: 100%;
}

.separator{
    display: block;
    padding: 0px 0 23px;
}