We currently have two slider images in porto theme homepage slider and we would like to add an extra slider clickable image only. below is our current code for the two sliders:
Where should we insert a third slider clickable image?
<div class="porto-ibanner" style="min-height: 500px;">
<img src="{{media url=wysiwyg/smartwave/porto/homepage/14/shop14_home_slider2.jpg}}" />
<div class="porto-ibanner-desc no-padding d-flex">
<div class="container">
<div class="porto-ibanner-container">
<div class="porto-ibanner-layer" style="left: 8%; top: 50%; transform: translateY(-50%);">
<h4 style="font-size: 2.125em; color: #999999; line-height: 1; font-weight: 500;" class="vc_custom_heading mb-0 align-left">EXTRA</h4>
<h3 style="font-size: 4.3125em; line-height: 1;" class="vc_custom_heading mb-2 align-left">20% OFF</h3>
<div class="vc_custom_heading mb-3 align-left heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl">
<h2 style="font-size: 2.125em; line-height: 1;" class="heading-tag text-uppercase">ACCESSORIES</h2>
</div>
<h4 style="font-size: 2.125em; line-height: 1.2; font-weight: 500;" class="vc_custom_heading ls-120 mb-4 custom-font1 align-left text-uppercase">drones on sale</h4>
<div class="btn-container mb-0 ls-120 text-center"><a href="/accessories.html"><button class="btn btn-modern btn-xl btn-dark w-100">Shop All Sale</button></a></div>