<style>.sidebar {display: none;}.blog {width: 100%;}.card__image h2,.card__image span{position:absolute;padding:.25rem .5rem;text-align:center;color:#fff;background:rgba(0,0,0,.75);width:100%;display:block;font-weight:700;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.card__image h2{bottom:0;padding:.5rem;font-size:1rem;margin:0}.card__image span{top:0;font-size:12px}.card__image:hover span{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.card__image:hover h2{-webkit-transform:translateY(100%);transform:translateY(100%)}.post__title {display: none;}.main, .post-body {padding-bottom: 0;}</style> <div class="wjs-tab alpha"> <div class="tab-header"> <a class="wjs-item is-active" href="#tab1">1980</a> <a class="wjs-item" href="#tab2">1979</a> <a class="wjs-item" href="#tab3">1978</a> <a class="wjs-item" href="#tab4">1977</a> <a class="wjs-item" href="#tab5">1976</a> </div> <div class="tab-body"> <!--/// 1980 ===================--> <div class="wjs-panel is-active" id="tab1"> <div class="items row"> <!--/// Item ///--> <div class="card col-2-xl col-3-lg col-4-md col-6-sm"> <div class="card__content"> <a class="card__image" href="#URL" target="_blank"> <img src="https://i.imgur.com/mpVJ7nB.jpg"> <h2>---</h2> <span>TV</span> <div class='card-prox'>Próximamente</div> </a> </div> </div> </div> </div> <!--/// 1979 ===================--> <div class="wjs-panel" id="tab2"> <div class="items row"> <!--/// Item ///--> <div class="card col-2-xl col-3-lg col-4-md col-6-sm"> <div class="card__content"> <a class="card__image" href="#URL" target="_blank"> <img src="https://i.imgur.com/mpVJ7nB.jpg"> <h2>---</h2> <span>TV</span> <div class='card-prox'>Próximamente</div> </a> </div> </div> </div> </div> <!--/// 1978 ===================--> <div class="wjs-panel" id="tab3"> <div class="items row"> <!--/// Item ///--> <div class="card col-2-xl col-3-lg col-4-md col-6-sm"> <div class="card__content"> <a class="card__image" href="#URL" target="_blank"> <img src="https://i.imgur.com/mpVJ7nB.jpg"> <h2>---</h2> <span>TV</span> <div class='card-prox'>Próximamente</div> </a> </div> </div> </div> </div> <!--/// 1977 ===================--> <div class="wjs-panel" id="tab4"> <div class="items row"> <!--/// Item ///--> <div class="card col-2-xl col-3-lg col-4-md col-6-sm"> <div class="card__content"> <a class="card__image" href="#URL" target="_blank"> <img src="https://i.imgur.com/mpVJ7nB.jpg"> <h2>---</h2> <span>TV</span> <div class='card-prox'>Próximamente</div> </a> </div> </div> </div> </div> <!--/// 1976 ===================--> <div class="wjs-panel" id="tab5"> <div class="items row"> <!--/// Item ///--> <div class="card col-2-xl col-3-lg col-4-md col-6-sm"> <div class="card__content"> <a class="card__image" href="#URL" target="_blank"> <img src="https://i.imgur.com/mpVJ7nB.jpg"> <h2>---</h2> <span>TV</span> <div class='card-prox'>Próximamente</div> </a> </div> </div> </div> </div> </div> </div>
