|
|
Line 2: |
Line 2: |
| {{:Team:UCLA/Template/CSS_test}} | | {{:Team:UCLA/Template/CSS_test}} |
| | | |
- | <html lang="en"> | + | <html> |
- | <head>
| + | <!--TOP NAVIGATION MENU BAR--> |
- | <!-- META TAGS --> | + | <ul id = "menu"> |
- | <meta charset="utf-8">
| + | <li><a href="/Team:UCLA">Home</a></li> |
- | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| + | |
- | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | <li><a href="/Team:UCLA/Team">Team</a> |
- | <!-- Latest compiled and minified CSS -->
| + | <ul> |
- | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
| + | <li><a href="/Team:UCLA/meet_the_team">Meet the Team</a></li> |
- | | + | <li><a href="https://igem.org/Team.cgi?year=2014&team_name=UCLA">Official Profile</a></li> |
- | <!-- Optional theme -->
| + | </ul> |
- | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
| + | |
- | | + | |
- | <!-- Latest compiled and minified JavaScript -->
| + | |
- | <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
| + | |
- | | + | |
- | <!-- Bootstrap -->
| + | |
- | <link href="css/bootstrap.min.css" rel="stylesheet">
| + | |
- | <title>iGEM UCLA</title>
| + | |
- | | + | |
- | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
| + | |
- | <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
| + | |
- | <!--[if lt IE 9]>
| + | |
- | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
| + | |
- | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
| + | |
- | <![endif]-->
| + | |
- | </head>
| + | |
- | | + | |
- | | + | |
- | <body>
| + | |
- | | + | |
- | <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
| + | |
- | <div class="container">
| + | |
- | <!-- Brand and toggle get grouped for better mobile display -->
| + | |
- | <div class="navbar-header">
| + | |
- | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
| + | |
- | <span class="sr-only">Toggle navigation</span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | </button>
| + | |
- | <a class="navbar-brand" href="#">UCLA iGEM</a>
| + | |
- | </div>
| + | |
- | | + | |
- | <!-- Collect the nav links, forms, and other content for toggling -->
| + | |
- | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
| + | |
- | | + | |
- | <ul class="nav navbar-nav">
| + | |
- | <li class="active"><a href="/Team:UCLA">Home</a></li>
| + | |
- | <li class="dropdown"> | + | |
- | <a href="/Team:UCLA/Team" class="dropdown-toggle" data-toggle="dropdown">Team<span class="caret"></span></a>
| + | |
- | <ul class="dropdown-menu" role="menu">
| + | |
- | <li><a href="/Team:UCLA/meet_the_team">Meet the Team</a></li>
| + | |
- | <li><a href="https://igem.org/Team.cgi?year=2014&team_name=UCLA">Official Profile</a></li>
| + | |
- | </ul>
| + | |
| </li> | | </li> |
- | <li class="dropdown"> | + | |
- | <a href="/Team:UCLA/Project" class="dropdown-toggle" data-toggle="dropdown">Project<span class="caret"></span></a>
| + | <li><a href="/Team:UCLA/Project">Project</a> |
- | <ul class="dropdown-menu" role="menu">
| + | <ul> |
- | <li><a href="/Team:UCLA/Project/Customizing Silk">Customizing Silk Properties</a></li>
| + | <li><a href="/Team:UCLA/Project/Customizing Silk">Customizing Silk Properties</a></li> |
| <li><a href="/Team:UCLA/Project/Functionalizing Fibers">Functionalizing Fibers</a></li> | | <li><a href="/Team:UCLA/Project/Functionalizing Fibers">Functionalizing Fibers</a></li> |
| <li><a href="/Team:UCLA/Project/Spinning Silk">Spinning Silk</a></li> | | <li><a href="/Team:UCLA/Project/Spinning Silk">Spinning Silk</a></li> |
| <li><a href="#">Human Practices</a></li> | | <li><a href="#">Human Practices</a></li> |
- | </ul>
| + | </ul> |
- | </li>
| + | </li> |
- | <li class="dropdown"> | + | |
- | <a href="/Team:UCLA/Parts" class="dropdown-toggle" data-toggle="dropdown">Parts<span class="caret"></span></a>
| + | <li><a href="/Team:UCLA/Parts">Parts</a> |
- | <ul class="dropdown-menu" role="menu">
| + | <!--<ul> |
| <li><a href="#">Page1</a></li> | | <li><a href="#">Page1</a></li> |
| <li><a href="#">Page2</a></li> | | <li><a href="#">Page2</a></li> |
| <li><a href="#">Page3</a></li> | | <li><a href="#">Page3</a></li> |
- | </ul>
| + | </ul>--> |
- | </li>
| + | </li> |
| + | |
| <li><a href="/Team:UCLA/Modeling">Modeling</a></li> | | <li><a href="/Team:UCLA/Modeling">Modeling</a></li> |
- | <li class="dropdown"> | + | |
- | <a href="/Team:UCLA/Notebook" class="dropdown-toggle" data-toggle="dropdown">Notebook<span class="caret"></span></a>
| + | <li><a href="/Team:UCLA/Notebook">Notebook</a> |
- | <ul class="dropdown-menu" role="menu">
| + | <ul> |
- | <li><a href="/Team:UCLA/Notebook/Protocols">Protocols</a></li>
| + | <li><a href="/Team:UCLA/Notebook/Protocols">Protocols</a></li> |
| <li><a href="/Team:UCLA/Notebook/Calendar">Calendar</a></li> | | <li><a href="/Team:UCLA/Notebook/Calendar">Calendar</a></li> |
| <li><a href="/Team:UCLA/Notebook/Weekly Notes">Weekly Notes</a></li> | | <li><a href="/Team:UCLA/Notebook/Weekly Notes">Weekly Notes</a></li> |
- | </ul>
| + | </ul> |
- | </li>
| + | </li> |
| + | |
| <li><a href="/Team:UCLA/Safety">Safety</a></li> | | <li><a href="/Team:UCLA/Safety">Safety</a></li> |
| + | |
| <li><a href="/Team:UCLA/Attributions">Attributions</a></li> | | <li><a href="/Team:UCLA/Attributions">Attributions</a></li> |
- | </ul>
| + | </ul> |
- | | + | <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"/></a> |
- | <ul class="nav navbar-nav navbar-right">
| + | |
- | <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"/>
| + | |
- | </ul>
| + | |
- | </div><!-- /.navbar-collapse -->
| + | |
- | </div><!-- /.container-fluid -->
| + | |
- | </nav>
| + | |
- | | + | |
- | <!-- CAROUSEL -->
| + | |
- |
| + | |
- | <br><br>
| + | |
- | <div class = "container">
| + | |
- | <div class = "row">
| + | |
- | <div class = "col-md-offset-1 col-md-10 col-md-offset-1">
| + | |
- | <div id = "myCarousel" class = "carousel slide">
| + | |
- | <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>
| + | |
- |
| + | |
- | <div class = "carousel-inner">
| + | |
- | <div class = "item active">
| + | |
- | <img src = "http://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg" alt ="Space" class = "img-responsive">
| + | |
- | <div class = "carousel-caption">
| + | |
- | <h3>The future is here.</h3>
| + | |
- | <p>Take a seat and view the world from a different perspective.</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class = "item">
| + | |
- | <img src = "http://tmacfitness.com/wp-content/uploads/2013/04/Beauty-of-nature-random-4884759-1280-800.jpg" alt ="Batman" class = "img-responsive">
| + | |
- | <div class = "carousel-caption">
| + | |
- | <h3>The Dark Knight</h3>
| + | |
- | <p>Take a look at the teaser trailer for Batman vs Superman</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class = "item">
| + | |
- | <img src = "http://upload.wikimedia.org/wikipedia/commons/1/1a/Bachalpseeflowers.jpg" alt ="Minecraft" class = "img-responsive">
| + | |
- | <div class = "carousel-caption">
| + | |
- | <h3>Minecraft</h3>
| + | |
- | <p>Westeros, Middle-Earth and other incredible works recreated in Minecraft</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | <a class = "carousel-control left" href = "#myCarousel" data-slide = "prev">
| + | |
- | <span class = "icon-prev"></span>
| + | |
- | </a>
| + | |
- |
| + | |
- | <a class = "carousel-control right" href = "#myCarousel" data-slide = "next">
| + | |
- | <span class = "icon-next"></span>
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
| | | |
| | | |
- | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
| + | <!-- SPIDER ANIMATION --> |
- | <script src = "js/bootstrap.min.js"></script>
| + | <div id="spider"> |
- | <script type="text/javascript" src = "js/bootstrap-progressbar.js"></script>
| + | <img id = "first" src="http://www.littlewebhut.com/javascript/variables/eightball.gif"> |
| + | <img src="http://www.littlewebhut.com/javascript/variables/floatingball.gif"> |
| + | <img src="http://www.littlewebhut.com/javascript/variables/redball.gif"> |
| + | </div> |
| | | |
- | </body>
| + | <!--SLIDER--> |
| + | <body> |
| + | <div class="slider"> |
| + | <img id="1" src="http://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg" border="0"/> |
| + | <img id="2" src="http://tmacfitness.com/wp-content/uploads/2013/04/Beauty-of-nature-random-4884759-1280-800.jpg" border="0"/> |
| + | <img id="3" src="http://upload.wikimedia.org/wikipedia/commons/1/1a/Bachalpseeflowers.jpg" border="0"/> |
| + | </div> |
| + | <div class="shadow"></div> |
| + | </body> |
| </html> | | </html> |