Page: About
- Create new page at Admin -> Online store -> Pages
- Select "page.mogo" for template suffix
- Copy below code
- Paste code to page's content field. Use "Show HTML" mode to paste code.
- Edit text, replace images
copy
<div class="tt-page__name text-center ">
<h1>About Store</h1>
<p>Dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="tt-about">
<div class="row ttg-grid-padding--none tt-layout__section--pdg-off">
<div class="col-md-6"><a href="#" class="ttg-image-translate--left ttg-animation-disable--sm"><img srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/about-01.jpg?8314470538398280131" alt="Image name" /></a></div>
<div class="col-md-6">
<div class="tt-about__info">
<div>Interesting Facts</div>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
</div>
</div>
<div class="col-md-6">
<div class="tt-about__info">
<div>Best Brands</div>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
</div>
</div>
<div class="col-md-6"><a href="#" class="ttg-image-scale ttg-animation-disable--sm"><img srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/about-02.jpg?8314470538398280131" alt="Image name" /></a></div>
<div class="col-md-6"><a href="#" class="ttg-image-translate--bottom ttg-animation-disable--sm"><img srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/about-03.jpg?8314470538398280131" alt="Image name" /></a></div>
<div class="col-md-6"><a href="#" class="ttg-image-translate--right ttg-animation-disable--sm"><img srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/about-04.jpg?8314470538398280131" alt="Image name" /></a></div>
</div>
</div>
<div class="tt-page__name-sm text-center">
<h2>Our Team</h2>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
</div>
<div class="container-fluid ttg-cont-padding--none ttg-mb--100 ttg-mt--50 tt-layout__section--pdg-off">
<div class="row ttg-grid-padding--none">
<div class="row ttg-grid-padding--none">
<div class="col-sm-6 col-xl-3">
<div class="tt-team ttg-text-animation-parent">
<div class="tt-team__image"><a href="#"> <img alt="Image name" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/team-01.jpg?8314470538398280131" style="display: inline;" /> </a></div>
<div class="tt-team__hover">
<div class="tt-team__content">
<div class="ttg-text-animation--emersion"><a href="#" class="tt-team__name">Susan Lee</a></div>
<div class="ttg-text-animation--emersion"><span class="tt-team__status">SCEO / Founder</span></div>
<div class="ttg-text-animation--emersion">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
</div>
<div class="ttg-text-animation--emersion">
<div class="tt-team__social tt-social-icons tt-social-icons__color-white"><a href="#" class="tt-btn"> <i class="icon-facebook"></i> </a> <a href="#" class="tt-btn"> <i class="icon-twitter"></i> </a> <a href="#" class="tt-btn"> <i class="icon-gplus"></i> </a> <a href="#" class="tt-btn"> <i class="icon-instagram-1"></i> </a> <a href="#" class="tt-btn"> <i class="icon-youtube-play"></i> </a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="tt-team ttg-text-animation-parent">
<div class="tt-team__image"><a href="#"> <img alt="Image name" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/team-03.jpg?8314470538398280131" style="display: inline;" /> </a></div>
<div class="tt-team__hover">
<div class="tt-team__content">
<div class="ttg-text-animation--emersion"><a href="#" class="tt-team__name">Susan Lee</a></div>
<div class="ttg-text-animation--emersion"><span class="tt-team__status">SCEO / Founder</span></div>
<div class="ttg-text-animation--emersion">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
</div>
<div class="ttg-text-animation--emersion">
<div class="tt-team__social tt-social-icons tt-social-icons__color-white"><a href="#" class="tt-btn"> <i class="icon-facebook"></i> </a> <a href="#" class="tt-btn"> <i class="icon-twitter"></i> </a> <a href="#" class="tt-btn"> <i class="icon-gplus"></i> </a> <a href="#" class="tt-btn"> <i class="icon-instagram-1"></i> </a> <a href="#" class="tt-btn"> <i class="icon-youtube-play"></i> </a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="tt-team ttg-text-animation-parent">
<div class="tt-team__image"><a href="#"> <img alt="Image name" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/team-02.jpg?8314470538398280131" style="display: inline;" /> </a></div>
<div class="tt-team__hover">
<div class="tt-team__content">
<div class="ttg-text-animation--emersion"><a href="#" class="tt-team__name">Susan Lee</a></div>
<div class="ttg-text-animation--emersion"><span class="tt-team__status">SCEO / Founder</span></div>
<div class="ttg-text-animation--emersion">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
</div>
<div class="ttg-text-animation--emersion">
<div class="tt-team__social tt-social-icons tt-social-icons__color-white"><a href="#" class="tt-btn"> <i class="icon-facebook"></i> </a> <a href="#" class="tt-btn"> <i class="icon-twitter"></i> </a> <a href="#" class="tt-btn"> <i class="icon-gplus"></i> </a> <a href="#" class="tt-btn"> <i class="icon-instagram-1"></i> </a> <a href="#" class="tt-btn"> <i class="icon-youtube-play"></i> </a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="tt-team ttg-text-animation-parent">
<div class="tt-team__image"><a href="#"> <img alt="Image name" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/team-04.jpg?8314470538398280131" style="display: inline;" /> </a></div>
<div class="tt-team__hover">
<div class="tt-team__content">
<div class="ttg-text-animation--emersion"><a href="#" class="tt-team__name">Susan Lee</a></div>
<div class="ttg-text-animation--emersion"><span class="tt-team__status">SCEO / Founder</span></div>
<div class="ttg-text-animation--emersion">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
</div>
<div class="ttg-text-animation--emersion">
<div class="tt-team__social tt-social-icons tt-social-icons__color-white"><a href="#" class="tt-btn"> <i class="icon-facebook"></i> </a> <a href="#" class="tt-btn"> <i class="icon-twitter"></i> </a> <a href="#" class="tt-btn"> <i class="icon-gplus"></i> </a> <a href="#" class="tt-btn"> <i class="icon-instagram-1"></i> </a> <a href="#" class="tt-btn"> <i class="icon-youtube-play"></i> </a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="tt-team ttg-text-animation-parent">
<div class="tt-team__image"><a href="#"> <img alt="Image name" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/team-05.jpg?8314470538398280131" style="display: inline;" /> </a></div>
<div class="tt-team__hover">
<div class="tt-team__content">
<div class="ttg-text-animation--emersion"><a href="#" class="tt-team__name">Susan Lee</a></div>
<div class="ttg-text-animation--emersion"><span class="tt-team__status">SCEO / Founder</span></div>
<div class="ttg-text-animation--emersion">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
</div>
<div class="ttg-text-animation--emersion">
<div class="tt-team__social tt-social-icons tt-social-icons__color-white"><a href="#" class="tt-btn"> <i class="icon-facebook"></i> </a> <a href="#" class="tt-btn"> <i class="icon-twitter"></i> </a> <a href="#" class="tt-btn"> <i class="icon-gplus"></i> </a> <a href="#" class="tt-btn"> <i class="icon-instagram-1"></i> </a> <a href="#" class="tt-btn"> <i class="icon-youtube-play"></i> </a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="tt-team ttg-text-animation-parent">
<div class="tt-team__image"><a href="#"> <img alt="Image name" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/team-07.jpg?8314470538398280131" style="display: inline;" /> </a></div>
<div class="tt-team__hover">
<div class="tt-team__content">
<div class="ttg-text-animation--emersion"><a href="#" class="tt-team__name">Susan Lee</a></div>
<div class="ttg-text-animation--emersion"><span class="tt-team__status">SCEO / Founder</span></div>
<div class="ttg-text-animation--emersion">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
</div>
<div class="ttg-text-animation--emersion">
<div class="tt-team__social tt-social-icons tt-social-icons__color-white"><a href="#" class="tt-btn"> <i class="icon-facebook"></i> </a> <a href="#" class="tt-btn"> <i class="icon-twitter"></i> </a> <a href="#" class="tt-btn"> <i class="icon-gplus"></i> </a> <a href="#" class="tt-btn"> <i class="icon-instagram-1"></i> </a> <a href="#" class="tt-btn"> <i class="icon-youtube-play"></i> </a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="tt-team ttg-text-animation-parent">
<div class="tt-team__image"><a href="#"> <img alt="Image name" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/team-08.jpg?8314470538398280131" style="display: inline;" /> </a></div>
<div class="tt-team__hover">
<div class="tt-team__content">
<div class="ttg-text-animation--emersion"><a href="#" class="tt-team__name">Susan Lee</a></div>
<div class="ttg-text-animation--emersion"><span class="tt-team__status">SCEO / Founder</span></div>
<div class="ttg-text-animation--emersion">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
</div>
<div class="ttg-text-animation--emersion">
<div class="tt-team__social tt-social-icons tt-social-icons__color-white"><a href="#" class="tt-btn"> <i class="icon-facebook"></i> </a> <a href="#" class="tt-btn"> <i class="icon-twitter"></i> </a> <a href="#" class="tt-btn"> <i class="icon-gplus"></i> </a> <a href="#" class="tt-btn"> <i class="icon-instagram-1"></i> </a> <a href="#" class="tt-btn"> <i class="icon-youtube-play"></i> </a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="tt-team ttg-text-animation-parent">
<div class="tt-team__image"><a href="#"> <img alt="Image name" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" srcset="https://cdn.shopify.com/s/files/1/2235/6337/files/team-06.jpg?8314470538398280131" style="display: inline;" /> </a></div>
<div class="tt-team__hover">
<div class="tt-team__content">
<div class="ttg-text-animation--emersion"><a href="#" class="tt-team__name">Susan Lee</a></div>
<div class="ttg-text-animation--emersion"><span class="tt-team__status">SCEO / Founder</span></div>
<div class="ttg-text-animation--emersion">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
</div>
<div class="ttg-text-animation--emersion">
<div class="tt-team__social tt-social-icons tt-social-icons__color-white"><a href="#" class="tt-btn"> <i class="icon-facebook"></i> </a> <a href="#" class="tt-btn"> <i class="icon-twitter"></i> </a> <a href="#" class="tt-btn"> <i class="icon-gplus"></i> </a> <a href="#" class="tt-btn"> <i class="icon-instagram-1"></i> </a> <a href="#" class="tt-btn"> <i class="icon-youtube-play"></i> </a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tt-page__name-sm text-center">
<h2>Interested in Working Together?</h2>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
<a href="#" class="btn">Get in touch with us</a></div>
<div class="tt-post ttg-mt--100 tt-layout__section--pdg-off">
<div class="tt-post__slider tt-post__slider--bg">
<div class="tt-post__content-quote"><i class="icon-quote-1"></i>
<div class="tt-post__content-quote_title">Lorem ipsum dolor sit amet conse ctetur adipisicing elit!</div>
<p><span style="color: #777777;">Dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</span></p>
<div class="tt-post__content-quote_quote">– Anis Anderson</div>
</div>
<div class="tt-post__content-quote"><i class="icon-quote-1"></i>
<div class="tt-post__content-quote_title">Dolor sit amet conse ctetur adipisicing elit, sed do eiusmod</div>
<p><span style="color: #777777;">2 Dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</span></p>
<div class="tt-post__content-quote_quote">– Aniss Anderson</div>
</div>
<div class="tt-post__content-quote"><i class="icon-quote-1"></i>
<div class="tt-post__content-quote_title">Ipsum dolor sit amet conse ctetur adipisicing elit!</div>
<p><span style="color: #777777;">3 Dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</span></p>
<div class="tt-post__content-quote_quote">– Ani Anderson</div>
</div>
</div>
<div class="tt-post__slider-nav tt-post__slider-nav--fixed-c tt-post__slider-nav--dark tt-post__slider-nav--arrows-none"></div>
</div>