Yasmin1304 (Talk | contribs) |
Yasmin1304 (Talk | contribs) |
||
(209 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> | ||
+ | <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> | ||
+ | <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'> | ||
+ | <!-- Latest compiled and minified CSS --> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
<style> | <style> | ||
+ | .card { | ||
+ | box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); | ||
+ | transition: 0.3s; | ||
+ | width: 20%; | ||
+ | background-color: white; | ||
+ | border-radius: 5px; | ||
+ | float: left; | ||
+ | } | ||
+ | .card:hover { | ||
+ | box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); | ||
+ | } | ||
+ | img { | ||
+ | |||
+ | border-radius: 50%; | ||
+ | } | ||
− | + | .container { | |
− | + | padding: 2px 16px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | body, html { | |
− | + | height: 100%; | |
− | + | } | |
− | + | ||
− | + | .main{ | |
− | + | /* The image used */ | |
− | + | background-image: url('https://static.igem.org/mediawiki/2017/a/ac/MG_8285-XL.jpg'); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | /* Full height */ | ||
+ | height: 800px; | ||
− | + | /* Create the parallax scrolling effect */ | |
− | + | background-attachment: fixed; | |
− | + | background-position: center; | |
− | + | background-repeat: no-repeat; | |
− | + | background-size: cover; | |
+ | |||
+ | opacity: 0.9; | ||
+ | |||
+ | } | ||
− | + | .centered { | |
− | + | position: absolute; | |
− | + | top: 200px; | |
+ | left: 370px; | ||
+ | color: white; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .division{ | |
− | + | font-family: 'Raleway', sans-serif; | |
− | + | height:20%; | |
− | + | background-color:#E7F3F3; | |
− | + | border: 30px solid #E7F3F3; | |
+ | |||
+ | } | ||
+ | html { | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | h1 { | ||
+ | font-size: 8rem; | ||
+ | position: absolute; | ||
+ | } | ||
+ | h2 { | ||
+ | font-size: 2rem; | ||
+ | position: absolute; | ||
+ | } | ||
+ | p { | ||
+ | font-size: 1rem; | ||
+ | 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; | ||
+ | } | ||
+ | } | ||
− | + | /* Collapsing Navbar Styles */ | |
− | + | ||
− | + | @media(min-width:768px) { | |
− | + | .navbar-default { | |
− | } | + | -webkit-transition: all .35s; |
+ | -moz-transition: all .35s; | ||
+ | transition: all .35s; | ||
+ | padding: 15px 0; | ||
+ | background-color: transparent; | ||
+ | border-width: 0px; | ||
+ | |||
+ | /* Add additional styles here for the UNCOLLAPSED state */ | ||
+ | } | ||
+ | .navbar-default.affix { | ||
+ | padding: 0; | ||
+ | background-color: white; | ||
+ | /* Add additional styles here for the COLLAPSED state */ | ||
+ | } | ||
+ | } | ||
+ | .navbar.navbar-default.navbar-fixed-top a { | ||
+ | color: black; | ||
+ | font-size: 15px; | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | |||
+ | } | ||
+ | |||
+ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
+ | |||
+ | /* Clear the default wiki settings */ | ||
+ | |||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | |||
+ | |||
Line 355: | Line 408: | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</style> | </style> | ||
Line 377: | Line 423: | ||
</head> | </head> | ||
+ | <nav id="mainNav" class="navbar navbar-default navbar-fixed-top"> | ||
+ | <div class="container"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" 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="https://2017.igem.org/Team:CMUQ" >CMUQ</a> | ||
+ | </div> | ||
+ | <!-- Collect the nav links, forms, and other content for toggling --> | ||
+ | <div class="collapse navbar-collapse" id= "expand"> | ||
+ | <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/Demonstrate">Demonstrate</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/Model">Model</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> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/HP/Silver"> Silver HP </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/InterLab">InterLab</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> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> TEAM <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> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/gallery">GALLERY</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- /.navbar-collapse --> | ||
+ | </div> | ||
+ | <!-- /.container --> | ||
+ | </nav> | ||
− | |||
+ | <body> | ||
+ | <div class="main"> | ||
+ | <div class="centered"> <h1>Team </h1> </div> | ||
+ | </div> | ||
− | + | <div class="division"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/d/d3/DrVincent.jpg" style="width:25%; padding-right: 20px;border-radius: 50%; float:left; " > | |
− | + | <p style="text-align:center; font-size: 190%;font-family: 'Raleway', sans-serif;"> | |
+ | "Bacteria, the only culture some people have" | ||
+ | </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; padding-left: 20px;"> Name: Dina Nayel </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; "> Major: Biological Sciences</p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%;">Age: 19 </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Nationality: Jordanian</p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Hobbies: Aimless wanderings of her mind as well as her feet, take her to places far away from home. She lives for moments like abseiling in Oman and getting lost in a trail in Frick forest, catching sunrise on her bike and riding horses. </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Field of Interest: Genetics, marine biology and ecology. </p> | ||
+ | <div class="container"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="division" > | ||
+ | <img src="https://static.igem.org/mediawiki/2017/7/76/Saad.jpeg" style="width:25%; padding-right: 20px;border-radius: 50%; float:left;" > | ||
+ | <p style="text-align:center; font-size: 190%;font-family: 'Raleway', sans-serif;"> | ||
+ | "Bacteria, the only culture some people have" | ||
+ | </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; padding-left: 20px;"> Name: Dina Nayel </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; "> Major: Biological Sciences</p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%;">Age: 19 </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Nationality: Jordanian</p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Hobbies: Aimless wanderings of her mind as well as her feet, take her to places far away from home. She lives for moments like abseiling in Oman and getting lost in a trail in Frick forest, catching sunrise on her bike and riding horses. </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Field of Interest: Genetics, marine biology and ecology. </p> | ||
+ | <div class="container"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="division"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/36/Dina_Nayel.jpg" style="width:25%; padding-right: 20px;border-radius: 50%; float:left;" > | ||
+ | <p style="text-align:center; font-size: 190%;font-family: 'Raleway', sans-serif;"> | ||
+ | "Bacteria, the only culture some people have" | ||
+ | </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; padding-left: 20px;"> Name: Dina Nayel </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; "> Major: Biological Sciences</p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%;">Age: 19 </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Nationality: Jordanian</p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Hobbies: Aimless wanderings of her mind as well as her feet, take her to places far away from home. She lives for moments like abseiling in Oman and getting lost in a trail in Frick forest, catching sunrise on her bike and riding horses. </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Field of Interest: Genetics, marine biology and ecology. </p> | ||
+ | <div class="container"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="division"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/38/Aisha.jpeg" style="width:25%; padding-right: 20px;border-radius: 50%; float:left;" > | ||
+ | <p style="text-align:center; font-size: 190%;font-family: 'Raleway', sans-serif;"> | ||
+ | "Bacteria, the only culture some people have" | ||
+ | </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; padding-left: 20px;"> Name: Dina Nayel </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; "> Major: Biological Sciences</p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%;">Age: 19 </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Nationality: Jordanian</p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Hobbies: Aimless wanderings of her mind as well as her feet, take her to places far away from home. She lives for moments like abseiling in Oman and getting lost in a trail in Frick forest, catching sunrise on her bike and riding horses. </p> | ||
+ | <p style="font-family: 'Raleway', sans-serif;font-size: 105%; ">Field of Interest: Genetics, marine biology and ecology. </p> | ||
+ | <div class="container"> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> | ||
+ | <script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script> | ||
+ | <script type="text/javascript"> | ||
+ | // Initialize affix and add an offset to add affix class on scroll | ||
+ | $('#mainNav').affix({ | ||
+ | offset: { | ||
+ | top: 100 | ||
+ | } | ||
+ | }) | ||
+ | </script> | ||
+ | <!-- Latest compiled and minified JavaScript --> | ||
+ | <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | ||
− | < | + | </body> |
− | + | </html> | |
− | + |
Latest revision as of 04:59, 25 October 2017
Team
"Bacteria, the only culture some people have"
Name: Dina Nayel
Major: Biological Sciences
Age: 19
Nationality: Jordanian
Hobbies: Aimless wanderings of her mind as well as her feet, take her to places far away from home. She lives for moments like abseiling in Oman and getting lost in a trail in Frick forest, catching sunrise on her bike and riding horses.
Field of Interest: Genetics, marine biology and ecology.
"Bacteria, the only culture some people have"
Name: Dina Nayel
Major: Biological Sciences
Age: 19
Nationality: Jordanian
Hobbies: Aimless wanderings of her mind as well as her feet, take her to places far away from home. She lives for moments like abseiling in Oman and getting lost in a trail in Frick forest, catching sunrise on her bike and riding horses.
Field of Interest: Genetics, marine biology and ecology.
"Bacteria, the only culture some people have"
Name: Dina Nayel
Major: Biological Sciences
Age: 19
Nationality: Jordanian
Hobbies: Aimless wanderings of her mind as well as her feet, take her to places far away from home. She lives for moments like abseiling in Oman and getting lost in a trail in Frick forest, catching sunrise on her bike and riding horses.
Field of Interest: Genetics, marine biology and ecology.
"Bacteria, the only culture some people have"
Name: Dina Nayel
Major: Biological Sciences
Age: 19
Nationality: Jordanian
Hobbies: Aimless wanderings of her mind as well as her feet, take her to places far away from home. She lives for moments like abseiling in Oman and getting lost in a trail in Frick forest, catching sunrise on her bike and riding horses.
Field of Interest: Genetics, marine biology and ecology.