1
0
Fork 0
new.mdenis.org/src/portfolio-2.html

99 lines
4.4 KiB
HTML

<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>