<div class="container">
<div class="splide" aria-label="Slider">
<div class="splide__track">
<ul class="splide__list slider-layer">
<li class="splide__slide slider-item">
<div class="slider-section slider-text">
<h4 class="layer1">Welcome To NavaPro</h4>
<h2 class="layer2">We Create Perfect Digital Products To Promote Your Brand</h2>
<p class="layer3">Stay on top using simple and easy yet powerful and intelligent artificial tools.</p>
<div class="layer4"><a class="button" href="#">Get Started</a> <a class="button-outline" href="#">Read More</a></div>
</div>
<div class="slider-section slider-image">
<img src="/themes/navapro/images/demo/slider/slide1.svg" alt="image" />
</div>
</li>
<li class="splide__slide slider-item">
<div class="slider-section slider-text">
<h4 class="layer1">We Are Best Theme</h4>
<h2 class="layer2">Your <span class="highlight-dark">Business</span> Need Perfect Solutions</h2>
<p class="layer3">Start growing your business and startup with our amazing digital branding products.</p>
<div class="layer4"><a class="button" href="#">Get Started</a> <a class="button-outline" href="#">Read More</a></div>
</div>
<div class="slider-section slider-image">
<img src="/themes/navapro/images/demo/slider/slide2.svg" alt="image" />
</div>
</li>
<li class="splide__slide slider-item">
<div class="slider-section slider-text">
<h4 class="layer1">Unlock Your Potential</h4>
<h2 class="layer2">We Shape The <span class="highlight-dark">Future</span> of Technology and Marketing</h2>
<p class="layer3">We believe that designing and branding have real impact on the business. Technology can greatly impact your business growth.</p>
<div class="layer4"><a class="button" href="#">Get Started</a> <a class="button-outline" href="#">Read More</a></div>
</div>
<div class="slider-section slider-image">
<img src="/themes/navapro/images/demo/slider/slide3.svg" alt="image" />
</div>
</li>
</ul>
</div>
</div>
</div>
