Paneles

Los paneles de los listados de paneles son enteramente cliqueables y por lo general se usan en listados horizontales o grillas.

---

Paneles chicos

Ofrecen un nivel de jerarquía bajo o mediano.

Panel simple

Ministerio de Economía

Ministerio de Economía

                        <a class="panel panel-default" href="#">
                          <div class="panel-body">
                            <h3>Ministerio de Economía</h3>
                          </div>
                        </a>
                      

Panel simple con texto

Ministerio de Economía

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Ministerio de Economía

consectetur adipisicing elit. Hic, eaque nostrum molestiae deleniti esse rati

                        <a class="panel panel-default" href="#">
                          <div class="panel-body">
                            <h3>Ministerio de Economía</h3>
                            <p class="text-muted">consectetur adipisicing elit. Hic, eaque nostrum molestiae deleniti esse rati</p>
                          </div>
                        </a>
                      

Panel simple con ícono y texto

El estado del estado

Diagnóstico de la Administración Pública Nacional en diciembre de 2019

El estado del estado

Diagnóstico de la Administración Pública Nacional en diciembre de 2019

                        <a class="panel panel-default" href="#">
                            <div class="panel-body">
                                <div class="media">
                                    <div class="media-left padding-5">
                                        <i class="fa fa-phone fa-fw fa-3x text-secondary"></i>
                                    </div>
                                    <div class="media-body">
                                        <h3>El estado del estado</h3>
                                        <p class="text-muted">Diagnóstico de la Administración Pública Nacional en diciembre de 2019</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                      

Panel vertical con ícono y texto

El estado

Diagnóstico de la Administración Pública Nacional en diciembre de 2019

El estado

Diagnóstico de la Administración Pública Nacional en diciembre de 2019

El estado

Diagnóstico de la Administración Pública Nacional en diciembre de 2019

                        <a class="panel panel-default" href="#">
                            <div class="panel-body">
                                <div class="media">
                                    <div class="text-center hidden-xs panel-frame-fix-icono">
                                        <i class="fa fa-fw fa-2x fa fa-briefcase text-primary"></i>
                                    </div>
                                    <div class="media-body">
                                        <h3 class="text-center">
								        <span class="text-center visible-xs">
								        <i class="fa fa-fw fa fa-briefcase text-primary">
								        </i>
								        </span>
								El estado del estado</h3>
								        <div class="text-muted panel-frame-bajada text-center">
                                        <p class="text-muted">Diagnóstico de la Administración Pública Nacional en diciembre de 2019</p>
								      </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                      

Paneles grandes

Ofrecen un nivel de jerarquía alto.

Panel destacado con ícono

Ministerio de Economía

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Ministerio de Economía

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

                        <a class="panel panel-default panel-icon panel-secondary" href="#">
                            <div class="panel-heading icon-fix"><i class="fa fa-file"></i></div>
                            <div class="panel-body">
                                <h3>Ministerio de Economía</h3>
                                <p class="text-muted">quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
                            </div>
                        </a>
                    

Panel destacado con imagen

El estado del estado

Todos los servicios por si sos empleado, monotributista, querés capacitarte o estás buscando trabajo.

El estado del estado

Todos los servicios por si sos empleado, monotributista, querés capacitarte o estás buscando trabajo.

                      <a class="panel panel-default" href="#">
                          <div class="panel-heading" style="background-image: url(imagen.jpg)"></div>
                          <div class="panel-body">
                              <div class="media-body">
                                  <h3>El estado del estado</h3>
                                  <p>Todos los servicios por si sos empleado, monotributista, querés capacitarte o estás buscando trabajo.</p>
                              </div>
                          </div>
                      </a>