Team:UCLA/anuved verma ucla2014 workspace

From 2014.igem.org

(Difference between revisions)
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>

Revision as of 15:39, 27 August 2014