WHY SMARTY?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

CONTACT INFO
  • Address: PO Box 21132, Here Weare St,
    Melbourne, Vivas 2355 Australia
  • Phone: 1-800-565-2390
  • Email: support@yourname.com
<footer id="footer">
	<div class="container">

		<div class="row margin-top-60 margin-bottom-40 size-13">

			<!-- col #1 -->
			<div class="col-md-4 col-sm-4">

				<!-- Footer Logo -->
				<img class="footer-logo" src="assets/images/logo-footer.png" alt="" />

				<p>
					Incredibly beautiful responsive Bootstrap Template for Corporate and Creative Professionals.
				</p>

				<h2>(800) 123-4567</h2>

				<!-- Social Icons -->
				<div class="clearfix">

					<a href="#" class="social-icon social-icon-sm social-icon-border social-facebook pull-left" data-toggle="tooltip" data-placement="top" title="Facebook">
						<i class="icon-facebook"></i>
						<i class="icon-facebook"></i>
					</a>

					<a href="#" class="social-icon social-icon-sm social-icon-border social-twitter pull-left" data-toggle="tooltip" data-placement="top" title="Twitter">
						<i class="icon-twitter"></i>
						<i class="icon-twitter"></i>
					</a>

					<a href="#" class="social-icon social-icon-sm social-icon-border social-gplus pull-left" data-toggle="tooltip" data-placement="top" title="Google plus">
						<i class="icon-gplus"></i>
						<i class="icon-gplus"></i>
					</a>

					<a href="#" class="social-icon social-icon-sm social-icon-border social-linkedin pull-left" data-toggle="tooltip" data-placement="top" title="Linkedin">
						<i class="icon-linkedin"></i>
						<i class="icon-linkedin"></i>
					</a>

					<a href="#" class="social-icon social-icon-sm social-icon-border social-rss pull-left" data-toggle="tooltip" data-placement="top" title="Rss">
						<i class="icon-rss"></i>
						<i class="icon-rss"></i>
					</a>

				</div>
				<!-- /Social Icons -->

			</div>
			<!-- /col #1 -->

			<!-- col #2 -->
			<div class="col-md-8 col-sm-8">

				<div class="row">

					<div class="col-md-5 hidden-sm hidden-xs">
						<h4 class="letter-spacing-1">RECENT NEWS</h4>
						<ul class="list-unstyled footer-list half-paddings">
							<li>
								<a class="block" href="#">New CSS3 Transitions this Year</a>
								<small>June 29, 2015</small>
							</li>
							<li>
								<a class="block" href="#">Inteligent Transitions In UX Design</a>
								<small>June 29, 2015</small>
							</li>
							<li>
								<a class="block" href="#">Lorem Ipsum Dolor</a>
								<small>June 29, 2015</small>
							</li>
							<li>
								<a class="block" href="#">New CSS3 Transitions this Year</a>
								<small>June 29, 2015</small>
							</li>
						</ul>
					</div>

					<div class="col-md-3 hidden-sm hidden-xs">
						<h4 class="letter-spacing-1">EXPLORE US</h4>
						<ul class="list-unstyled footer-list half-paddings noborder">
							<li><a class="block" href="#"><i class="fa fa-angle-right"></i> About Us</a></li>
							<li><a class="block" href="#"><i class="fa fa-angle-right"></i> About Me</a></li>
							<li><a class="block" href="#"><i class="fa fa-angle-right"></i> About Our Team</a></li>
							<li><a class="block" href="#"><i class="fa fa-angle-right"></i> Services</a></li>
							<li><a class="block" href="#"><i class="fa fa-angle-right"></i> Careers</a></li>
							<li><a class="block" href="#"><i class="fa fa-angle-right"></i> Gallery</a></li>
							<li><a class="block" href="#"><i class="fa fa-angle-right"></i> FAQ</a></li>
						</ul>
					</div>

					<div class="col-md-4">
						<h4 class="letter-spacing-1">SECURE PAYMENT</h4>
						<p>Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet.</p>
						<p>	<!-- see assets/images/cc/ for more icons -->
							<img src="assets/images/cc/Visa.png" alt="" />
							<img src="assets/images/cc/Mastercard.png" alt="" />
							<img src="assets/images/cc/Maestro.png" alt="" />
							<img src="assets/images/cc/PayPal.png" alt="" />
						</p>
					</div>

				</div>

			</div>
			<!-- /col #2 -->

		</div>

	</div>

	<div class="copyright">
		<div class="container">
			<ul class="pull-right nomargin list-inline mobile-block">
				<li><a href="#">Terms &amp; Conditions</a></li>
				<li>&bull;</li>
				<li><a href="#">Privacy</a></li>
			</ul>

			© All Rights Reserved, Company LTD
		</div>
	</div>

</footer>