<!DOCTYPE HTML>
<html>
	<head>
		<title>Smart Variant - Web design|development, Social media marketing firm, Myrtle Beach, SC</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="Web design and development, search engine optimization, social media marketing, web hosting, VoIP, network and hardware solutions" />
		<meta name="keywords" content="Web design, development, Social media marketing, Myrtle Beach" />
		<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.poptrox.min.js"></script>
		<script src="js/skel.min.js"></script>
		<script src="js/init.js"></script>
		<noscript>
			<link rel="stylesheet" href="css/skel-noscript.css" />
			<link rel="stylesheet" href="css/style.css" />
		</noscript>
		<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
	</head>
	<body>

		<!-- Header -->
			<header id="header">

				<!-- Logo -->
					<h1 id="logo"><a href="#">Smart Variant</a></h1>
				
				<!-- Nav -->
					<nav id="nav">
						<ul>
							<li><a href="#intro">Intro</a></li>
							<li><a href="#one">What We Do</a></li>
							<li><a href="#two">Who We Are</a></li>
							<li><a href="#work">Our Projects</a></li>
							<li><a href="#contact">Contact</a></li>
						</ul>
					</nav>

			</header>
			
		<!-- Intro -->
			<section id="intro" class="main style1 dark fullscreen">
				<div class="content container small">
					<header>
						<h2>Hey.</h2>
					</header>
					<p>Welcome to <strong>Smart Variant</strong>, an innovation company. In a nutshell, 
we help small 
business grow and increase their profit with a use of technology. There are 2 simple ways to make your profit higher: you can ether increase a revenue or reduce operating expenses and production costs. Want to know how digital technology can improve your business? Request a free evaluation. </p>
					<footer>
						<a href="#one" class="button style2 down">More</a>
					</footer>
				</div>
			</section>
		
		<!-- One -->
			<section id="one" class="main style2 right dark fullscreen">
				<div class="content box style2">
					<header>
						<h2>What We Do</h2>
					</header>
					<p>World has changed. If you do not have an online presence, you don’t exist! And at the same time, online marketing is the cheapest and most effective way to promote your business. Smart Variant offers a range of services to get you solid online presence: Web design and development, search engine optimization, social media marketing, web hosting, VoIP, network and hardware solutions.</p>
				</div>
				<a href="#two" class="button style2 down anchored">Next</a>
			</section>
		
		<!-- Two -->
			<section id="two" class="main style2 left dark fullscreen">
				<div class="content box style2">
					<header>
						<h2>Who We Are</h2>
					</header>
					<p>We are a small group of talented people, who are passionate about Internet Technologies and Social Media. Smart Variant team has more than 100 years of combined experience and we make a good use out of that knowledge. Want to improve your business? Let us show you how. Contact us for a free consultation. </p>
				</div>
				<a href="#work" class="button style2 down anchored">Next</a>
			</section>
			
		<!-- Work -->
			<section id="work" class="main style3 primary">
				<div class="content container">
					<header>
						<h2>Our Projects</h2>
						<p>We're crazy about web development and have been working in the industry since 2008. Here are a few samples of some of our work. </p>
					</header>
					
					<!--
						 Lightbox Gallery
						 
						 Powered by poptrox. Full docs here: https://github.com/n33/jquery.poptrox
					-->
						<div class="container small gallery">
							<div class="row flush images">
								<div class="6u"><a href="images/fulls/01.jpg" class="image full l"><img src="images/thumbs/01.jpg" title="www.tachyonlink.com - Enterprise application acceleration platform" alt="enterprise application acceleration" /></a></div>
								<div class="6u"><a href="images/fulls/02.jpg" class="image full r"><img src="images/thumbs/02.jpg" title="seafoodworld.net - Buffet restaurant in Myrtle beach, SC" alt="Buffet restaurant in Myrtle beach, SC" /></a></div>
							</div>
							<div class="row flush images">
								<div class="6u"><a href="images/fulls/03.jpg" class="image full l"><img src="images/thumbs/03.jpg" title="www.haganstowne.com - Insurance company, Doylestown, PA" alt="Insurance company" /></a></div>
								<div class="6u"><a href="images/fulls/04.jpg" class="image full r"><img src="images/thumbs/04.jpg" title="americands.net - Driving school, Charlotte, NC" alt="" /></a></div>
							</div>
							<div class="row flush images">
								<div class="6u"><a href="images/fulls/05.jpg" class="image full l"><img src="images/thumbs/05.jpg" title="www.bennettscalabash.net - Buffet restaurant in Myrtle beach, SC" alt="Buffet restaurant in Myrtle beach, SC" /></a></div>
								<div class="6u"><a href="images/fulls/06.jpg" class="image full r"><img src="images/thumbs/06.jpg" title="checkercabmyrtlebeach.com - Myrtle Beach taxi service" alt="Myrtle Beach taxi service" /></a></div>
							</div>
						</div>

				</div>
			</section>
			
		<!-- Contact -->
			<section id="contact" class="main style3 secondary">
				<div class="content container">
					<header>
						<h2>Say Hello.</h2>
						<p>Interested in working with us on a project? Give us all the details below, and we’ll get back to you as soon as possible.<br />Or just pick-up the phone and call us: (843)-485-0400<br />..or stop by at our office: 3245 Holmestown Rd, Unit B2, Myrtle beach, SC, 29588</p>
					</header>
					<div class="box container small">
					
						<!--
							 Contact Form
							 
							 To get this working, place a script on your server to receive the form data, then
							 point the "action" attribute to it (eg. action="http://mydomain.tld/mail.php").
							 More on how it all works here: http://www.1stwebdesigner.com/tutorials/custom-php-contact-forms/
						-->
							<form action="mail.php" method="POST">
								<div class="row half">
									<div class="6u"><input type="text" name="name" placeholder="Name" maxlength="25" required></div>
									<div class="6u"><input type="text" name="email" placeholder="Email" maxlength="25" required></div>
								</div>
								<div class="row half">
									<div class="12u"><textarea name="message" placeholder="Message" rows="6" required></textarea></div>
								</div>
								<div class="row half">
									<div class="6u"><input type="text" name="human" placeholder="What is 9-7+2? (Anti-spam)" maxlength="1" required/></div>
								
								</div>
								<div class="row">
									<div class="12u">
										<ul class="actions">
											<li><input type="submit" class="button" value="Send Message"></li>
										</ul>
									</div>
								</div>
							</form>

					</div>
				</div>
			</section>
			
		<!-- Footer -->
			<footer id="footer">
			
				<!--
				     Social Icons
				     
				     Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/)
				-->
				<!--
					<ul class="actions">
						<li><a href="#" class="fa solo fa-twitter"><span>Twitter</span></a></li>
						<li><a href="#" class="fa solo fa-facebook"><span>Facebook</span></a></li>
						<li><a href="#" class="fa solo fa-google-plus"><span>Google+</span></a></li>
						<li><a href="#" class="fa solo fa-dribbble"><span>Dribbble</span></a></li>
						<li><a href="#" class="fa solo fa-pinterest"><span>Pinterest</span></a></li>
						<li><a href="#" class="fa solo fa-instagram"><span>Instagram</span></a></li>
					</ul>
				-->

				<!-- Menu -->
					<ul class="menu">
						<li>&copy; Smart Variant</li>
						<li>Design: <a href="http://smartvariant.com/">By US</a></li>
					</ul>
			
			</footer>

	</body>
</html>