You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
4.4 KiB
98 lines
4.4 KiB
<div id="ajax-page" class="ajax-page-content"> |
|
<div class="ajax-page-wrapper"> |
|
<div class="ajax-page-nav"> |
|
<div class="nav-item ajax-page-prev-next"> |
|
<a class="ajax-page-load" href="portfolio-1.html"><i class="lnr lnr-chevron-left"></i></a> |
|
<a class="ajax-page-load" href="portfolio-3.html"><i class="lnr lnr-chevron-right"></i></a> |
|
</div> |
|
<div class="nav-item ajax-page-close-button"> |
|
<a id="ajax-page-close-button" href="#"><i class="lnr lnr-cross"></i></a> |
|
</div> |
|
</div> |
|
|
|
<div class="ajax-page-title"> |
|
<h1>Portfolio Project 2</h1> |
|
</div> |
|
|
|
<div class="row"> |
|
<div class="col-sm-8 col-md-8 portfolio-block"> |
|
<div class="owl-carousel portfolio-page-carousel"> |
|
<div class="item"> |
|
<img src="img/portfolio/full/1.jpg" alt="" /> |
|
</div> |
|
<div class="item"> |
|
<img src="img/portfolio/full/2.jpg" alt="" /> |
|
</div> |
|
<div class="item"> |
|
<img src="img/portfolio/full/3.jpg" alt="" /> |
|
</div> |
|
</div> |
|
|
|
<div class="portfolio-page-video embed-responsive embed-responsive-16by9"> |
|
<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/97102654?autoplay=0"></iframe> |
|
</div> |
|
|
|
<script type="text/javascript"> |
|
jQuery(document).ready(function($){ |
|
$('.portfolio-page-carousel').imagesLoaded(function(){ |
|
$('.portfolio-page-carousel').owlCarousel({ |
|
smartSpeed:1200, |
|
items: 1, |
|
loop: true, |
|
dots: true, |
|
nav: true, |
|
navText: false, |
|
margin: 10, |
|
autoHeight:true |
|
}); |
|
}); |
|
}); |
|
</script> |
|
</div> |
|
|
|
<div class="col-sm-4 col-md-4 portfolio-block"> |
|
<!-- Project Description --> |
|
<div class="project-description"> |
|
<div class="block-title"> |
|
<h3>Description</h3> |
|
</div> |
|
<ul class="project-general-info"> |
|
<li><p><i class="fa fa-user"></i> Alex Smith</p></li> |
|
<li><p><i class="fa fa-globe"></i> <a href="#" target="_blank">www.project-site.com</a></p></li> |
|
<li><p><i class="fa fa-calendar"></i> 25 december, 2016</p></li> |
|
</ul> |
|
|
|
<p class="text-justify">Aliquam euismod aliquam massa, quis eleifend dui sodales vitae. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p> |
|
<!-- /Project Description --> |
|
|
|
<!-- Technology --> |
|
<div class="tags-block"> |
|
<div class="block-title"> |
|
<h3>Technology</h3> |
|
</div> |
|
<ul class="tags"> |
|
<li><a>HTML5</a></li> |
|
<li><a>CSS3</a></li> |
|
<li><a>jQuery</a></li> |
|
<li><a>Ajax</a></li> |
|
<li><a>PHP5</a></li> |
|
</ul> |
|
</div> |
|
<!-- /Technology --> |
|
|
|
<!-- Share Buttons --> |
|
<div class="btn-group share-buttons"> |
|
<div class="block-title"> |
|
<h3>Share</h3> |
|
</div> |
|
<a href="#" target="_blank" class="btn"><i class="fab fa-facebook-f"></i> </a> |
|
<a href="#" target="_blank" class="btn"><i class="fab fa-twitter"></i> </a> |
|
<a href="#" target="_blank" class="btn"><i class="fab fa-dribbble"></i> </a> |
|
</div> |
|
<!-- /Share Buttons --> |
|
</div> |
|
<!-- Project Description --> |
|
</div> |
|
</div> |
|
</div> |
|
</div>
|
|
|