portfolio-1.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="/404.html"><i
                        class="lnr lnr-chevron-left"></i></a> <a class="ajax-page-load" href="portfolio-2.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 1</h1>
        </div>
        <div class="row">
            <div class="col-sm-7 col-md-7 portfolio-block">
                <div class="owl-carousel portfolio-page-carousel">
                    <div class="item"> <img src="images/portfolio/full/1.jpg" alt="" /> </div>
                    <div class="item"> <img src="images/portfolio/full/2.jpg" alt="" /> </div>
                    <div class="item"> <img src="images/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><!-- <div class="portfolio-page-image"> <img src="images/portfolio/1.jpg" alt=""> </div>-->
                <script
                    type="text/javascript">jQuery(document).ready(function ($) { $('.portfolio-page-carousel').owlCarousel({ smartSpeed: 1200, items: 1, loop: true, dots: true, nav: true, navText: false, margin: 10 }); }); </script>
            </div>
            <div class="col-sm-5 col-md-5 portfolio-block">
                <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> Pranav Venkitesan</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>
                    <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>
                    <div class="btn-group share-buttons">
                        <div class="block-title">
                            <h3>Share</h3>
                        </div><a href="https://twitter.com/Pranavvmechary" target="_blank" class="btn"><i
                                class="fab fa-twitter"></i> </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>