Difference between revisions of "Team:EPF Lausanne/Ari/scratch"

Line 1: Line 1:
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
+
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
+
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 +
    <title>Bootstrap 101 Template</title>
  
<head> <title>EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits</title>
+
    <!-- Bootstrap -->
 +
    <link href="css/bootstrap.min.css" rel="stylesheet">
  
<style type="text/css">
+
    <!-- HTML5 shim and Respond.js for 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>
 +
    <h1>Hello, world!</h1>
  
  #globalWrapper, #content {   
+
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     width: 100%;
+
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    height: 100%;
+
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    border: 0px;
+
    <script src="js/bootstrap.min.js"></script>
    background-color: transparent;
+
  </body>
    margin: 0px;
+
    padding: 0px;
+
    font-size: 100%;
+
  }
+
 
+
</style>
+
 
+
<!-- Latest compiled and minified CSS -->
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+
 
+
<!-- Optional theme -->
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
+
 
+
<!-- Latest compiled and minified JavaScript -->
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
 
+
</head>
+
 
+
<body class="loading">
+
   
+
    <!-- HEADER -->
+
   
+
            <nav class="navbar navbar-fixed-top">
+
                  <div class="navbar-header">
+
                        <button class="navbar-toggle" type="button" data-toggle="collapse">
+
                            <span class="sr-only">Toggle navigation</span>
+
                            <i class="fa fa-bars"></i>
+
                        </button>
+
                    </div>
+
                    <div class="collapse navbar-collapse" id="main-menu">
+
                      <ul class="nav navbar-nav navbar-right">                 
+
                            <li><a href="https://2015.igem.org/Team:EPF_Lausanne">Home</a></li>
+
                            <li class="dropdown">
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+
                            <ul class="dropdown-menu">
+
                                <li><a href="https://2015.igem.org/Team_EPF_Lausanne/Project/Background">Background</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">Description</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Applications">Applications</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Modelling">Modelling</a></li>
+
                            </ul>
+
                            </li>
+
                            <li class="dropdown">
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
+
                            <ul class="dropdown-menu">
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Vivo">In vivo</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Silico">In silico</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Judging">Judging</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Parts">Parts</a></li>
+
                            </ul>
+
                            </li>
+
                            <li class="dropdown">
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Policy and Practices <span class="caret"></span></a>
+
                            <ul class="dropdown-menu">
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Ethic">Ethics</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Safety">Safety</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Human">Human Practices</a></li>
+
                            </ul>
+
                            </li>
+
                            <li class="dropdown">
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
+
                            <ul class="dropdown-menu">
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Ecoli">E. Coli</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Yeast">Yeast</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Protocols">Protocols</a></li>
+
                            </ul>
+
                            </li>
+
                            <li class="dropdown">
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
+
                            <ul class="dropdown-menu">
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet">Meet us</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Timeline">Timeline</a></li>
+
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Team/Acknowledgements">Acknowledgements</a></li>
+
                            </ul>
+
                            </li>
+
                        </ul>
+
                  </div>
+
                </nav> 
+
</body>
+
 
</html>
 
</html>

Revision as of 13:10, 7 August 2015

<!DOCTYPE html> Bootstrap 101 Template

Hello, world!