Page & Tab

좌측 코드가 전달용 마크업, 우측이 적용 UI.

Page (페이지네이션) .pagination · 현재 .is-active 
<nav class="pagination">
  <a href="#" class="page-prev">«</a>
  <a href="#" class="is-active">1</a>
  <a href="#">2</a>
  <a href="#" class="page-next">»</a>
</nav>
Tab Menu .tab · 활성 .is-active 
<div class="tab">
  <span class="tab-item is-active">Menu</span>
  <span class="tab-item">Menu</span>
  <span class="tab-item">Menu</span>
</div>

<!-- Hover 는 :hover 로 자동 -->
Menu Menu Menu Menu