Both ready to move on

cardiologists.aspx

@@ -49,14 +49,14 @@
 	  </div>
 	</nav>
   </header>
-  <section id="content-body">
+  <section id="content-body" name="top">
   	<div class="container-fluid content-wrap">
   		<!--World Renowed -->	
   		<div class="row row-1 content-row">
-  			 <div class="container">
+			<div class="col-xs-offset-6 col-xs-5">
   				<div class="row1-caption">
   					<h1>Our Cardiologists<br/> are World Renowed<br/> and Neighborhood Based.</h1>
-					<p style="float:right">With multiple locations in Northern Virginia, our<br/>top pediatric cardiologists are always close to you.</p>
+					<p class="banner-subtitle pull-right"><span class="text-left">With multiple locations in Northern Virginia,<br>our top pediatric cardiologists are always close to you.</span></p>
 					<a class="btn btn-danger btn-cnhs btn-lg btn-block btn-cardio" href="#" role="button" trackinglabel="Meet Cardiologists">Meet Our Virginia Cardiologists</a>
 				</div>
 			</div>
@@ -65,16 +65,37 @@
   		<!--Expert Care -->
   		<div class="row row-2 content-row">
   			<div class="container">
-  				<p class="new-color">As experts in pediatric cardiology, Children's National has established a worldwide reputation for care and innovation. But our availability--being there for your child--is what matters the most. And while we're strongle established in the D.C. area, we're also right in your neck of the woods: Northern Virginia.</p>
-  				<p class="new-color">Explore our locations and get acquainted with doctors that are just right for kids, and just right for you.</p>
+	  			<div class="col-xs-8">
+	  				<p class="new-color box-left">As experts in pediatric cardiology, Children's National has established a worldwide reputation for care and innovation. But our availability--being there for your child--is what matters the most. And while we're strongle established in the D.C. area, we're also right in your neck of the woods: Northern Virginia.</p>
+	  				<p class="new-color">Explore our locations and get acquainted with doctors that are just right for kids, and just right for you.</p>
+	  			</div>
+	  			<div class="col-xs-4">
+	  				<div class="paw-box">
+	  					<p class="paw-text">We're at the heart of the matter,<br>close to your child.</p>
+	  				</div>
+	  			</div>				
   			</div>
   		</div>
   		<!--Expert Care -->
   		<!--Meet Our Doctors -->
-  		<div class="row row-3 content-row">	
-				<div class="container">
-							<h1>Meet Your Doctors</h1>		
+  		<div class="row row-3 content-row">
+			<div class="container">
+				<h1>Meet Your Doctors</h1>
+				<div class="col-sm-6">
+					<div class="media campaign-media">
+					  <div class="media-left media-middle">
+					    <a>
+					      <img class="media-object" width="80" src="http://childrensnational.org/~/media/cnhs-site/images/find-a-provider/headshots/b/berul_c.ashx?mw=135" alt="Charles Berul">
+					    </a>
+					  </div>
+					  <div class="media-body doc-text-box">
+					    <h4 class="media-heading">Middle aligned media</h4>
+					    <p class="doc-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni sit suscipit numquam, libero adipisci, vitae aspernatur fuga eius odio, veniam porro repudiandae nam dolorem error excepturi dolor doloribus minima voluptates.</p>
+					  </div>
+					</div>
+					<div class="doc-box-footer"></div>		
 				</div>
+			</div>
 		</div>
         <!-- Meet Our Doctors -->
         <!--Why Children's -->
@@ -85,19 +106,29 @@
 					<p>&rsaquo; Northern Virginia Magazine</p>
 					<p>&rsaquo; We're a leader in clinical research</p>
 					<p>&rsaquo; U.S. News &amp; World Report</p>
-							<h3>Why Children's?</h3>		
+					<h3>Why Children's?</h3>		
 				</div>
 		</div>
         <!-- Why Children's -->
         <!--Expert Care -->
   		<div class="row contact-row content-row">
   			<div class="container">
   				<h1>Let's Talk</h1>
-  				<p class="text-center new-color text-museo">We're here to help. Call or schedule an appointment:</p>
+  				<div class="text-center">
+	  				<p class="text-center new-color text-museo">We're here to help. Call or schedule an appointment:</p>
+	  				<a href="tel:7035311555" trackingLabel="Phone Number on Top"><span class="form-appt-phone better-font">(703) 531-1555</span></a>
+  					<p class="text-center new-color text-museo small">Or we can call you. Submit your info below.</p>
+  					<form action="https://docs.google.com/forms/d/1pf_-jg-bMcKUJ44xU6Tqr_juF1L-4VwgNseiX9MQZG0/formResponse" method="POST" id="ss-form" target="_self" onsubmit="">
+  						<input class="form-control input-sm" id="userName" type="text" name="entry.916599135" placeholder="NAME">
+  						<input class="form-control input-sm" id="userPhone" type="text" name="entry.354822211" placeholder="PHONE">
+  						<input class="form-control input-sm" id="userZipcode" type="text" name="entry.272965353" placeholder="ZIP CODE">
+  						<button type="submit" class="btn btn-danger better-font">Submit</button>
+  					</form>
+					<a href="#top">BACK TO TOP</a>
+  				</div>
   			</div>
   		</div>
   		<!--Expert Care -->
-
   	</div>
   </section>
   <footer>
@@ -107,7 +138,8 @@
 	      </div>
 	   </div>
    </footer>
+   <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script src="//childrensnational.org/~/media/cnhs-site/files/js/event_tracking.js"></script>
-
+   <script src="lib/js/cardiologists.js"></script>
 </body>
 </html>

cardiologists.aspx~HEAD

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+	<meta name="Description" content="" />
+	<title></title>
+	<!-- Latest compiled and minified CSS -->
+	<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
+	<!-- Optional theme -->
+	<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">
+	<link rel="stylesheet" href="styles/css/one-column.css">
+	<!-- Latest compiled and minified JavaScript -->
+	<script src="lib/js/jquery.min.js"></script>
+	<script src="bootstrap/js/bootstrap.min.js"></script>
+  	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  	<!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+	<script>
+	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+	  ga('create', 'UA-3869537-22', 'auto');
+	  ga('send', 'pageview');
+
+	</script>
+</head>
+<body>
+  <header>
+	<nav class="navbar navbar-fixed-top navbar-default">
+	  <div class="container-fluid">
+	    <div class="navbar-header">
+	      <a class="navbar-brand" href="#">
+	        <img alt="Brand" height="100%" src="files/images/logo-lg.png" class="img-responsive">
+	      </a>
+	    </div>
+	    <div class="nav navbar-nav navbar-right">
+			<p class="navbar-text phone-number-box better-font">
+				<span class="header-text-right">Make An Appointment</span>
+				<a href="tel:7035311555" trackingLabel="Phone Number on Top"><span class="header-appt-phone">(703) 531-1555</span></a>
+			</p>
+	     </div>
+	  </div>
+	</nav>
+  </header>
+  <section id="content-body">
+  	<div class="container-fluid content-wrap">
+  		<div class="row row-1 content-row">
+
+  		</div>
+  		<div class="row row-2 content-row">
+
+  		</div>
+  		<div class="row row-3 content-row">
+
+  		</div>
+  		<div class="row row-4 content-row">
+
+  		</div>
+  	</div>
+  </section>
+  <footer>
+	  <div class="footer">
+	      <div class="container">
+	        <p class="text-muted text-center better-font"><a href="http://childrensnational.org" trackingLabel="Footer CNHS Homepage Link"><span>ChildrensNational.org</span></a></p>
+	      </div>
+	   </div>
+   </footer>
+   <script src="//childrensnational.org/~/media/cnhs-site/files/js/event_tracking.js"></script>
+
+</body>
+</html>

lib/js/cardiologists.js

@@ -0,0 +1,27 @@
+        function postContactToGoogle() {
+            var uName = $('#userName').val();
+            var uPhone = $('#userPhone').val();
+            var uZipcode = $('#userZipcode').val();
+
+                $.ajax({
+                    url: "https://docs.google.com/forms/d/1pf_-jg-bMcKUJ44xU6Tqr_juF1L-4VwgNseiX9MQZG0/formResponse",
+                    data: { "entry_916599135": uName, 
+                    "entry_354822211": uPhone, "entry_272965353": 
+                    uZipcode},
+                    type: "POST",
+                    dataType: "xml",
+                    statusCode: {
+                        0: function () {
+                            //window.location.replace("http://childrensnational.org");
+                        },
+                        200: function () {
+                            //window.location.replace("http://childrensnational.org");
+                        }
+                    }
+                });
+        }
+
+$( "#ss-form" ).submit(function( event ) {
+  postContactToGoogle();
+  event.preventDefault();
+});

styles/css/one-column.css

@@ -1,4 +1,4 @@
-body{ color: #877369; background-color: #e8e8e8; background-image: url('../../files/images/background-pattern.png'); }
+body{ color: #877369; font-size: 16px; background-color: #e8e8e8; background-image: url('../../files/images/background-pattern.png'); }
 
 @font-face { font-family: CampaignFont; src: url('../fonts/cnat-font1.woff'); }
 @font-face { font-family: LightCampaignFont; src: url('../fonts/cnat-font4.woff'); }
@@ -142,31 +142,34 @@ body > .container { padding: 80px 15px 0; }
 }
 
 .content-wrap{
-	margin-top: 90px;
+	margin-top: 110px;
 }
 
 .row p { 
-  color: #fff;
   font-family: Arial,sans-serif;
-  font-size: 18px;
+  font-size: 1.125em;
   font-weight: 300;
   }
 
+.row-1, .row-4, .paw-box{
+	color: #fff;
+}
+
 .row { padding: 50px 0;}
 
 .row h3 {
 	float:right;
 	color: #ffffff;
 	text-transform: uppercase;
-	font-size: 56px;
+	font-size: 3.5em;
   	font-family: SolidCampaignFont,Helvetica,Arial,sans-serif;
   	margin: 0 0;
 }
 
 
 .header-text-right{
 	display: block;
-  	font-size: 16px;
+  	font-size: 1em;
   	text-transform: uppercase;
   	color: #da291c;
 }
@@ -186,27 +189,34 @@ body > .container { padding: 80px 15px 0; }
   	background-position: center center;
   	background-repeat: no-repeat;
   	background-size: cover;
+  	z-index: 999;
 }
 
 .row h1 {
-  font-size: 48px;
+  font-size: 3em;
   font-weight: 300;
   text-transform: uppercase;
   color: #ffffff;
   font-family: LightCampaignFont,Helvetica,Arial,sans-serif;
+  overflow: hidden;
 }
 
 .row1-caption {
-	float:right;
-  z-index: 10;
-  color: #fff;
-  text-align: left;
+  margin-top: 180px;
+}
+
+.banner-subtitle{
+	margin-top: 90px;
 }
 
 p.new-color {
 	color: #777777;
 }
 
+.row-2 .box-left{
+	padding-top: 110px;
+}
+
 .row-3 {
 	background-image: url('../../files/images/city.jpg');
 	background-color: rgba(6,32,51,.8);
@@ -223,9 +233,34 @@ p.new-color {
 .contact-row h1 {
 	text-transform: none;
 	color: #da291c;
-	font-size: 46px;
+	font-size: 2.875em;
 }
 
 .contact-row p { 
 	font-family: LightCampaignFont,Helvetica,Arial,sans-serif;
-	font-size: 24px; }
+	font-size: 1.5em; 
+}
+
+.paw-box {
+  height: 220px;
+  background-color: #F00;
+  position: relative;
+  top: -80px;
+  border-radius: 0 70px;
+  z-index: -100;
+  padding: 60px 40px;
+}
+
+.campaign-media{
+	background-color: white;
+	border: 2px solid red;
+}
+
+.doc-text-box h4{
+	padding-top: 10px;
+}
+
+p.doc-desc {
+  font-size: .675em;
+  line-height: 1;
+}