Difference between revisions of "Team:Carnegie Mellon/CSS"

(added columns)
Line 20: Line 20:
 
border: 0px;
 
border: 0px;
 
float: center;
 
float: center;
−
                                 width: 80%;
+
                                 width: 100%;
 
margin-left:auto;
 
margin-left:auto;
 
                                 margin-right:auto;
 
                                 margin-right:auto;
Line 64: Line 64:
 
.container {
 
.container {
 
   text-align: center;
 
   text-align: center;
 +
}
 +
 +
 +
.row {
 +
    margin-left: 15px;
 +
    margin-right: 15px;
 +
}
 +
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
 +
    position: relative;
 +
    min-height: 1px;
 +
    padding-left: 15px;
 +
    padding-right: 15px;
 +
}
 +
 +
 +
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
 +
    float: left;
 +
}
 +
 +
.col-md-4 {
 +
    width: 30%;
 +
}
 +
 +
 +
 +
 +
 +
.learn-more {
 +
  background-color: #f7f7f7;
 +
}
 +
 +
.learn-more h3 {
 +
  font-family: 'Shift', sans-serif;
 +
  font-size: 18px;
 +
  font-weight: bold;
 +
}
 +
 +
.learn-more a {
 +
  color: #00b0ff;
 
}
 
}
  
Line 78: Line 117:
 
     </div>  
 
     </div>  
  
 +
 +
    <div class="learn-more">
 +
  <div class="container">
 +
<div class = "row">
 +
      <div class = "col-md-4">
 +
<h3>Travel</h3>
 +
<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
 +
<p><a href="#">See how to travel on Airbnb</a></p>
 +
      </div>
 +
  <div class = "col-md-4">
 +
<h3>Host</h3>
 +
<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
 +
<p><a href="#">Learn more about hosting</a></p>
 +
  </div>
 +
  <div class = "col-md-4">
 +
<h3>Trust and Safety</h3>
 +
<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
 +
<p><a href="#">Learn about trust at Airbnb</a></p>
 +
  </div>
 +
    </div>
 +
  </div>
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 17:07, 17 June 2015

Project Title

Carnegie Mellon iGEM

Learn More

Travel

From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.

See how to travel on Airbnb

Host

Renting out your unused space could pay your bills or fund your next vacation.

Learn more about hosting

Trust and Safety

From Verified ID to our worldwide customer support team, we've got your back.

Learn about trust at Airbnb