File: //home/awaldron/_domains/_waldroninteractive.com/index.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Waldron Interactive : Web Design and Social Media : Pittsburgh, PA</title>
<meta charset="utf-8">
<meta name="google-site-verification" content="dsxZovMBr-35NP3nLEgBDik619mOAr52LjHJSP8AYEE" />
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" media="all">
<link href='http://fonts.googleapis.com/css?family=Merienda+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.7.1.js" ></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
<![endif]-->
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
</div>
<![endif]-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1921914-6']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div class="glob">
<div class="page_spinner"></div>
<div class="main">
<div class="center">
<div class="centerHolder">
<!--header -->
<header>
<h1><a href="#!/pageHome" id="logo">security</a></h1>
<div class="followHolder">
<!--
<span>social network</span>
<ul>
<li><a href="#"><img src="images/followIcon1.png" alt=""></a></li>
<li><a href="#"><img src="images/followIcon2.png" alt=""></a></li>
<li><a href="#"><img src="images/followIcon3.png" alt=""></a></li>
<li><a href="#"><img src="images/followIcon4.png" alt=""></a></li>
<li><a href="#"><img src="images/followIcon5.png" alt=""></a></li>
<li><a href="#"><img src="images/followIcon6.png" alt=""></a></li>
</ul>
</div>
-->
</header>
<!--header end-->
</div>
<div class="splashHolder">
<nav class="menu">
<ul id="menu">
<li><a href="#!/pageHome"><div class="imgHolder"></div><div class="extraHolder"></div></a></li>
<li class="with_ul">
<a href="#!/pageAbout">
<div class="imgHolder">
<img class="pic" src="images/splash_pic1.png" alt="">
</div>
<div class="extraHolder">
<span class="mText1">about us</span>
<span class="mOver"></span>
</div>
</a>
</li>
<li>
<a href="#!/pageWebDesign">
<div class="imgHolder">
<img class="pic" src="images/splash_pic2.png" alt="">
</div>
<div class="extraHolder">
<span class="mText1">web design</span>
<span class="mOver"></span>
</div>
</a>
</li>
<li>
<a href="#!/pageSocialMedia">
<div class="imgHolder">
<img class="pic" src="images/splash_pic4.png" alt="">
</div>
<div class="extraHolder">
<span class="mText1">social media</span>
<span class="mOver"></span>
</div>
</a>
</li>
<li>
<a href="#!/pageWorks">
<div class="imgHolder">
<img class="pic" src="images/splash_pic3.png" alt="">
</div>
<div class="extraHolder">
<span class="mText1">our work</span>
<span class="mOver"></span>
</div>
</a>
</li>
<li>
<a href="#!/pageContacts">
<div class="imgHolder">
<img class="pic" src="images/splash_pic5.png" alt="">
</div>
<div class="extraHolder">
<span class="mText1">contact us</span>
<span class="mOver"></span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<!--content -->
<article id="content">
<ul>
<li id="pageHome">
<div class="box1">
<h2 class="padBot9 divider1 magBot2">Nice People Saying Nice Things</h2>
<div id="scrollSets">
<div class="_item">
<p><span>Ryan Brown, The Burgh Live LLC</span><br>"Alan's designs are always spot on, bringing to life the ideas of my clients. He's extremely creative and always completes his projects on time. Alan provides excellent results at a very competitive rate. I highly recommend him to any one needing web design."</p>
</div>
<!--
<div class="_item">
<p><span>Mark smith, june 21, 2012</span><br>" Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.<br>Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridicu<br>lus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio."</p>
</div>
<div class="_item">
<p><span>Mark smith, june 20, 2012</span><br>" Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.<br>Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridicu<br>lus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio."</p>
</div>
<div class="_item">
<p><span>Mark smith, june 19, 2012</span><br>" Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.<br>Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridicu<br>lus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio."</p>
</div>
-->
</div>
<div class="navHolder">
<ul id="setNav"></ul>
</div>
</div>
</li>
<li id="pageAbout"><?php include('pageAbout.php'); ?></li>
<li id="pageWebDesign"><?php include('pageWebDesign.php'); ?></li>
<li id="pageSocialMedia"><?php include('pageSocialMedia.php'); ?></li>
<li id="pageWorks"><?php include('pageWorks.php'); ?></li>
<li id="pageContacts">
<div class="box">
<div class="containerContent">
<div class="col11 divider2 padRight2 magRight4">
<h2>Find Us</h2>
<div class="magBot1">
<figure class="google_map"></figure>
</div>
<div class="col5">
<h3>Serving the greater Pittsburgh area!</h3>
<p>
<span>E-mail: <a class="color2" href="mailto:hello@waldroninteractive.com">hello@waldroninteractive.com</a></span>
<span>Phone: (412) 301-5301</span>
</p>
</div>
</div>
<div class="col12">
<h2>Get In Touch</h2>
<div class="wrapper">
<form action="#" id="ContactForm">
<div class="success"> Contact form submitted! <br><strong>We will be in touch soon.</strong></div>
<fieldset class="left">
<div class="block">
<label class="name">
<span class="bg"><input type="text" value="Name:" class="input"></span>
<span class="error">*This is not a valid name.</span> <span class="empty">*This field is required.</span> </label>
<label class="email">
<span class="bg"><input type="text" value="Email:" class="input"></span>
<span class="error">*This is not a valid email address.</span> <span class="empty">*This field is required.</span> </label>
<label class="phone">
<span class="bg"><input type="tel" value="Phone:" class="input"></span>
<span class="error">*This is not a valid phone number.</span> <span class="empty">*This field is required.</span> </label>
</div>
<div class="block">
<label class="message">
<span class="bg"><textarea rows="1" cols="2">Message:</textarea></span>
<span class="error">*The message is too short.</span> <span class="empty">*This field is required.</span> </label>
</div>
<div class="formBtn left">
<a href="#" data-type="reset"></a>
</div>
<div class="formBtn right">
<a href="#" data-type="submit" class="more">send message</a>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</li>
<li id="pagePrivacy">
<div class="box">
<div class="containerContent">
<div class="col13">
<h2>Privacy Policy</h2>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.</p>
<p>Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. Nam elit magna, hendrerit sit amet, tincidunt ac, viverra sed, nulla. Donec porta diam eu massa. Quisque diam lorem, interdum vitae, dapibus ac, scelerisque vitae, pede. Donec eget tellus non erat lacinia fermentum. Donec in velit vel ipsum auctor pulvinar.</p>
<p>Vestibulum iaculis lacinia est. Proin dictum elementum velit. Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus.</p>
<p>E-mail: <a class="color2" href="mailto:">info@demolink.org</a></p>
</div>
</div>
</div>
</li>
<li id="pageMore">
<div class="box">
<div class="containerContent">
<div class="col13">
<h2>Lorem Ipsum</h2>
<p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.</p>
<p>Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. Nam elit magna, hendrerit sit amet, tincidunt ac, viverra sed, nulla. Donec porta diam eu massa. Quisque diam lorem, interdum vitae, dapibus ac, scelerisque vitae, pede. Donec eget tellus non erat lacinia fermentum. Donec in velit vel ipsum auctor pulvinar.</p>
<p>Vestibulum iaculis lacinia est. Proin dictum elementum velit. Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus.</p>
</div>
</div>
</div>
</li>
</ul>
</article>
<!--content end-->
</div>
</div>
<div class="extraElem"></div>
<!--footer -->
<footer>
<!-- {%FOOTER_LINK} -->
<div class="mainFooter">
<div class="privHold">
<pre class="textPrivacy">Waldron Interactive LLC © 2012. All Rights Reserved.</pre>
<br/><a href="http://dodamp.com" class="img" title="Directory of Design and Marketing Professionals"><img src="http://dodamp.com/dodamp-member-inverted.png" alt="Member of the Directory of Design and Marketing Professionals" style="max-width:75px;margin-top:8px;" class="faded" title="Member of the Directory of Design and Marketing Professionals"></a>
<style type="text/css">
<!--
.faded { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); }
.faded:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; filter: none; -webkit-filter: grayscale(0);}
-->
</style>
</div>
</div>
</footer>
<!--footer end-->
</div>
<script>
$(window).load(function() {
$('.page_spinner').fadeOut();
$('body').css({overflow:'auto', 'min-height':'900px'})
})
</script>
</body>
</html>