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 mt-60 mb-40 fs-13">

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

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

				<!-- Small Description -->
				<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>

				<!-- Contact Address -->
				<address>
					<ul class="list-unstyled">
						<li class="footer-sprite address">
							PO Box 21132<br>
							Here Weare St, Melbourne<br>
						</li>
						<li class="footer-sprite phone">
							Phone: 1-800-565-2390
						</li>
						<li class="footer-sprite email">
							<a href="mailto:support@yourname.com">support@yourname.com</a>
						</li>
					</ul>
				</address>
				<!-- /Contact Address -->

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

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

				<h4 class="letter-spacing-1">TESTIMONIALS</h4>

				<!-- 
					data-plugin-options:
						"transitionStyle":"fadeUp" (fade,backSlide,goDown,fadeUp)

					Note: remove class="rounded" from the img for squared image!
				-->
				<div class="owl-carousel text-center owl-mini-testimonial m-0" data-plugin-options='{"singleItem": true, "autoPlay": 4000, "navigation": false, "pagination": true, "transitionStyle":"goDown"}'>

					<div class="testimonial">
						<figure>
							<img class="rounded" src="demo_files/images/people/300x300/11-min.jpg" alt="" />
						</figure>
						<div class="testimonial-content p-0">
							<p>Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero.</p>
							<cite>
								Joana Doe
								<span>Company Ltd.</span>
							</cite>
						</div>
					</div>

					<div class="testimonial">
						<figure>
							<img class="rounded" src="demo_files/images/people/300x300/12-min.jpg" alt="" />
						</figure>
						<div class="testimonial-content p-0">
							<p>Quod necessitatibus quis expedita harum provident eos obcaecati id culpa.</p>
							<cite>
								Melissa Doe
								<span>Company Ltd.</span>
							</cite>
						</div>
					</div>

				</div>

				<hr />

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

					<a href="#" class="social-icon social-icon-sm social-icon-border social-facebook float-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 float-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 float-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 float-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 float-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 #2 -->

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

				<h4 class="letter-spacing-1">CONTACT US</h4>

				<!-- CONTACT MESSAGES -->
				<p id="alert_success" class="alert alert-success alert-mini">Message sent! Thank You!</p>
				<p id="alert_failed" class="alert alert-danger alert-mini">Message not sent!</p>
				<p id="alert_mandatory" class="alert alert-danger alert-mini">Please, complete all mandatory fields</p>

				<!-- CONTACT FORM -->
				<form class="validate" method="post" action="php/contact.php">
					
					<input type="text" value="" placeholder="Name*" maxlength="100" class="form-control required" name="contact[name]" />
					<input type="email" value="" placeholder="Email*" data-msg-email="Please enter a valid email address." class="form-control required" name="contact[email]" />
					<textarea maxlength="5000" placeholder="Message*" rows="3" class="form-control required" name="contact[message]"></textarea>
					<input type="submit" value="SUBMIT MESSAGE" class="btn btn-success" />

				</form>
				<!-- /CONTACT FORM -->

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

		</div>

	</div>

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

			&copy; All Rights Reserved, Company LTD
		</div>
	</div>

</footer>