%PDF-
%PDF-
Mini Shell
Mini Shell
<div role="main" class="main">
<section class="page-header">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li class="active">About Us</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h1>About Us</h1>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="word-rotator-title">
The New Way to <strong>
<span class="word-rotate" data-plugin-options='{"delay": 2000}'>
<span class="word-rotate-items">
<span>success.</span>
<span>advance.</span>
<span>progress.</span>
</span>
</span>
</strong>
</h2>
</div>
</div>
<div class="row">
<div class="col-md-10">
<p class="lead">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla non <span class="alternative-font">metus.</span> pulvinar. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut eu risus enim, ut pulvinar lectus. Sed hendrerit nibh.
</p>
</div>
<div class="col-md-2">
<a href="#" class="btn btn-lg btn-primary mt-xl">Join Our Team!</a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr class="tall">
</div>
</div>
<div class="row">
<div class="col-md-8">
<h3 class="heading-primary"><strong>Who</strong> We Are</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.</p>
<p>Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing <span class="alternative-font">metus</span> sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices 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. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula.</p>
</div>
<div class="col-md-4">
<div class="featured-box featured-box-primary">
<div class="box-content">
<h4 class="text-uppercase">Behind the scenes</h4>
<ul class="thumbnail-gallery" data-plugin-lightbox data-plugin-options='{"delegate": "a", "type": "image", "gallery": {"enabled": true}}'>
<li>
<a title="Benefits 1" href="img/benefits/benefits-1.jpg">
<span class="thumbnail mb-none">
<img src="img/benefits/benefits-1-thumb.jpg" alt="">
</span>
</a>
</li>
<li>
<a title="Benefits 2" href="img/benefits/benefits-2.jpg">
<span class="thumbnail mb-none">
<img src="img/benefits/benefits-2-thumb.jpg" alt="">
</span>
</a>
</li>
<li>
<a title="Benefits 3" href="img/benefits/benefits-3.jpg">
<span class="thumbnail mb-none">
<img src="img/benefits/benefits-3-thumb.jpg" alt="">
</span>
</a>
</li>
<li>
<a title="Benefits 4" href="img/benefits/benefits-4.jpg">
<span class="thumbnail mb-none">
<img src="img/benefits/benefits-4-thumb.jpg" alt="">
</span>
</a>
</li>
<li>
<a title="Benefits 5" href="img/benefits/benefits-5.jpg">
<span class="thumbnail mb-none">
<img src="img/benefits/benefits-5-thumb.jpg" alt="">
</span>
</a>
</li>
<li>
<a title="Benefits 6" href="img/benefits/benefits-6.jpg">
<span class="thumbnail mb-none">
<img src="img/benefits/benefits-6-thumb.jpg" alt="">
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr class="tall">
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3 class="heading-primary mt-xl">Our <strong>History</strong></h3>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="history">
<li class="appear-animation" data-appear-animation="fadeInUp">
<div class="thumb">
<img src="img/office-4.jpg" alt="" />
</div>
<div class="featured-box">
<div class="box-content">
<h4 class="heading-primary"><strong>2012</strong></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p>
</div>
</div>
</li>
<li class="appear-animation" data-appear-animation="fadeInUp">
<div class="thumb">
<img src="img/office-3.jpg" alt="" />
</div>
<div class="featured-box">
<div class="box-content">
<h4 class="heading-primary"><strong>2010</strong></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia.</p>
</div>
</div>
</li>
<li class="appear-animation" data-appear-animation="fadeInUp">
<div class="thumb">
<img src="img/office-2.jpg" alt="" />
</div>
<div class="featured-box">
<div class="box-content">
<h4 class="heading-primary"><strong>2005</strong></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p>
</div>
</div>
</li>
<li class="appear-animation" data-appear-animation="fadeInUp">
<div class="thumb">
<img src="img/office-1.jpg" alt="" />
</div>
<div class="featured-box">
<div class="box-content">
<h4 class="heading-primary"><strong>2000</strong></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer id="footer">
<div class="container">
<div class="row">
<div class="footer-ribbon">
<span>Get in Touch</span>
</div>
<div class="col-md-3">
<div class="newsletter">
<h4>Newsletter</h4>
<p>Keep up on our always evolving product features and technology. Enter your e-mail and subscribe to our newsletter.</p>
<div class="alert alert-success hidden" id="newsletterSuccess">
<strong>Success!</strong> You've been added to our email list.
</div>
<div class="alert alert-danger hidden" id="newsletterError"></div>
<form id="newsletterForm" action="php/newsletter-subscribe.php" method="POST">
<div class="input-group">
<input class="form-control" placeholder="Email Address" name="newsletterEmail" id="newsletterEmail" type="text">
<span class="input-group-btn">
<button class="btn btn-default" type="submit">Go!</button>
</span>
</div>
</form>
</div>
</div>
<div class="col-md-3">
<h4>Latest Tweets</h4>
<div id="tweet" class="twitter" data-plugin-tweets data-plugin-options='{"username": "", "count": 2}'>
<p>Please wait...</p>
</div>
</div>
<div class="col-md-4">
<div class="contact-details">
<h4>Contact Us</h4>
<ul class="contact">
<li><p><i class="fa fa-map-marker"></i> <strong>Address:</strong> 1234 Street Name, City Name, United States</p></li>
<li><p><i class="fa fa-phone"></i> <strong>Phone:</strong> (123) 456-789</p></li>
<li><p><i class="fa fa-envelope"></i> <strong>Email:</strong> <a href="mailto:mail@example.com">mail@example.com</a></p></li>
</ul>
</div>
</div>
<div class="col-md-2">
<h4>Follow Us</h4>
<ul class="social-icons">
<li class="social-icons-facebook"><a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li class="social-icons-twitter"><a href="http://www.twitter.com/" target="_blank" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li class="social-icons-linkedin"><a href="http://www.linkedin.com/" target="_blank" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<div class="row">
<div class="col-md-1">
<a href="index.html" class="logo">
<img alt="Porto Website Template" class="img-responsive" src="img/logo-footer.png">
</a>
</div>
<div class="col-md-7">
<p>© Copyright 2015. All Rights Reserved.</p>
</div>
<div class="col-md-4">
<nav id="sub-menu">
<ul>
<li><a href="page-faq.html">FAQ's</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
<li><a href="contact-us.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</footer>
Zerion Mini Shell 1.0