BloggingPage

by Turner

HTML

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
  </head>

  <body>
    <div class="container">

      <div class="jumbotron">

        <header>
          <h1>Mr. Turner's Assignments Blog </h1>
          <h3>AP CSA 2016-2017</h3>
      </div>

      <div class="row">
        <div class="col-md-4">
          <h3>Blog Prompt 14</h3>
          <p>Blog Content Goes Here</p>
        </div>
        <div class="col-md-4">
          <h3>Blog Prompt 15</h3>
          <p>Blog Content Goes Here</p>
        </div>
        <div class="col-md-4">
          <h3>Blog Prompt 16</h3>
          <p>Blog Content Goes Here</p>
        </div>
      </div>
      <footer id="footer">
        <p>copyright text </p>
      </footer>
    </div>

    </div>
  </body>

</html>

CSS

/* page Content */
header{text-align: center;}

#content {
  display: block;
  clear: both;
  margin-bottom: 20px;
  min-height: 500px;
}

#left-sidebar {
  width: 35%;
  float: left;
  margin: 0 15px;
  background: #ccc;
  min-height: 500px;
  text-align: center;
}

#right {
  float: right;
  width: 62%;
  background: #efefef;
  text-align: center;
  min-height: 500px;
}

footer {
  text-align: center;
}


/* clearfix */

.clearfix:after {
  content: “.”;
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}