front page revised with content

index.html

@@ -39,10 +39,10 @@
		<div id="container">
			<div id="header">
				<div id="logo"><a href="#/" title="Revolving Cow"><img src="blank.gif" alt="Revolving Cow" /></a></div>
				<div id="logo" style="display: none;"><a href="#/" title="Revolving Cow"><img src="blank.gif" alt="Revolving Cow" /></a></div>
			</div>
			<div id="content">
				<div ng-view></div>
				<div id="ng-view" ng-view></div>
			</div>
		</div>
@@ -64,11 +64,20 @@
				</div>
			</div>-->
			<div id="logo-slider">
				<img src="images/logo-dotnet.png" alt="Microsoft .NET" />
				<img src="images/logo-sharepoint.png" alt="Microsoft SharePoint" />
				<img src="images/logo-jquery.png" alt="jQuery" />
				<img src="images/logo-android.png" alt="Android" />
				<img src="images/logo-python.png" alt="Python" />
				<img src="images/logo-html5.png" alt="HTML5" />
			</div>
			<div id="social">
				<ul>
					<li><a href="//plus.google.com/114406518580005058024" title="Google&#43;" rel="publisher">Google&#43;</a></li>
					<li><a href="//twitter.com/RevolvingCow" title="&#64;RevolvingCow">Twitter</a></li>
					<li><a href="" title="LinkedIn">LinkedIn</a></li>
					<li><a href="//www.linkedin.com/company/revolving-cow-llc" title="LinkedIn">LinkedIn</a></li>
				</ul>
			</div>

partials/company.html

@@ -4,4 +4,8 @@
<h2>Origins</h2>
<p>Founded in 2013 mainly as an excuse to manage our own timelines and incorporate more "play" in to our daily routines.</p>
<p>Founded in 2013 mainly as an excuse to manage our own timelines and incorporate more "play" in to our daily routines.</p>
<h2>Getting to know the herd</h2>
<p>An enthusiastic bunch who enjoy exploring possibilities over some warm sake (does that make us Wagyu?). The ability to think outside the pasture has allowed us to apply creative working solutions to a variety of problems where our competitors may spend more time and effort getting the square peg in to the circle hole.</p>

partials/home.html

@@ -1,11 +1,47 @@
<!-- <img src="/images/fast-efficient-lightweight.png" alt="Fast, efficient, and lightweight" /> -->
<h2>Fast, efficient, and lightweight</h2>
<p>Practicing the "test first" philosophy our code is more likely to run longer and more efficiently.</p>
<p>With a strong belief in not over complicating a problem we strive to find the core issues and approach them with simple and sound solutions.</p>
<!-- <img src="/images/limber.png" alt="We&apos;re limber!" /> -->
<h2>We're limber!</h2>
<p>No matter whether your environment uses Linux, Mac, or Windows we can integrate.</p>
<p>Regardless of programming language or framework we can handle it.</p>
<ul class="bullets three">
	<li>
		<div class="bullet-image">
			<img src="images/analyze.jpg" alt="Analyze" />
		</div>
		<div class="bullet-content">
			<h2>Analyze.</h2>
			
			<p>Through the process of inspecting, cleaning, transforming, and modeling we can</p>
			
			<ul>
				<li>- <span class="highlight">highlight</span> userful information</li>
				<li>- provide <span class="highlight">accurate</span> conclusions</li>
				<li>- support <span class="highlight">decision making</span></li>
			</ul>
		</div>
		<div class="bullet-footer">
			<p><a class="button rosy" href="#/services" title="More">More</a></p>
		</div>
	</li>
	<li>
		<div class="bullet-image">
			<img src="images/develop.jpg" alt="Analyze" />
		</div>
		<div class="bullet-content">
			<h2>Develop.</h2>
			
			<p>From requirement gathering to final delivery we practice test driven development to provide <span class="highlight">efficient</span> and <span class="highlight">long lasting</span> custom solutions.</p>
		</div>
		<div class="bullet-footer">
			<p><a class="button rosy" href="#/services" title="More">More</a></p>
		</div>
	</li>
	<li>
		<div class="bullet-image">
			<img src="images/maintain.jpg" alt="Analyze" />
		</div>
		<div class="bullet-content">
			<h2>Maintain.</h2>
			
			<p>Whether it is because an existing platform has changed, the requirements have been <span class="highlight">refined</span>, tracking <span class="highlight">defects</span>, or even <span class="highlight">preventative</span> or <span class="highlight">performance</span> enhancing we can handle it!</p>
		</div>
		<div class="bullet-footer">
			<p><a class="button rosy" href="#/services" title="More">More</a></p>
		</div>
	</li>
</ul>

partials/services.html

@@ -2,6 +2,18 @@
<p>Lets face it... your current needs may be similar to other businesses but never quite the same. When some process can be custom fitted to your individual needs many of your daily headaches go away allowing focus to be placed your customer and final product.</p>
<!-- <img src="/images/fast-efficient-lightweight.png" alt="Fast, efficient, and lightweight" /> -->
<h2>Fast, efficient, and lightweight</h2>
<p>Practicing the "test first" philosophy our code is more likely to run longer and more efficiently.</p>
<p>With a strong belief in not over complicating a problem we strive to find the core issues and approach them with simple and sound solutions.</p>
<!-- <img src="/images/limber.png" alt="We&apos;re limber!" /> -->
<h2>We're limber!</h2>
<p>No matter whether your environment uses Linux, Mac, or Windows we can integrate.</p>
<p>Regardless of programming language or framework we can handle it.</p>
<h2>Analyzing your data</h2>
<p>Your business may be operatingly smoothly with investments panning out, but ever wonder why? Or more importantly how can you maintain this groove or give it a boost?</p>

styles/site.css

@@ -1,13 +1,37 @@
@import url("http://fonts.googleapis.com/css?family=Architects+Daughter");
/*@import url("http://fonts.googleapis.com/css?family=Architects+Daughter");*/
@import url("http://fonts.googleapis.com/css?family=Quicksand:400,700");
/* General feel */
body
{
	margin: 0;
	padding: 0;
	/*font-family: 'Architects Daughter', cursive;*/
	/*font-family: "'"Architects Daughter", cursive;*/
	font-family: "Quicksand", sans-serif;
	background: url("../images/background.gif") repeat 0px 0px;
}
a,
a:link,
a:visited
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
h2
{
	text-shadow: 0 0 1px #656462;
	letter-spacing: -1px;
}
/* Layout */
header
{
	text-align: center;
@@ -25,10 +49,11 @@ header nav a,
header nav a:link,
header nav a:visited
{
	margin: 6px 0;
	padding: 1em 2em;
	background: url("../images/separator.gif") repeat-y 0px 0px;
	padding-left: 1em;
	padding-right: 1em;
	color: #fcf7f0;
	text-decoration: none;
}
header nav a.first
@@ -36,6 +61,28 @@ header nav a.first
	background: transparent;
}
header nav a:hover
{
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	/* We are using the "Rosy" theme on this */
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
footer
{
	padding: 1em 0;
@@ -50,29 +97,6 @@ footer a:visited
	text-decoration: none;
}
a,
a:link,
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}
/*#logo
{
	position: absolute;
	top: 1.35em;
	left: 5em;
	height: 7em;
	width: 7em;
	/ *background-color: #000;* /
	z-index: 100;
}*/
#header
{
	text-align: center;
@@ -80,15 +104,9 @@ a:hover
	padding: 1em 0;
}
#logo a
{
	border: none;
}
#logo a,
#logo img
{
	width: 7em;
	height: 7em;
	border: none;
}
@@ -103,17 +121,40 @@ a:hover
#container
{
	margin: 0 auto;
	/*box-shadow: 0 5px 10px #000 inset;*/
	padding-bottom: 1em;
	background: url("../images/container.gif") repeat 0px 0px;
}
#content
{
	width: 700px;
	padding: 2em;
	min-height: 12em;
}
#ng-view
{
	width: 700px;
	margin: 0 auto;
}
#logo-slider
{
	text-align: center;
	overflow: hidden;
	height: 64px;
	margin: 1em 0 2em 0;
}
#logo-slider img
{
	margin: 0 1em;
	opacity: 0.4;
}
#logo-slider img:hover
{
	opacity: 1;
}
#social
{
	background: url("../images/social.gif") repeat-x 0px 0px;
@@ -124,11 +165,16 @@ a:hover
#social ul li
{
	margin: 0;
	padding: 0;
	padding: 0 10%;
	display: inline-block;
	list-style: none;
}
#social a:hover
{
	color: #ba4b58;
}
.copyright 
{ 
	padding-top: 2em;
@@ -138,7 +184,116 @@ a:hover
	color: #fff;
}
/* Buttons */
.button {
    display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none !important;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
/* Special classes */
.center
{
	text-align: center;
}
.highlight
{
	color: #ba4b58;
}
.bullets
{
	width: 100%;
	margin: 0 auto;
}
.bullets.three li
{
	margin: 0.25em;
	padding: 0;
	display: inline-block;
	list-style: none;
	width: 200px;
	background-color: #f5f2ed;
	box-shadow: 0px 10px 15px -6px #000;
	vertical-align: top;
}
.bullet-image
{
	padding: 0;
	margin: 0;
	height: 267px;
	background-color: #000;
}
.bullet-content
{
	padding: 0 1.60em 2em 1.60em;
	margin: 0;
	height: 19em;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	font-size: smaller;
}
.bullet-content ul
{
	padding: 0;
}
.bullet-content ul li
{
	display: block !important;
	font-size: smaller;
	box-shadow: none !important;
}
.bullet-footer
{
	padding: 0 1.60em 1em 1.60em;
	margin: 0;
}