Canadian Outback

by Cindy L

HTML

<!DOCTYPE html>
  <title>Canadian Outback</title>
<body>

<div id="container-fluid">

  <div class="header">
  </div>
  
  <div class="child1">
      <div class="wrapper">
        <div class="blurb">
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ut orci aliquam nulla dignissim aliquet at eget mi. Vestibulum eget orci rhoncus, feugiat dolor et, mattis libero. Donec lacinia rutrum nisi ut vehicula. Morbi cursus, eros id posuere facilisis, dolor metus finibus nisl, quis viverra tortor risus et orci. Donec tempor bibendum augue. Morbi porta aliquet consequat. Sed pretium elementum porttitor. Proin vel eros tellus.</p>
        </div>
        <div class="form">
                	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ut orci aliquam nulla dignissim aliquet at eget mi. Vestibulum eget orci rhoncus, feugiat dolor et, mattis libero. Donec lacinia rutrum nisi ut vehicula. Morbi cursus, eros id posuere facilisis, dolor metus finibus nisl, quis viverra tortor risus et orci. Donec tempor bibendum augue. Morbi porta aliquet consequat. Sed pretium elementum porttitor. Proin vel eros tellus.</p>
        </div>
      </div>
  </div>

  <div class="child2">
      <div class="content-wrapper">  
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ut orci aliquam nulla dignissim aliquet at eget mi. Vestibulum eget orci rhoncus, feugiat dolor et, mattis libero. Donec lacinia rutrum nisi ut vehicula. Morbi cursus, eros id posuere facilisis, dolor metus finibus nisl, quis viverra tortor risus et orci. Donec tempor bibendum augue. Morbi porta aliquet consequat. Sed pretium elementum porttitor. Proin vel eros tellus.</p>

	<p>Nulla facilisi. Maecenas a ex a arcu malesuada blandit sit amet eget leo. Sed et pretium nisi, ac sagittis elit. Duis porta ut nulla sed pellentesque. Donec eget viverra tortor. Quisque gravida imperdiet nisi, at malesuada odio blandit eu. Phasellus ut magna mauris. Phasellus ultrices...

CSS

@charset "utf-8";
html {
	font-family: sans-serif;
}
body {
	margin: 0
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Helvetica Neue',Arial,sans-serif;
    line-height:1.5em;
}

#container-fluid {
	width:100%;
}

.header {
	background:#eeefed;
	height:50px;
	margin:0;
	}

.child1 {
	background:#082a46;
	margin:0;
	}
  
.wrapper {
  width:970px;
  margin: 0 auto;
}

.blurb {
  color: #fff;
  width:200px;
  height:400px;
}

.form{
  background-color:#9c0b0e;
  width:100px;
  height:400px;
}

.child2 {
	background:#eeefed;
	margin:0;
	}
  
    
.content-wrapper{
   width:970px;
   margin: 0 auto;
   padding:40px;
   background-color: #fff;
   color: #16344b;
   text-align:center;
 }
     
.content-wrapper-transparent {
   width:970px;
   margin: 0 auto;
   padding:40px;
 }

 .testimonials {
   background-color: #9c0b0e;
   border-bottom: 1px solid #fff;
 }
 
 .footer {
   background-color: #0d3455;
 }