<div class="content-row" style="border: 0;">
    <h2>THE NEW WAY TO SUCCESS</h2>
    <h4>Who we are</h4>
    <div class="row">
        <div class="col-lg-6">
            <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p>
            <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p>
        </div>
        <div class="col-lg-6">
            <p>Quisque congue dignissim dui sed luctus. Morbi nec mi vitae magna finibus ullamcorper. Etiam mattis blandit convallis. Suspendisse eu elementum leo. Vestibulum molestie nunc et efficitur egestas. Vivamus arcu lectus, laoreet vel consectetur bibendum, elementum non nunc. Proin porttitor velit odio, ac mattis quam tincidunt eget. Fusce semper nunc eget efficitur efficitur. Nam ullamcorper, enim id tincidunt feugiat, velit mauris fermentum nulla, at tempor eros turpis sit amet massa. Ut a semper lectus, sed hendrerit risus. In hac habitasse platea dictumst. Curabitur venenatis cursus posuere. Praesent turpis nisi, aliquam at facilisis non, sagittis vel urna. Donec diam lorem, feugiat vitae laoreet in, sagittis a lorem.</p>
            <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p>
        </div>
    </div>
</div>
<div class="content-row">
    <h2>OUR HISTORY</h2>
    <div class="row" style="margin-bottom: 20px;">
        <div class="col-lg-5">
            <div id="custom-owl-slider-aboutus-1" class="owl-carousel">
                <div class="item">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide1.jpg"}}" alt="" />
                </div>
                <div class="item">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide2.jpg"}}" alt="" />
                </div>
                <div class="item">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide3.jpg"}}" alt="" />
                </div>
            </div>
            <script type="text/javascript">
                require([
                    'jquery',
                    'owl.carousel/owl.carousel.min'
                ], function ($) {
                    $("#custom-owl-slider-aboutus-1").owlCarousel({
                        items: 1,
                        autoplay: false,
                        autoplayTimeout: 5000,
                        autoplayHoverPause: true,
                        dots: true,
                        nav: false,
                        navRewind: true,
                        animateIn: 'fadeIn',
                        animateOut: 'fadeOut',
                        loop: true
                    });
                });
            </script>
        </div>
        <div class="col-lg-7">
            <h4>2014</h4>
            <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p>
            <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p>
        </div>
    </div>
    <div class="row" style="margin-bottom: 20px;">
        <div class="col-lg-7">
            <h4>2015</h4>
            <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p>
            <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p>
        </div>
        <div class="col-lg-5">
            <div id="custom-owl-slider-aboutus-2" class="owl-carousel">
                <div class="item">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide2.jpg"}}" alt="" />
                </div>
                <div class="item">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide3.jpg"}}" alt="" />
                </div>
                <div class="item">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide1.jpg"}}" alt="" />
                </div>
            </div>
            <script type="text/javascript">
                require([
                    'jquery',
                    'owl.carousel/owl.carousel.min'
                ], function ($) {
                    $("#custom-owl-slider-aboutus-2").owlCarousel({
                        items: 1,
                        autoplay: false,
                        autoplayTimeout: 5000,
                        autoplayHoverPause: true,
                        dots: true,
                        nav: false,
                        navRewind: true,
                        animateIn: 'fadeIn',
                        animateOut: 'fadeOut',
                        loop: true
                    });
                });
            </script>
        </div>
    </div>
    <div class="row" style="margin-bottom: 20px;">
        <div class="col-lg-5">
            <div id="custom-owl-slider-aboutus-3" class="owl-carousel">
                <div class="item">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide3.jpg"}}" alt="" />
                </div>
                <div class="item">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide1.jpg"}}" alt="" />
                </div>
                <div class="item">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/slide2.jpg"}}" alt="" />
                </div>
            </div>
            <script type="text/javascript">
                require([
                    'jquery',
                    'owl.carousel/owl.carousel.min'
                ], function ($) {
                    $("#custom-owl-slider-aboutus-3").owlCarousel({
                        items: 1,
                        autoplay: false,
                        autoplayTimeout: 5000,
                        autoplayHoverPause: true,
                        dots: true,
                        nav: false,
                        navRewind: true,
                        animateIn: 'fadeIn',
                        animateOut: 'fadeOut',
                        loop: true
                    });
                });
            </script>
        </div>
        <div class="col-lg-7">
            <h4>2016</h4>
            <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p>
            <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p>
        </div>
    </div>
</div>
<style type="text/css">
.content-row {
    border-top: 1px solid #dfdfdf;
    padding: 40px 0;
}
.content-row:first-child {
    border-top: 0;
}
h2 {
    font-family: "Oswald";
    font-size: 30px;
    color: #000;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 60px;
    line-height: 1;
}
h4 {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    line-height: 1;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 30px;
}
@media(min-width: 1680px) {
    .content-row {
        padding: 60px 100px;
    }
    .content-row > .row {
        margin: 0 -30px;
    }
    .content-row > .row > div {
        padding: 0 30px;
    }
    h2 {
        font-size: 40px;
        margin-bottom: 80px;
    }
    h4 {
        font-size: 25px;
        margin-bottom: 40px;
    }
}
@media(min-width: 1900px) {
    .content-row {
        padding: 80px 190px;
    }
    .content-row > .row {
        margin: 0 -50px;
    }
    .content-row > .row > div {
        padding: 0 50px;
    }
    h2 {
        font-size: 50px;
        margin-bottom: 100px;
    }
    h4 {
        font-size: 30px;
        margin-bottom: 50px;
    }
}
</style>