70 lines
4.0 KiB
HTML
70 lines
4.0 KiB
HTML
<div class="ajax-container">
|
|
<div class="row align-items-center py-4">
|
|
|
|
<div class="col">
|
|
<a href="#" data-ajax-portfolio-prev class="text-decoration-none d-block float-left">
|
|
<div class="d-flex align-items-center line-height-1">
|
|
<i class="fas fa-arrow-left text-dark text-4 mr-3"></i>
|
|
<div class="d-none d-sm-block line-height-1">
|
|
<span class="text-dark opacity-4 text-1">PREVIOUS PROJECT</span>
|
|
<h4 class="font-weight-bold text-3 mb-0">Mobile Mockup</h4>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
|
<div class="overflow-hidden pb-2">
|
|
<h2 class="text-dark font-weight-bold text-7 mb-0">Porto Label</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<a href="#" data-ajax-portfolio-next class="text-decoration-none d-block float-right">
|
|
<div class="d-flex align-items-center text-right line-height-1">
|
|
<div class="d-none d-sm-block line-height-1">
|
|
<span class="text-dark opacity-4 text-1">NEXT PROJECT</span>
|
|
<h4 class="font-weight-bold text-3 mb-0">Presentation</h4>
|
|
</div>
|
|
<i class="fas fa-arrow-right text-dark text-4 ml-3"></i>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row pb-4 mb-2">
|
|
<div class="col-sm-6">
|
|
|
|
<div class="img-thumbnail border-0 border-radius-0 p-0 d-block">
|
|
<img src="img/projects/project-7.jpg" class="img-fluid border-radius-0" alt="">
|
|
</div>
|
|
|
|
<hr class="solid my-5">
|
|
|
|
<strong class="text-uppercase text-1 mr-3 text-dark float-left position-relative top-2">Share</strong>
|
|
<ul class="social-icons">
|
|
<li class="social-icons-facebook"><a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
|
|
<li class="social-icons-twitter"><a href="http://www.twitter.com/" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a></li>
|
|
<li class="social-icons-linkedin"><a href="http://www.linkedin.com/" target="_blank" title="Linkedin"><i class="fab fa-linkedin-in"></i></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<h2 class="text-color-dark font-weight-normal text-4 mb-0">Project <strong class="font-weight-extra-bold">Description</strong></h2>
|
|
<p>Donec volutpat nibh sit amet libero ornare non laoreet arcu luctus. Donec id arcu quis mauris euismod placerat sit amet ut metus. Sed imperdiet fringilla sem eget euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
|
|
|
|
<p>Donec volutpat nibh sit amet libero ornare non laoreet arcu luctus. Donec id arcu quis mauris euismod placerat sit amet ut metus. Sed imperdiet fringilla sem eget euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin ipsum tortor, viverra ut condimentum eu, accumsan a enim. Etiam egestas purus risus, vulputate ullamcorper diam fermentum in. Pellentesque non libero hendrerit, vestibulum tellus ut, malesuada purus.</p>
|
|
|
|
<h2 class="text-color-dark font-weight-normal text-4 mb-0 mt-4">Project <strong class="font-weight-extra-bold">Details</strong></h2>
|
|
<ul class="list list-icons list-primary list-borders text-2">
|
|
<li><i class="fas fa-caret-right left-10"></i> <strong class="text-color-primary">Client:</strong> Okler Themes</li>
|
|
<li><i class="fas fa-caret-right left-10"></i> <strong class="text-color-primary">Date:</strong> January 2020</li>
|
|
<li><i class="fas fa-caret-right left-10"></i> <strong class="text-color-primary">Skills:</strong> <a href="#" class="badge badge-dark badge-sm badge-pill px-2 py-1 ml-1">DESIGN</a><a href="#" class="badge badge-dark badge-sm badge-pill px-2 py-1 ml-1">BRAND</a><a href="#" class="badge badge-dark badge-sm badge-pill px-2 py-1 ml-1">WEBSITES</a></li>
|
|
<li><i class="fas fa-caret-right left-10"></i> <strong class="text-color-primary">Project URL:</strong> <a href="#" target="_blank" class="text-dark">http://www.okler.net</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div> |