<div class="content-row" style="padding: 30px 0 40px;">
    <h2>WHO WE ARE</h2>
    <div class="row">
        <div class="col-lg-8">
            <p style="font-family:'Open Sans';font-size:14px;font-weight:400;color:#676a6d;margin:0;margin-bottom: 15px;line-height:2;padding-right: 25px;">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. posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. desktop publishing software like Aldus PageMaker including versions. was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently.</p>
        </div>
        <div class="col-lg-4">
            <div class="support-block">
                <div>
                    <i class="porto-icon-shipped"></i>
                    <h3>FREE SHIPPING & RETURN</h3>
                    <p>Free shipping on all orders over $99.</p>
                </div>
                <div>
                    <i class="porto-icon-us-dollar"></i>
                    <h3>MONEY BACK GUARANTEE</h3>
                    <p>100% money back guarantee</p>
                </div>
                <div>
                    <i class="porto-icon-online-support"></i>
                    <h3>ONLINE SUPPORT 24/7</h3>
                    <p>Lorem ipsum dolor sit amet.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="content-row fullwidth-row" style="background-color:#efefef;padding:50px 0 57px;">
    <div class="container">
        <h2>OUR TEAM</h2>
        <div class="row">
            <div class="col-md-3 col-sm-6">
                <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="col-md-3 col-sm-6">
                <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="col-md-3 col-sm-6">
                <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="col-md-3 col-sm-6">
                <div class="team-member">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt="" />
                    <h5>ALICE DOE</h5>
                </div>
            </div>
        </div>
        <button class="btn" style="font-family: 'Oswald';font-weight: 400;font-size: 14px;color: #fff;background-color: #111;padding: 10px 20px;border-radius: 3px;display: block;margin: 0 auto;line-height: 1.5;height: auto;border: 0;">JOIN OUR TEAM</button>
    </div>
</div>
<div class="content-row" style="padding-top: 55px;">
    <h2>OUR HISTORY</h2>
    <div class="row">
        <div class="col-lg-6">
            <div class="history-item">
                <div class="image-area">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-1.jpg"}}" alt="" />
                    <span>2000</span>
                </div>
                <div class="content-area">
                    <p>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.</p>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="history-item">
                <div class="image-area">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-2.jpg"}}" alt="" />
                    <span>2010</span>
                </div>
                <div class="content-area">
                    <p>Readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites.</p>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="history-item">
                <div class="image-area">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-3.jpg"}}" alt="" />
                    <span>2015</span>
                </div>
                <div class="content-area">
                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly.</p>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="history-item">
                <div class="image-area">
                    <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/history-4.jpg"}}" alt="" />
                    <span>2018</span>
                </div>
                <div class="content-area">
                    <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<style type="text/css">
.content-row h2 {
    font-size: 21px;
    color: #252525;
    font-weight: 700;
    font-family: 'Open Sans';
    margin-bottom: 15px;
}
.support-block {
    border: 1px solid #dedede;
    border-bottom: 0;
}
.support-block > div {
    border-bottom: 1px solid #dedede;
    padding: 10px;
    line-height: 1.4;
}
.support-block > div:after {
    content: '';
    display: table;
    clear: both;
}
.support-block > div > i {
    font-size: 38px;
    color: #252525;
    float: left;
    margin: 0 15px;
}
.support-block > div > h3 {
    color: #252525;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0;
}
.support-block > div > p {
    margin: 0;
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 400;
    color: #839199;
    line-height: 1.4;
    margin-left: 83px;
}
.team-member {
    background-color: #fff;
    margin-bottom: 28px;
    transition: all 0.3s;
}
.team-member:hover {
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);
}
.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;
}
.history-item {
    display: flex;
    margin: 10px 0;
}
.history-item > .image-area {
    position: relative;
}
.history-item > .image-area span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: 'Oswald';
    font-size: 54px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    margin-top: -27px;
}
.history-item > .content-area {
    border: 1px solid #dedede;
    border-left: 0;
    padding: 45px 25px;
}
.history-item > .content-area p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    margin: 0;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    color: #676a6d;
}
.history-item > .image-area img {
    max-width: none;
    display: block;
}
</style>