Stuck the floating sidebar on the side, and tweaked a few values.

symondsandson · Jan 23, 2015 · 014b53a · 014b53a
1 parent 8bd449c
commit 014b53a
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/source/css/main.css.scss b/source/css/main.css.scss
@@ -30,6 +30,10 @@ $darkgray: #3e3e3e;
     padding: 0;
 }
 
+.text-center {
+    text-align: center;
+}
+
 .centered-full {
     width: 100%;
     margin: 0 auto;
@@ -60,6 +64,14 @@ $darkgray: #3e3e3e;
     color: #FFFFFF
 }
 
+#started-sidebar {
+    @include rotate(-90deg);
+    display: inline-block;
+    padding: 5px 10px;
+    position: absolute;
+    right: -55px;
+}
+
 h2 {
     text-transform: uppercase;
     font-family: "Vevey";
@@ -433,6 +445,11 @@ div#our_experience {
         margin-bottom: 0;
     }
 
+    h4, h5 {
+        margin: 0 auto;
+        text-align: center;
+    }
+
     ul {
         width: 940px;
         float: left;

diff --git a/source/index.html.erb b/source/index.html.erb
@@ -14,12 +14,12 @@ javascript: index
   <div class='centered-full'>
     <div id="ruby-divider"></div>
     <h2>Web Crafters &amp; Application Artisans</h2>
-    <div id="started-sidebar">
+    <div id="started-sidebar" class="orange">
       Let's get started
     </div>
-    <p>Symonds &amp; Son is a Ruby development shop. We create and scale amazing web applications: whether you're looking to create an iPhone or web app, or simply take your existing product from serving thousands of customers to millions, we will tailor our solutions meticulously to your specifications. We work with you to visualize, produce, and scale your application, becoming your partners in development and business.</p>
+    <p class="text-center">Symonds &amp; Son is a Ruby development shop. We create and scale amazing web applications: whether you're looking to create an iPhone or web app, or simply take your existing product from serving thousands of customers to millions, we will tailor our solutions meticulously to your specifications. We work with you to visualize, produce, and scale your application, becoming your partners in development and business.</p>
     <ul class="split vertical">
-      <li class="left black">
+      <li class="left black text-center">
         <h2>Development</h2>
         <p>At Symonds &amp; Son, we pride ourselves on our incredible developers and the many years of experience they've had creating the most complicated Rails applications on the Internet. We provide expert-level guidance and programming, creating Rails applications from scratch and improving existing ones to be more efficient, more user-friendly, and more tested.</p>
         <div class="bordered uppercase">Hire a developer</div>
@@ -37,10 +37,10 @@ javascript: index
 
 <div id='our_experience'>
   <div class='centered'>
-    <h4>Years of experience</h4>
+    <h4 class="uppercase">Years of experience</h4>
     <h5>as digital architects</h5>
 
-    <p>Our team has had dozens of years of experience with the technologies that make the Internet run at scale. Whether it's a web application or a mobile application, whatever software stack you seek to employ, chances are we've not only used it &mdash; we've used it to help a multi-million dollar company increase their uptime, reduce their operating costs, and most importantly, delight their customers. Here's a very small selection of the software we love using over and over again.</p>
+    <p class="text-center">Our team has had dozens of years of experience with the technologies that make the Internet run at scale. Whether it's a web application or a mobile application, whatever software stack you seek to employ, chances are we've not only used it &mdash; we've used it to help a multi-million dollar company increase their uptime, reduce their operating costs, and most importantly, delight their customers. Here's a very small selection of the software we love using over and over again.</p>
 
     <div id='masonry'>
       <div class='box'>