|
|
| Line 24: |
Line 24: |
| | | | |
| | body { | | body { |
| - | padding-bottom: 40px; | + | padding-top: 50px; |
| - | color: #5a5a5a; | + | padding-bottom: 20px; |
| | } | | } |
| - |
| |
| - |
| |
| - | .navbar-wrapper {
| |
| - | position: absolute;
| |
| - | top: 0;
| |
| - | right: 0;
| |
| - | left: 0;
| |
| - | z-index: 20;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .navbar-wrapper > .container {
| |
| - | padding-right: 0;
| |
| - | padding-left: 0;
| |
| - | }
| |
| - | .navbar-wrapper .navbar {
| |
| - | padding-right: 15px;
| |
| - | padding-left: 15px;
| |
| - | }
| |
| - | .navbar-wrapper .navbar .container {
| |
| - | width: auto;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /* Carousel base class */
| |
| - | .carousel {
| |
| - | height: 500px;
| |
| - | margin-bottom: 60px;
| |
| - | }
| |
| - | /* Since positioning the image, we need to help out the caption */
| |
| - | .carousel-caption {
| |
| - | z-index: 10;
| |
| - | }
| |
| - |
| |
| - | /* Declare heights because of positioning of img element */
| |
| - | .carousel .item {
| |
| - | height: 500px;
| |
| - | background-color: #777;
| |
| - | }
| |
| - | .carousel-inner > .item > img {
| |
| - | position: absolute;
| |
| - | top: 0;
| |
| - | left: 0;
| |
| - | min-width: 100%;
| |
| - | height: 500px;
| |
| - | }
| |
| - |
| |
| | | | |
| | /* Center align the text within the three columns below the carousel */ | | /* Center align the text within the three columns below the carousel */ |
| Line 171: |
Line 123: |
| | | | |
| | | | |
| - | <!-- Carousel
| + | |
| - | ================================================== -->
| + | <div class="container"> |
| - | <div id="myCarousel" class=" carousel slide" data-ride="carousel" > | + | <h1>Hello, world!</h1> |
| - | <!-- Indicators -->
| + | <p> This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p> |
| - | <ol class="carousel-indicators">
| + | <p><a class="btn btn-primary btn-lg" role="button">Learn more »</a></p> |
| - | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
| + | |
| - | <li data-target="#myCarousel" data-slide-to="1"></li>
| + | |
| - | <li data-target="#myCarousel" data-slide-to="2"></li>
| + | |
| - | </ol>
| + | |
| - | <div class="carousel-inner"> | + | |
| - | <div class="item active"> | + | |
| - | <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
| + | |
| - | <div class="container">
| + | |
| - | <div class="carousel-caption">
| + | |
| - | <h1>NU Models</h1>
| + | |
| - | <p> Insert team picture</p> | + | |
| - | <p><a class="btn btn-lg btn-primary" href="2014.igem.org/Team:Northwestern/Home" role="button">Go to our homepage</a></p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div> | + | |
| - | <div class="item">
| + | |
| - | <img src="data:image/gif;base64,R0lGODlhAQABAIAAAGZmZgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
| + | |
| - | <div class="container">
| + | |
| - | <div class="carousel-caption">
| + | |
| - | <h1>Another example headline.</h1>
| + | |
| - | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
| + | |
| - | <p><a class="btn btn- lg btn- primary" href="#" role="button">Learn more </a></p> | + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="item">
| + | |
| - | <img src="data:image/gif;base64,R0lGODlhAQABAIAAAFVVVQAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
| + | |
| - | <div class="container">
| + | |
| - | <div class="carousel-caption">
| + | |
| - | <h1>One more for good measure.</h1>
| + | |
| - | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
| + | |
| - | <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| - | <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
| + | </div> |
| - | <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
| + | |
| - | </div><!-- /.carousel --> | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| | <!-- Marketing messaging and featurettes | | <!-- Marketing messaging and featurettes |
| | ================================================== --> | | ================================================== --> |
"
