?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- Description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with ready home page demos.">
<!-- Page Title -->
<title>Portfolio 6 | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="vendor/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="vendor/css/line-awesome.min.css" rel="stylesheet">
<link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="vendor/css/elements.css" rel="stylesheet">
</head>
<body>
<!-- Start ui-block-06 -->
<section class="portfolio-sec padding-top padding-bottom bg-light-gray ui-block-06" id="portfolio-sec">
<div class="container">
<div class="row portfolio-heading-area text-center text-lg-left">
<div class="col-12 col-md-10 offset-md-1 col-lg-5 offset-lg-0">
<h4 class="heading wow fadeInLeft">Latest & <span>Creative Work</span></h4>
</div>
<div class="col-12 col-md-10 offset-md-1 col-lg-7 offset-lg-0">
<p class="text wow fadeInRight">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy.
</p>
</div>
</div>
<div class="row position-relative">
<div class="col-12">
<div class="portfolio-carousel owl-carousel owl-item">
<div class="item">
<div class="portfolio-image">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-6/p1.jpg" alt="Image">
</div>
<div class="row no-gutters portfolio-footer padding-top">
<div class="col-4 col-lg-4 d-flex justify-content-center justify-content-lg-end">
<div class="portfolio-mini-detail">
<h4 class="portfolio-mini-heading">Earphones</h4>
<p class="text">Client</p>
</div>
</div>
<div class="col-4 col-lg-4 d-flex justify-content-center">
<div class="portfolio-mini-detail">
<h4 class="portfolio-mini-heading">Aug 2020</h4>
<p class="text">Date</p>
</div>
</div>
<div class="col-4 col-lg-4 d-flex justify-content-center justify-content-lg-start">
<div class="portfolio-mini-detail">
<h4 class="portfolio-mini-heading">Website Design</h4>
<p class="text">Services</p>
</div>
</div>
</div>
</div>
<div class="item">
<div class="portfolio-image">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-6/p2.jpg" alt="Image">
</div>
<div class="row no-gutters portfolio-footer padding-top">
<div class="col-4 col-lg-4 d-flex justify-content-center justify-content-lg-end">
<div class="portfolio-mini-detail">
<h4 class="portfolio-mini-heading">Laptops</h4>
<p class="text">Client</p>
</div>
</div>
<div class="col-4 col-lg-4 d-flex justify-content-center">
<div class="portfolio-mini-detail">
<h4 class="portfolio-mini-heading">Sep 2020</h4>
<p class="text">Date</p>
</div>
</div>
<div class="col-4 col-lg-4 d-flex justify-content-center justify-content-lg-start">
<div class="portfolio-mini-detail">
<h4 class="portfolio-mini-heading">Website SEO</h4>
<p class="text">Services</p>
</div>
</div>
</div>
</div>
<div class="item">
<div class="portfolio-image">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-6/p3.jpg" alt="Image">
</div>
<div class="row no-gutters portfolio-footer padding-top">
<div class="col-4 col-lg-4 d-flex justify-content-center justify-content-lg-end">
<div class="portfolio-mini-detail">
<h4 class="portfolio-mini-heading">Spray Tans</h4>
<p class="text">Client</p>
</div>
</div>
<div class="col-4 col-lg-4 d-flex justify-content-center">
<div class="portfolio-mini-detail">
<h4 class="portfolio-mini-heading">June 2020</h4>
<p class="text">Date</p>
</div>
</div>
<div class="col-4 col-lg-4 d-flex justify-content-center justify-content-lg-start">
<div class="portfolio-mini-detail">
<h4 class="portfolio-mini-heading">Website SEO</h4>
<p class="text">Services</p>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="portfolio-links" id="portfolio-arr-left"><i class="fas fa-angle-left"></i> </a>
<a class="portfolio-links" id="portfolio-arr-right"><i class="fas fa-angle-right"></i> </a>
</div>
</div>
</section>
<!-- End ui-block-06 -->
<!-- Js Files -->
<script src="vendor/js/bundle.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script>
$('.portfolio-carousel').owlCarousel({
loop: true,
responsiveClass: true,
nav:false,
dots:false,
autoplay: true,
margin:30,
autoplayHoverPause: true,
responsive: {
0: {
items: 1,
},
480: {
items: 1,
},
992: {
items: 1,
}
}
});
$('#portfolio-arr-right').click(function() {
var owl = $('.portfolio-carousel');
owl.owlCarousel();
owl.trigger('next.owl.carousel');
});
$('#portfolio-arr-left').click(function() {
var owl = $('.portfolio-carousel');
owl.owlCarousel();
owl.trigger('prev.owl.carousel', [300]);
});
</script>
</body>
</html>