|
|
| Line 1: |
Line 1: |
| − | <html> | + | <!DOCTYPE html> |
| | + | <html lang="en"> |
| | <head> | | <head> |
| − | | + | <title>Bootstrap Example</title> |
| − | </head> | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| − | <style type="text/css">
| + | |
| − | html,body {
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | hr{
| + | |
| − | width: 20%;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | <!-- responsive text -->
| + | |
| − | <style type="text/css">
| + | |
| − | html {
| + | |
| − | font-size: 13px;
| + | |
| − | }
| + | |
| − | h1 {
| + | |
| − | font-size: 8rem;
| + | |
| − | position: absolute;
| + | |
| − | }
| + | |
| − | h2 {
| + | |
| − | font-size: 2rem;
| + | |
| − | position: absolute;
| + | |
| − | }
| + | |
| − | p {
| + | |
| − | font-size: 20px;
| + | |
| − | word-wrap: break-word;
| + | |
| − | word-break: keep-all;
| + | |
| − | }
| + | |
| − |
| + | |
| − | | + | |
| − | @media screen and (min-width: 500px){
| + | |
| − | html{
| + | |
| − | font-size: 14px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 570px){
| + | |
| − | html{
| + | |
| − | font-size: 15px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 620px){
| + | |
| − | html{
| + | |
| − | font-size: 16px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 680px){
| + | |
| − | html{
| + | |
| − | font-size: 17px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 720px){
| + | |
| − | html{
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 800px){
| + | |
| − | html{
| + | |
| − | font-size: 19px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 860px){
| + | |
| − | html{
| + | |
| − | font-size: 20px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 920px){
| + | |
| − | html{
| + | |
| − | font-size: 21px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 1000px){
| + | |
| − | html{
| + | |
| − | font-size: 22px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | | + | |
| − | </head>
| + | |
| | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> |
| | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> |
| | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> |
| − | | + | </head> |
| − | <link href="//2015.igem.org/Team:Oxford/Assets/Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
| + | |
| − | <link href="//2015.igem.org/Team:Oxford/Assets/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
| + | |
| − | <link rel="stylesheet" href="//2015.igem.org/Team:Oxford/Assets/Font-Awesome?action=raw&ctype=text/css">
| + | |
| − | <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/Bootstrapj?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/contents?action=raw&ctype=text/javascript"></script>
| + | |
| − | | + | |
| − | <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
| + | |
| − | | + | |
| − | | + | |
| | <body> | | <body> |
| − | <nav class="navbar navbar-default navbar-fixed-top">
| |
| − | <div class="container-fluid">
| |
| − | <div class="navbar-header">
| |
| − | <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#ox-navbar">
| |
| − | <i class="fa fa-chevron-down"></i>
| |
| − | </button>
| |
| − | <a class="navbar-brand" href="https://2017.igem.org/Team:CMUQ">CMUQ</a>
| |
| − | </div>
| |
| − | <nav class="navbar-collapse collapse" id="ox-navbar">
| |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT<span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/descritpion">Description</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/design">Design</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/safety">Safety</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/parts">Parts</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/collaborations">Collaborations</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/achievments">Achievements</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">PRACTICES<span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/humanpractices">Human Practices</a></li>
| |
| − |
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">WET LAB<span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/results">Overview & Results</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/notebook">Notebook</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/protocols">Protocols</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/interlabStudy">Interlab Study</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">DRY LAB<span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/modelling">Modelling</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/tutorials">Tutorials</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">PEOPLE<span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/team">Team</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:CMUQ/attributions">Attributions</a></li>
| |
| − |
| |
| − | </ul>
| |
| − |
| |
| − | </li>
| |
| − |
| |
| − | </ul>
| |
| − | </nav>
| |
| − | </div>
| |
| − | </nav>
| |
| | | | |
| | <div class="container"> | | <div class="container"> |
| Line 156: |
Line 14: |
| | | | |
| | <div class="row"> | | <div class="row"> |
| − | <div class="col-sm-4"> | + | <div class="col-md-4"> |
| | | | |
| | <h2> Yasmin </h2> | | <h2> Yasmin </h2> |
| − | <img src="https://static.igem.org/mediawiki/2017/1/17/Desc.jpeg" alt="Lights" style="width:100%"> | + | <img src="/w3images/lights.jpg" alt="Lights" style="width:100%"> |
| | <div class="caption"> | | <div class="caption"> |
| | <li> Hello </li> | | <li> Hello </li> |
| Line 168: |
Line 26: |
| | </div> | | </div> |
| | <div class="row"> | | <div class="row"> |
| − | <div class="col-sm-4"> | + | <div class="col-md-4"> |
| | | | |
| | <h2> Yasmin </h2> | | <h2> Yasmin </h2> |
| − | <img src="https://static.igem.org/mediawiki/2017/1/17/Desc.jpeg" style="width:100%"> | + | <img src="/w3images/lights.jpg" alt="Lights" style="width:100%"> |
| | <div class="caption"> | | <div class="caption"> |
| | <li> Hello </li> | | <li> Hello </li> |
| Line 180: |
Line 38: |
| | </div> | | </div> |
| | <div class="row"> | | <div class="row"> |
| − | <div class="col-sm-4"> | + | <div class="col-md-4"> |
| | | | |
| | <h2> Yasmin </h2> | | <h2> Yasmin </h2> |
| − | <img src="https://static.igem.org/mediawiki/2017/1/17/Desc.jpeg" alt="Lights" style="width:100%"> | + | <img src="/w3images/lights.jpg" alt="Lights" style="width:100%"> |
| | <div class="caption"> | | <div class="caption"> |
| | <li> Hello </li> | | <li> Hello </li> |
| Line 193: |
Line 51: |
| | </div> | | </div> |
| | </div> | | </div> |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| | | | |
| | </body> | | </body> |
| − |
| |
| − |
| |
| | </html> | | </html> |
