Default
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
Navigation Arrows No Background
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
Show Navigation on Hover
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
Navigation on Title
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
Navigation Inside
![blog-29](jpg/100x41-4.jpg)
![blog-20](jpg/100x41-4.jpg)
Navigation Inside Arrows No Background
![blog-20](jpg/100x41-4.jpg)
![blog-29](jpg/100x41-4.jpg)
Basic
![external](png/lazy-12.png)
![external](png/lazy-12.png)
Animation (FadeOut)
![external](png/lazy-12.png)
![external](png/lazy-12.png)
Center
![external](jpg/project-5.jpg)
![external](jpg/project-6.jpg)
![external](jpg/project-7.jpg)
![external](jpg/project-1.jpg)
![external](jpg/project-2.jpg)
Max Items for Each Resolution
![external](jpg/project-5.jpg)
![external](jpg/project-6.jpg)
![external](jpg/project-7.jpg)
![external](jpg/project-1.jpg)
![external](jpg/project-2.jpg)
![external](jpg/project-3.jpg)
![external](jpg/project-1.jpg)
![external](jpg/project-2.jpg)
![external](jpg/project-3.jpg)
![external](jpg/project-4.jpg)
Multiple Items
![external](png/logo-3.png)
![external](png/logo-4.png)
![external](png/logo-5.png)
![external](png/logo-6.png)
![external](png/logo-7.png)
![external](png/logo-8.png)
![external](png/logo-7.png)
![external](png/logo-6.png)
![external](png/logo-5.png)
![external](png/logo-4.png)
![external](png/logo-3.png)
![external](png/logo-8.png)
Auto Play
![external](png/logo-3.png)
![external](png/logo-4.png)
![external](png/logo-5.png)
![external](png/logo-6.png)
![external](png/logo-7.png)
![external](png/logo-8.png)
![external](png/logo-7.png)
![external](png/logo-6.png)
![external](png/logo-5.png)
![external](png/logo-4.png)
![external](png/logo-3.png)
![external](png/logo-8.png)
Rounded Navigation
![external](png/logo-3.png)
![external](png/logo-4.png)
![external](png/logo-5.png)
![external](png/logo-6.png)
![external](png/logo-7.png)
![external](png/logo-8.png)
![external](png/logo-7.png)
![external](png/logo-6.png)
![external](png/logo-5.png)
![external](png/logo-4.png)
![external](png/logo-3.png)
![external](png/logo-8.png)
Navigation Bottom
![external](png/logo-3.png)
![external](png/logo-4.png)
![external](png/logo-5.png)
![external](png/logo-6.png)
![external](png/logo-7.png)
![external](png/logo-8.png)
![external](png/logo-7.png)
![external](png/logo-6.png)
![external](png/logo-5.png)
![external](png/logo-4.png)
![external](png/logo-3.png)
![external](png/logo-8.png)
Navigation Bottom Rounded
![external](png/logo-3.png)
![external](png/logo-4.png)
![external](png/logo-5.png)
![external](png/logo-6.png)
![external](png/logo-7.png)
![external](png/logo-8.png)
![external](png/logo-7.png)
![external](png/logo-6.png)
![external](png/logo-5.png)
![external](png/logo-4.png)
![external](png/logo-3.png)
![external](png/logo-8.png)
Inside Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
![external](png/lazy-12.png)
![external](png/lazy-12.png)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis. Consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.
Full Width
Half Full Width Right Aligned
.half-full-width-carousel .owl-carousel .owl-nav { text-align: start; }
.half-full-width-carousel { width: calc( 100vw - ( ( 100vw - var(--porto-container-width) ) / 2 )) !important; }
Flick Full Width Carousel
Center Active Item Full Width
.owl-carousel.carousel-center-active-item-full .owl-stage-outer { overflow: visible; }
.owl-carousel.carousel-center-active-item-full .owl-item { opacity: 1; }
.owl-carousel.carousel-center-active-item-full .owl-item > div { margin-left: auto; background: #fff; border-radius: 7px; box-shadow: 0px 0px 70px -40px rgba(0, 0, 0, 0.2); }
.owl-carousel.carousel-center-active-item-full .owl-item.center > div * { color: #FFF !important; }
.owl-carousel.carousel-center-active-item-full .owl-item.center > div { background: #0088CC; }
.owl-carousel.carousel-center-active-item-full .owl-item.center > div { margin-right: auto; }
.owl-carousel.carousel-center-active-item-full .owl-item.center + .owl-item > div { margin-right: auto; margin-left: 0; }
@media (min-width: 768px) { .owl-carousel.carousel-center-active-item-full .owl-item > div { width: 66.6666%; } }
Center Active Image Full Width
![blog-40](jpg/100x41-4.jpg)
![blog-24](jpg/100x41-4.jpg)
![blog-21](jpg/100x41-4.jpg)
![blog-20](jpg/100x41-4.jpg)
.owl-carousel.carousel-center-active-item-2 .owl-stage-outer { overflow: visible; }
.owl-carousel.carousel-center-active-item-2 .owl-item { opacity: 1; }
.owl-carousel.dots-modern .owl-dots .owl-dot span { width: 4px; height: 4px; transition: ease all 300ms 300ms; }
.owl-carousel.dots-modern .owl-dots .owl-dot.active span { transform: scale(2); }
Nav Inside Half Section
Half Section
![blog-40](jpg/100x41-4.jpg)
![blog-24](jpg/100x41-4.jpg)
![blog-21](jpg/100x41-4.jpg)
![blog-20](jpg/100x41-4.jpg)
.owl-carousel.nav-inside-half-section .owl-nav > button { transform: none !important; }
.owl-carousel.nav-inside-half-section .owl-nav { top: auto; bottom: 60px; }
.owl-carousel.nav-inside-half-section .owl-nav button.owl-next { left: -60px; }
.owl-carousel.nav-inside-half-section .owl-nav button.owl-prev { left: -60px; top: -61px; }
Horizontal Scroller Section
![blog-23](jpg/100x41-4.jpg)
![blog-16](jpg/100x41-4.jpg)
![blog-11](jpg/100x66-2.jpg)
![blog-5](jpg/100x99.jpg)
![blog-4](jpg/100x66-2.jpg)
![blog-8](jpg/100x66-2.jpg)
![memory-of-a-woman](jpg/100x56-2.jpg)
![blog-3](jpg/100x41-4.jpg)