<div class="content-row" style="padding-top:55px;">
    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/19/top-bg.jpg"}}" style="width: 100%;" alt="" />
</div>
<div class="content-row" style="padding-top:60px;padding-bottom:65px;border-bottom:1px solid #e2e2e2;">
    <h2>ABOUT US</h2>
    <p style="max-width:964px;margin:0 auto;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages</p>
</div>
<div class="content-row" style="padding-top:77px;padding-bottom:85px;">
    <h2 style="margin-bottom:45px;">OUR TEAM</h2>
    <div id="member-slider-about" class="owl-carousel owl-theme">
        <div class="item">
            <div class="team-member">
                <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt="">
                <h5>JANE DOE</h5>
            </div>
        </div>
        <div class="item">
            <div class="team-member">
                <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt="">
                <h5>JOHN DOE</h5>
            </div>
        </div>
        <div class="item">
            <div class="team-member">
                <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt="">
                <h5>GEORGE DOE</h5>
            </div>
        </div>
        <div class="item">
            <div class="team-member">
                <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt="">
                <h5>ALICE DOE</h5>
            </div>
        </div>
        <div class="item">
            <div class="team-member">
                <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt="">
                <h5>JANE DOE</h5>
            </div>
        </div>
        <div class="item">
            <div class="team-member">
                <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt="">
                <h5>JOHN DOE</h5>
            </div>
        </div>
        <div class="item">
            <div class="team-member">
                <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt="">
                <h5>GEORGE DOE</h5>
            </div>
        </div>
        <div class="item">
            <div class="team-member">
                <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt="">
                <h5>ALICE DOE</h5>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    require([
        'jquery',
        'owl.carousel/owl.carousel.min'
    ], function ($) {
        $("#member-slider-about").owlCarousel({
            autoplay: true,
            autoplayTimeout: 5000,
            autoplayHoverPause: true,
            margin: 0,
            nav: false,
            dots: false,
            navRewind: true,
            loop: true,
            navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
            responsive: {
                0: {
                    items:2
                },
                768: {
                    items:3
                },
                992: {
                    items:4
                },
                1200: {
                    items:5
                }
            }
        });
    });
    </script>
</div>
<div class="content-row" style="padding:75px 100px;background-color:#ededed;">
    <h2 style="text-align: center;margin-bottom: 40px;">HAPPY BUYERS</h2>
    <div id="testimonials-slider" class="owl-carousel owl-theme">
        <div class="item">
            <div class="testimonial-author">
                <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client1.png"}}" alt=""/></div>
            </div>
            <blockquote class="testimonial">
                <p>Remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software.</p>
                <p class="testimonial-author-detail"><strong>John Smith Doe</strong><span>CEO</span></p>
            </blockquote>
        </div>
        <div class="item">
            <div class="testimonial-author">
                <div class="img-thumbnail img-thumbnail-small"><img width="60" height="60" src="{{media url="wysiwyg/smartwave/porto/aboutus/4/client2.png"}}" alt=""/></div>
            </div>
            <blockquote class="testimonial">
                <p>Remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software.</p>
                <p class="testimonial-author-detail"><strong>Bob Smith Doe</strong><span>Founder</span></p>
            </blockquote>
        </div>
    </div>
    <script type="text/javascript">
    require([
        'jquery',
        'owl.carousel/owl.carousel.min'
    ], function ($) {
        $("#testimonials-slider").owlCarousel({
            autoplay: true,
            autoplayTimeout: 5000,
            autoplayHoverPause: true,
            margin: 0,
            nav: false,
            dots: false,
            navRewind: true,
            loop: true,
            navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
            responsive: {
                0: {
                    items:1
                },
                768: {
                    items:1
                },
                992: {
                    items:1
                },
                1200: {
                    items:2
                }
            }
        });
    });
    </script>
</div>
<div class="content-row" style="padding:75px 0 0;margin-bottom:-30px;">
    <h2 style="text-align: center;margin-bottom: 25px;">OUR PARTNERS</h2>
    <div class="owl-side-narrow">
        <div id="brands-slider-about" class="owl-carousel owl-theme">
            <div class="item" style="padding:10px 0;text-align:center;">
                <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand1.png"}}"/>
            </div>
            <div class="item" style="padding:10px 0;text-align:center;">
                <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand2.png"}}"/>
            </div>
            <div class="item" style="padding:10px 0;text-align:center;">
                <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand3.png"}}"/>
            </div>
            <div class="item" style="padding:10px 0;text-align:center;">
                <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand4.png"}}"/>
            </div>
            <div class="item" style="padding:10px 0;text-align:center;">
                <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand5.png"}}"/>
            </div>
            <div class="item" style="padding:10px 0;text-align:center;">
                <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand1.png"}}"/>
            </div>
            <div class="item" style="padding:10px 0;text-align:center;">
                <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand2.png"}}"/>
            </div>
            <div class="item" style="padding:10px 0;text-align:center;">
                <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand3.png"}}"/>
            </div>
            <div class="item" style="padding:10px 0;text-align:center;">
                <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand4.png"}}"/>
            </div>
            <div class="item" style="padding:10px 0;text-align:center;">
                <img class="lazyOwl" alt="" src="{{media url="wysiwyg/smartwave/porto/aboutus/7/brand5.png"}}"/>
            </div>
        </div>
        <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $("#brands-slider-about").owlCarousel({
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                margin: 0,
                nav: true,
                dots: false,
                navRewind: true,
                loop: true,
                navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
                responsive: {
                    0: {
                        items:2
                    },
                    768: {
                        items:3
                    },
                    992: {
                        items:4
                    },
                    1200: {
                        items:5
                    }
                }
            });
        });
        </script>
    </div>
</div>
<style type="text/css">
@media (min-width: 768px) {
    #maincontent.onepage-category {
        padding-top: 20px;
    }
}
.page-wrapper > .breadcrumbs {
    margin: 0;
}
.content-row h2 {
    font-family: 'Oswald';
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    margin-bottom: 25px;
    text-align: center;
}
.content-row p {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    color: #555;
    margin: 0;
    text-align: center;
}
.team-member {
    background-color: #fff;
}
.team-member img {
    width: 100%;
    display: block;
}
.team-member h5 {
    padding: 30px 0;
    text-align: center;
    font-family: 'Oswald';
    font-size: 16px;
    line-height: 1;
    color: #111;
    font-weight: 400;
    margin: 0;
}
#member-slider-about .item {
    padding: 0 15px;
}
#member-slider-about {
    margin: 0 -15px;
}
blockquote.testimonial {
    border: 0;
    background-color: transparent !important;
    color: #62615e;
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Open Sans';
    margin: 0;
    padding: 0 65px 0 0;
    position: relative;
    margin-left: 70px;
}
blockquote.testimonial p {
    line-height: 2;
    text-align: left;
    color: #555;
    font-family: "Poppins";
}
blockquote.testimonial:before {
    content: '"';
    font-style: normal;
    line-height: 1;
    color: #21293c;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 23px;
    margin-right: 10px;
    float: left;
}
blockquote.testimonial .testimonial-author-detail {
    line-height: 1.5;
    margin-top: 30px;
    padding-left: 15px;
}
.testimonial-arrow-down {
    border:15px solid transparent;
    border-top-color:#08c;
    border-bottom:0;
    height:0;
    margin:0 0 0 25px;
    width:0;
}
.testimonial-author {
    float: left;
}
.testimonial-author .img-thumbnail {
    margin-right: 25px;
    position: relative;
    line-height: 1.5;
    background-color: #fff;
    display: inline-block;
    max-width: 100%;
    height: auto;
    border-radius: 50% !important;
}
.testimonial-author .img-thumbnail img {
    max-width:60px;
    display:inline-block;
    height:auto;
}
.testimonial-author-detail strong {
    font-size: 16px;
    font-weight: 500;
    color: #282d3b;
}
.testimonial-author-detail span {
    color:#7b858a;
    display:block;
    font-size:15px;
    font-weight: 400;
}
.owl-side-narrow {
    margin: 0 -10px;
}
.owl-side-narrow .owl-controls .owl-buttons div {
    color: #c5c5c5;
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 24px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
}
.owl-side-narrow .owl-controls .owl-buttons div.owl-prev {
    left: 0;
}
.owl-side-narrow .owl-controls .owl-buttons div.owl-prev i:before {
    content: "\e829";
}
.owl-side-narrow .owl-controls .owl-buttons div.owl-next {
    right: 0;
}
.owl-side-narrow .owl-controls .owl-buttons div.owl-next i:before {
    content: "\e828";
}
.owl-side-narrow .owl-carousel {
    padding: 0 80px;
}
.owl-side-narrow .owl-carousel .owl-item.loading {
    min-height: 60px;
}
.owl-side-narrow .owl-controls {
    margin: 0;
}
#brands-slider-about img {
    opacity: 0.5;
}
</style>