how to add slider arrow in html
<ul>
<li><h3>Example slider</h3></li>
<li>
<ul>
<li class="tabs">
<ul class="content">
<li><img src="Koala.jpg" alt="Koala"></li>
<li>Date</li>
<li>Title</li>
<li>Province - City</li>
</ul>
</li>
<li class="tabs">
<ul class="content">
<li><img src="Koala.jpg" alt="Koala"></li>
<li>Date</li>
<li>Title</li>
<li>Province - City</li>
</ul>
</li>
<li class="tabs">
<ul class="content">
<li><img src="Koala.jpg" alt="Koala"></li>
<li>Date</li>
<li>Title</li>
<li>Province - City</li>
</ul>
</li>
<li class="tabs">
<ul class="content">
<li><img src="Koala.jpg" alt="Koala"></li>
<li>Date</li>
<li>Title</li>
<li>Province - City</li>
</ul>
</li>
<li class="tabs">
<ul class="content">
<li><img src="Koala.jpg" alt="Koala"></li>
<li>Date</li>
<li>Title</li>
<li>Province - City</li>
</ul>
</li>
<li class="tabs">
<ul class="content">
<li><img src="Koala.jpg" alt="Koala"></li>
<li>Date</li>
<li>Title</li>
<li>Province - City</li>
</ul>
</li>
<li class="tabs">
<ul class="content">
<li><img src="Koala.jpg" alt="Koala"></li>
<li>Date</li>
<li>Title</li>
<li>Province - City</li>
</ul>
</li>
<li class="tabs">
<ul class="content">
<li><img src="Koala.jpg" alt="Koala"></li>
<li>Date</li>
<li>Title</li>
<li>Province - City</li>
</ul>
</li>
<li class="tabs">
<ul class="content">
<li><img src="Koala.jpg" alt="Koala"></li>
<li>Date</li>
<li>Title</li>
<li>Province - City</li>
</ul>
</li>
<li class="tabs">
<ul class="content">
<li><img src="Koala.jpg" alt="Koala"></li>
<li>Date</li>
<li>Title</li>
<li>Province - City</li>
</ul>
</li>
</ul>
</li>
</ul>