CodePen

HTML

            
              <article>
    <h1>challenge:</h1>
  <p>Build awareness for Saint Peter’s University Hospital’s neonatology, obstetrics, orthopedics, cardiology, diabetes treatment and pediatric oncology.</p>
</article>

<article>
    <h1>action:</h1>
  <p>Re-brand Saint Peter’s as the compassionate “Personal Advocate” for its patients. SGW employed a broadly targeted, integrated media campaign featuring real life stories of patients and the tagline, “Thanks, Saint Peter’s!”</p>
</article>

<article>
    <h1>results:</h1>
  <p>All six specialty services increased as follows: Neonatology — 36%, Obstetrics — 45%, Orthopedics — 28%, Cardiology — 10%, Diabetes Treatments — 12% and Pediatric Oncology — 8%.</p>
</article>


            
          
!
via HTML Inspector

CSS

            
              article {
  width: 600px;
  position: relative;
}

article h1 {
  color: red;
  font-size: 20px;
  float: left;
  width: 180px;
  margin-top: 0
}

article p {
  margin-left: 200px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................