Mouse over page number and arrow icon.
Mouse over page number and arrow icon.
Mouse over "Go"
<i class="far fa-chevron-left"></i>, <i class="far fa-chevron-right"></i>
<div class="pagination-wrapper clearfix">
<div class="pagination">
<ul>
<li class="arrow"><a href="#"><i class="far fa-chevron-left"></i></a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li class="active"><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li class="arrow"><a href="#"><i class="far fa-chevron-right"></i></a></li>
</ul>
</div>
</div>
<div class="pagination-wrapper clearfix">
<div class="pagination">
<ul>
<li class="arrow"><a href="#"><i class="far fa-chevron-left"></i></a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li class="disabled">...</li>
<li><a href="#">20</a></li>
<li class="arrow"><a href="#"><i class="far fa-chevron-right"></i></a></li>
</ul>
</div>
<div class="page-input">
<input type="number">
<span><a href="#">Go</a></span>
</div>
</div>