$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:5
}
}
})<section id="our-projects">
<div class="container">
<div class="row">
<h2 class="text-center wow zoomIn">Our <span class="blue-text">Projects</span></h2>
<p class="text-center mypara">Our consultants opt in to the projects they genuinely want to work on,<br> committing wholeheartedly to delivering.</p>
<div class="col-md-12">
<div class="owl-carousel owl-theme project-carousel">
<div class="item wow slideInLeft">
<div class="project-item">
<div class="project-img">
<img src="https://blogs.forbes.com/glennllopis/files/2018/02/shutterstock_1253381451.jpg" alt="project1-img">
</div>
<h3>Buisness Project</h3>
<p>Our consultants opt in to the projects they genuinely want to work on, committing wholeheartedly to delivering.</p>
</div>
</div>
<div class="item">
<div class="project-item">
<div class="project-img">
<img src="https://www.incimages.com/uploaded_files/image/970x450/getty_473909426_129584.jpg" alt="project2-img">
</div>
<h3>Carrier Project</h3>
<p>Our consultants opt in to the projects they genuinely want to work on, committing wholeheartedly to delivering.</p>
</div>
</div>
<div class="item wow slideInRight">
<div class="project-item">
<div class="project-img">
<img src="https://launchworkplaces.com/wp-content/uploads/2015/12/meeting-iStock.jpg" alt="project3-img">
</div>
<h3>Factory Managment</h3>
<p>Our consultants opt in to the projects they genuinely want to work on, committing wholeheartedly to delivering.</p>
</div>
</div>
<div class="item">
<div class="project-item">
<div class="project-img">
<img src="https://www.thedailymash.co.uk/wp-content/uploads/meeting425-2-425x239.jpg" alt="project4-img">
</div>
<h3>Carrier Project</h3>
<p>Our consultants opt in to the projects they genuinely want to work on, committing wholeheartedly to delivering.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>