Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by Mihai_T

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="row" style="margin: 0px;">   
  
  <div class="col-md-4">
    Menu area that can't be removed
  </div>
  
  <div class="col-md-8">
  
    <div class="col-sm-6 col-md-4"> 
      <div class="col-md-12 recycling"> 
        <h3 style="color: white; padding: 10px; margin: 0px; background-color: #00019f;">Your property</h3> 
        <p style="padding: 10px 10px 0px;"><strong>Find</strong> your collection days</p> 
        <p style="padding: 0px 10px;"><strong>Report</strong> a missed collection</p> 
        <p style="padding: 0px 10px;"><strong>Order</strong> a new recycling bin, box or bag</p> 
        <div style="padding: 0px 10px 10px; text-align: center;"> 
          <form action="https://environmentservices.camden.gov.uk/property"> <button class="button">Find, report, order</button> </form> 
        </div> 
      </div> 
    </div> 
    <div class="col-sm-6 col-md-4"> 
      <div class="col-md-12 recycling"> 
        <h3 style="color: white; padding: 10px; margin: 0px; background-color: #00019f;">Cleansing issues</h3> 
        <p style="padding: 10px 10px 0px;"><strong>Report</strong></p> 
        <ul> 
          <li>Dumped rubbish</li> 
          <li>Dog fouling</li> 
          <li>Graffiti</li> 
          <li>Other</li> 
        </ul> 
        <div style="padding: 0px 10px 10px; text-align: center;"> 
          <form action="https://environmentservices.camden.gov.uk/street"> <button class="button">Report</button> </form> 
        </div> 
      </div> 
    </div> 
    <div class="col-sm-6 col-md-4"> 
      <div class="col-md-12 recycling"> 
        <h3 style="color: white; padding: 10px; margin: 0px; background-color: #00019f;">Additional information</h3> 
        <ul style="padding-top: 10px;"> 
          <li>Frequently asked questions</li> 
          <li>Communal...

CSS

.col-md-8{
	display:flex;
}

.recycling {
  background-color: white;
  border: 1px solid #CCCCCC;
  padding: 0 0 60px;
	height: 100%;
	position:relative;


}

.button {
  min-height: 36px;
  height: auto;
  width: auto;
  padding: 0 36px 0 36px;
  border: 2px solid #00019F;
  font-size: 1em;
  color: #FFFFFF;
  background-color: #00019F;
  border-radius: 5px;
  text-decoration: none;

}

.button:hover {
  background-color: #2D389C;
  cursor: pointer;
}
form {
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	bottom:15px;
	text-align:center;
}
.button:focus {
  border: 2px solid #FF9900;
  outline: 0;
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */