Template:Team:Northwestern/Template/nav

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html lang="en">
<html lang="en">
<head>
<head>
 +
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<meta charset="UTF-8">
<meta charset="UTF-8">
<title>Dropdown menu from bootstrap</title>
<title>Dropdown menu from bootstrap</title>
Line 60: Line 63:
    
    
 +
<header id="myCarousel" class="carousel slide">
 +
        <!-- Indicators -->
 +
        <ol class="carousel-indicators">
 +
            <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>
 +
        <!-- Wrapper for slides -->
 +
        <div class="carousel-inner">
 +
            <div class="item active">
 +
                <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide One');"></div>
 +
                <div class="carousel-caption">
 +
                    <h2>Caption 1</h2>
 +
                </div>
 +
            </div>
 +
            <div class="item">
 +
                <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Two');"></div>
 +
                <div class="carousel-caption">
 +
                    <h2>Caption 2</h2>
 +
                </div>
 +
            </div>
 +
            <div class="item">
 +
                <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div>
 +
                <div class="carousel-caption">
 +
                    <h2>Caption 3</h2>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <!-- Controls -->
 +
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
 +
            <span class="icon-prev"></span>
 +
        </a>
 +
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
 +
            <span class="icon-next"></span>
 +
        </a>
 +
    </header>
</body>
</body>
</html>
</html>

Revision as of 22:42, 11 September 2014

Dropdown menu from bootstrap

Retrieved from "http://2014.igem.org/Template:Team:Northwestern/Template/nav"