<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Stephen Collins Design :: Web design and consulting.</title>
<meta name="description" content="Stephen Collins Design is a small web shop specializing in working with small to medium sized businesses creating, or modifying their online presence." />
<meta name="keywords" content="web design, web development, norristown, southearn pa, philadelphia, html, css, javascript, php, asp, Expression Engine, Wordpress, Textpattern" />

<link href="css/reset.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.inner {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
.column {
	float: left;
	padding-right: 42px;
}
.column p {
	width: 190px;
	padding: 5px;
}
.column img {
	-moz-box-shadow: 5px 5px 15px #000;
	-webkit-box-shadow: 5px 5px 15px #000;
	box-shadow: 5px 5px 15px #000;
	margin-bottom: 20px;
}
#topBar {
	font-family: "myriad-pro-1", "myriad-pro-2", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 300;
	background-color: #CCC;
	padding: 20px;
	-moz-box-shadow: 0px 5px 15px #000;
	-webkit-box-shadow: 0px 5px 15px #000;
	box-shadow: 0px 5px 15px #000;

}
#mainContent {}
h1 {
	font-family: "myriad-pro-1", "myriad-pro-2", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 900;
	color: #000;
	letter-spacing: -1px;
	text-shadow: 1px 1px 3px #999;
}
#mainContent p {
	font-family: "myriad-pro-1", "myriad-pro-2", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 140%;
	padding-top: 10px;
}

#logoArea {
	width: 420px;
	padding-top: 50px;
}
#contactArea {
	font-family: "myriad-pro-1", "myriad-pro-2", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 140%;
	padding-top: 60px;
	text-align: right;
	padding-right: 20px;
}
#logoArea h1 {
}

#textArea {
	width: 500px;
}
#textArea h1 {
	padding-top: 30px;
	padding-bottom: 10px;
}
#samples {
	margin-top: 50px;
	padding-top: 10px;
	background-color: #2173C2;
	-moz-box-shadow: 0px -5px 15px #000;
	-webkit-box-shadow: 0px -5px 15px #000;
	box-shadow: 0px -5px 15px #000;
}
#samples p {
	font-family: "myriad-pro-1", "myriad-pro-2", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 140%;
	padding-top: 10px;
	color: #FFF;
}

#samples h1 {
	font-size: 24px;
	color: #FFF;
}
#footer {
	color: #CCC;
	background-color: #000;
	padding: 10px;
	-moz-box-shadow: 0px -5px 15px #000;
	-webkit-box-shadow: 0px -5px 15px #000;
	box-shadow: 0px -5px 15px #000;
}
#footer a {
	color: #FFF;
	text-decoration: underline;
}
#footer p {
	font-family: "myriad-pro-1", "myriad-pro-2", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 140%;
	color: #FFF;
	padding: 5px;
}
#footer h2 {
	font-family: "myriad-pro-1", "myriad-pro-2", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 900;
	color: #FFF;
	letter-spacing: -1px;
	padding: 5px;
	text-align: right;
}
</style>

<script type="text/javascript" src="http://use.typekit.com/oyk1zng.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-77041-7']);
  _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 id="topBar">
<div class="inner">
Contact me for any further information or questions you might have. I'm glad to help.<span class="right"><a href="mailto:stephen@stephencollinsdesign.com">stephen@stephencollinsdesign.com</a></span>
</div>
</div>

<br clear="all" />

<div id="mainContent">
<div class="inner">
	
    <div id="logoArea" class="left">
	<img src="artwork/scDesignLogo.gif" width="420" height="117" />
    <div id="contactArea">
    You can always reach me via<br />
    email:&nbsp; <a href="mailto:stephen@stephencollinsdesign.com">stephen@stephencollinsdesign.com</a><br />
    or phone:&nbsp; 610-291-2175<br />
	1740 Sterigere St.,  Norristown PA 19403
 </div></div><div id="textArea" class="right">
 
      <h1>The Non-Technical Pitch</h1>
      <p>I love the web, and I can help you or your business become a part of it. It doesn't have to be difficult and I can help make it easier for you.</p>
      <p>Specializing in small to medium-sized businesses, I can help you create your web presence, or refine your existing one.</p>
      <p>From designing the look, feel and use of the website, to developing a behind the scenes back end to handle your data needs, I have the experience to help you.</p>
      <h1>In Tech Speak</h1>
      <p>Front end design, database creation and design, site usability, analytics, search engine best practices, PHP, ASP, SQL, MySQL, JavaScript, jQuery, WordPress, Expression Engine, Textpattern, hosting questions and concerns.</p>

<br /><br />
 </div>

</div>
</div>

<br clear="all" />
<br clear="all" />

<div id="samples">
<div class="inner">
	
    <h1>A few samples of my past work can be seen below.</h1>
    
    <br clear="all" />
    
    <div class="column"> <a href="http://www.constructionequipmentguide.com" target="_blank"><img src="artwork/cegBlock.gif" border="0" /></a>
    <p>Extensive front-end design work, and back-end ASP, VB and SQL coding to handle a database with over a million pieces of data and hundreds of thousands of pageviews of traffic per month.</p>
    </div>

    <div class="column"> <a href="http://www.griffingallery.org" target="_blank"><img src="artwork/ggBlock.jpg" border="0" /></a>
    <p>PHP and Flash power the behind the scenes work while HTML and CSS were used to create visuals for the online presence of Griffin Gallery.</p>
    </div>

    <div class="column"> <a href="http://www.mentalfortune.com" target="_blank"><img src="artwork/mentalBlock.jpg" border="0" /></a>
    <p>Wordpress, HTML, CSS along with custom PHP and JavaScript, along with Twitter integration were used to build the Mental Fortune web site.</p>
    </div>

    <div class="column"> <a href="http://www.municibid.com" target="_blank"><img src="artwork/municibidBlock.jpg" border="0" /></a>
    <p>ASP, SQL and JavaScript were used to develop behind the scenes functions including email and form integration, form to database transactions and custom Google Maps integration.</p>
    </div>

    <br clear="all" />
    <br clear="all" />
    <br clear="all" />


</div>
</div>

<div id="footer">
<div class="inner">
<h2>© Copyright 2011 Stephen Collins Design</h2>
<p>Stephen Collins Design is a small (meaning one person, me) design shop that has been working on the web for almost 15 years and full-time for the last 10. I have years of experience in dealing with smaller clients and larger companies. From one person businesses to large corporations. I specialize in dealing with smaller companies that like to have a closer relationship with the people they contract with to make them more comfortable.</p>
<p>If you have ANY questions about the process or rates or how I work, don't hesitate to <a href="mailto:stephen@stephencollinsdesign.com">email me</a> and we can set up a chat.</p>

    <br clear="all" />
    <br clear="all" />

</div>
</div>

</body>
</html>
