single coleções: add info (About and Hiring info) and Rakings

This commit is contained in:
Fabiano Alencar 2018-02-09 16:51:00 -02:00
parent fece4ae100
commit 5ee535ff64
2 changed files with 50 additions and 0 deletions

View File

@ -2,6 +2,7 @@
//Header
get_header();
get_template_part( 'single-colecoes' );
//Footer
get_footer();

49
src/single-colecoes.php Normal file
View File

@ -0,0 +1,49 @@
<div class="container-fluid p-0">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>
<section class="tainacan-info p-2">
<div class="row">
<div class="col-12 col-md-6 p-5">
<h3 class="text-jelly-bean text-capitalize font-weight-bold mb-3">About</h3>
<p>about text</p>
</div>
<hr class="bg-oslo-gray w-100 d-sm-none mx-4"/>
<hr class="bg-oslo-gray h-100 d-none d-md-block my-4"/>
<div class="col-12 col-md-6 p-5">
<h3 class="text-jelly-bean text-capitalize font-weight-bold mb-3">Hiring Info</h3>
<p>info text</p>
</div>
</div>
</section>
<section class="tainacan-ranking p-2">
<div class="col-12 d-flex border-bottom">
<h4 class="text-jelly-bean">Rankings</h4> <span class="text-jelly-bean ml-auto align-self-center">Ver mais</span>
</div>
<div class="row p-5">
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-jelly-bean p-3">play_arrow</i> Esculturas
</div>
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-jelly-bean p-3">play_arrow</i> Livros
</div>
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-jelly-bean p-3">play_arrow</i> Quadros
</div>
<div class="w-100"></div>
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-jelly-bean p-3">play_arrow</i> Artefatos
</div>
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-jelly-bean p-3">play_arrow</i> Documentos
</div>
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-jelly-bean p-3">play_arrow</i> Outros
</div>
</div>
</section>
</div>