Yasmin1304 (Talk | contribs) |
Yasmin1304 (Talk | contribs) |
||
(19 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 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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> |
+ | |||
+ | |||
+ | |||
+ | <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> | ||
+ | @media (min-width: 768px) { | ||
+ | .dropdown:hover .dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | } | ||
+ | .footer{ | ||
+ | display: table; | ||
+ | text-align: center; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | body, html { | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .main{ | ||
+ | /* The image used */ | ||
+ | background-image: url('#'); | ||
+ | |||
+ | /* Full height */ | ||
+ | height: 1000px; | ||
+ | |||
+ | /* Create the parallax scrolling effect */ | ||
+ | background-attachment: fixed; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | opacity: 0.9; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .division{ | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | |||
+ | height:370px; | ||
+ | |||
+ | } | ||
+ | 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: 5px 0; | ||
+ | background-color: white; | ||
+ | border-width: 0px; | ||
+ | |||
+ | /* Add additional styles here for the UNCOLLAPSED state */ | ||
+ | } | ||
+ | .navbar-default.affix { | ||
+ | padding: 0; | ||
+ | margin-top: 9px; | ||
+ | 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; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /***************************************************** CONTENT OF THE PAGE ****************************************************/ | ||
+ | |||
+ | /* Wrapper for the content */ | ||
+ | .igem_2017_content_wrapper { | ||
+ | width: 81%; | ||
+ | margin: 2%; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | background-color:white; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | /********************************* HTML STYLING *********************************/ | ||
+ | |||
+ | /* styling for the titles h1 h2 */ | ||
+ | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { | ||
+ | padding:5px 15px; | ||
+ | border-bottom: 0px; | ||
+ | color: #3399ff; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* styling for the titles h3 h4 h5 h6*/ | ||
+ | .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 { | ||
+ | padding:5px 15px; | ||
+ | border-bottom:0px; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* font and text */ | ||
+ | .igem_2017_content_wrapper p { | ||
+ | padding: 0px 15px; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | /* Links */ | ||
+ | .igem_2017_content_wrapper a { | ||
+ | font-weight: bold; | ||
+ | text-decoration: underline; | ||
+ | text-decoration-color: #3399ff; | ||
+ | color: #3399ff; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; | ||
+ | transition: all 0.4s ease; | ||
+ | } | ||
+ | |||
+ | /* hover for the links */ | ||
+ | .igem_2017_content_wrapper a:hover { | ||
+ | text-decoration:none; | ||
+ | color:#000000; | ||
+ | } | ||
+ | |||
+ | /* non numbered lists */ | ||
+ | .igem_2017_content_wrapper ul { | ||
+ | padding:0px 20px; | ||
+ | font-size: 13px; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | |||
+ | /* numbered lists */ | ||
+ | .igem_2017_content_wrapper ol { | ||
+ | padding:0px; | ||
+ | font-size: 13px; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | |||
+ | /* Table */ | ||
+ | .igem_2017_content_wrapper table { | ||
+ | width: 97%; | ||
+ | margin:15px 10px; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | /* table cells */ | ||
+ | .igem_2017_content_wrapper td { | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | /* table headers */ | ||
+ | .igem_2017_content_wrapper th { | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | background-color:#f2f2f2; | ||
+ | } | ||
+ | |||
+ | |||
+ | /**********************************LAYOUT CLASSES **********************************/ | ||
+ | |||
+ | /* general class for column divs */ | ||
+ | .igem_2017_content_wrapper .column { | ||
+ | padding: 10px 0px; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | /* class for a full width column */ | ||
+ | .column .full_size { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | /* styling for images in a full width column*/ | ||
+ | .column.full_size img { | ||
+ | width:97%; | ||
+ | padding: 10px 15px; | ||
+ | } | ||
+ | |||
+ | /* class for a half width column */ | ||
+ | .column.half_size { | ||
+ | width: 50%; | ||
+ | } | ||
+ | /* styling for images in a half width column*/ | ||
+ | .column.half_size img { | ||
+ | width: 94.5%; | ||
+ | padding: 10px 15px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /********************************* SUPPORT CLASSES ********************************/ | ||
+ | |||
+ | /* class that clears content below*/ | ||
+ | .igem_2017_content_wrapper .clear { | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* adds extra spacing when clearing content */ | ||
+ | .igem_2017_content_wrapper .clear.extra_space { | ||
+ | height: 30px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* highlight class, makes content slightly smaller */ | ||
+ | .igem_2017_content_wrapper .highlight { | ||
+ | margin: 0px 15px; | ||
+ | padding: 15px 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* highlight class, adds a gray background */ | ||
+ | .igem_2017_content_wrapper .highlight.gray { | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | |||
+ | /* highlight with decoration blue line on top */ | ||
+ | .igem_2017_content_wrapper .highlight.blue_top { | ||
+ | border-top: 4px solid #3399ff; | ||
+ | } | ||
+ | |||
+ | /* highlight with a full blue border decoration */ | ||
+ | .igem_2017_content_wrapper .highlight.blue_border { | ||
+ | border: 4px solid #3399ff; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* button class */ | ||
+ | .igem_2017_content_wrapper .button{ | ||
+ | max-width: 35%; | ||
+ | margin: 30px auto; | ||
+ | padding: 12px 10px; | ||
+ | background-color: #3399ff; | ||
+ | text-align: center; | ||
+ | color: #ffffff; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; transition: all 0.4s ease; | ||
+ | } | ||
+ | |||
+ | /* styling for button on hover */ | ||
+ | .igem_2017_content_wrapper .button:hover{ | ||
+ | background-color: #3399ff; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /***************************************************** RESPONSIVE STYLING ****************************************************/ | ||
+ | |||
+ | /* IF THE SCREEN IS LESS THAN 1200PX */ | ||
+ | @media only screen and (max-width: 1200px) { | ||
+ | |||
+ | #content {width:100%; } | ||
+ | .igem_2017_menu_wrapper {width:15%; right:0;} | ||
+ | .highlight {padding:10px 0px;} | ||
+ | .igem_2017_menu_wrapper #display_menu_control { display:none; } | ||
+ | #menu_content { display:block;} | ||
+ | .menu_button.direct_to_page {padding-left: 17px;} | ||
+ | |||
+ | } | ||
+ | |||
+ | /* IF THE SCREEN IS LESS THAN 800PX */ | ||
+ | @media only screen and (max-width: 800px) { | ||
+ | |||
+ | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} | ||
+ | .igem_2017_content_wrapper {width:100%; margin-left:0px;} | ||
+ | .column.half_size {width:100%; } | ||
+ | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} | ||
+ | .highlight {padding:15px 5px;} | ||
+ | .igem_2017_menu_wrapper #display_menu_control { display:block; } | ||
+ | #menu_content { display:none;} | ||
+ | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; } | ||
+ | .menu_bottom_padding {display:none;} | ||
+ | .menu_button.direct_to_page { padding-left: 36px; } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <!--- THIS IS WHERE THE HTML BEGINS ---> | ||
+ | |||
+ | |||
+ | |||
+ | <head> | ||
+ | |||
+ | <!-- This tells the browser that your page is responsive --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | |||
</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 --> | |
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | <div class="collapse navbar-collapse" id= "expand"> |
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | <ul class="nav navbar-nav navbar-right"> |
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | <li class="dropdown"> |
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT <span class="caret"> </span></a> |
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | <ul class="dropdown-menu"> |
− | + | <li><a href="https://2017.igem.org/Team:CMUQ/Description">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/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/JudgingForm">Judging Form </a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> COMMUNITY INVOLVEMENT <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/humanpractices">Human Practices</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/HP/Silver"> Silver HP </a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/HP/Gold_Integrated"> Gold HP </a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/Engagement"> Outreach</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> LAB WORK <span class="caret"> </span></a> | ||
+ | <ul class="dropdown-menu"> | ||
− | + | <li><a href="https://2017.igem.org/Team:CMUQ/Notebook">Notebook</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:CMUQ/protocols">Procedures</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:CMUQ/InterLab">InterLab Study</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:CMUQ/Results">Results</a></li> | |
− | + | ||
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | |
− | + | ||
− | <li><a href="https://2017.igem.org/Team:CMUQ/protocols"> | + | |
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
− | </ | + | </li> |
− | </div> | + | |
− | </nav> | + | <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="container"> | <div class="container"> | ||
<h2>GALLERY</h2> | <h2>GALLERY</h2> | ||
<div id="myCarousel" class="carousel slide" data-ride="carousel"> | <div id="myCarousel" class="carousel slide" data-ride="carousel"> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- Wrapper for slides --> | <!-- Wrapper for slides --> | ||
Line 95: | Line 476: | ||
<div class="item"> | <div class="item"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/5/54/IMG_9699.jpg" style="width:100%;"> |
</div> | </div> | ||
<div class="item"> | <div class="item"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/c/c7/IMG_0033.jpg" style="width:100%;"> |
</div> | </div> | ||
+ | |||
<div class="item"> | <div class="item"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/e/eb/IMG_0041.jpg" style="width:100%;"> |
</div> | </div> | ||
+ | |||
<div class="item"> | <div class="item"> | ||
− | <img src="https:// | + | <img src="https://2017.igem.org/File:IMG_9695.jpg" style="width:100%;"> |
</div> | </div> | ||
<div class="item"> | <div class="item"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/7/7c/IMG_9695.jpg" style="width:100%;"> |
</div> | </div> | ||
<div class="item"> | <div class="item"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/b/bb/IMG_2566.jpg" style="width:100%;"> |
</div> | </div> | ||
<div class="item"> | <div class="item"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/5/52/Unknown.jpg" style="width:100%;"> |
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/a/aa/Unknown2.jpg" style="width:100%;"> | ||
+ | </div> | ||
+ | |||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/95/I-HZ7W2Gf-S.jpg" style="width:100%;"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/22/Thursday_10-5_2.jpg" style="width:100%;"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/47/Tuesday_8-22.jpeg" style="width:100%;"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/ec/Tuesday_7-25.JPG" style="width:100%;"> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
<!-- Left and right controls --> | <!-- Left and right controls --> | ||
Line 130: | Line 540: | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="footer"> | ||
+ | <hr> | ||
+ | <span class="glyphicon glyphicon-chevron-up"></span> | ||
+ | |||
+ | </br> | ||
+ | <img src = "https://static.igem.org/mediawiki/2017/e/e5/Occidental_Logo..png" width = "15%;" > | ||
+ | <img src = "https://static.igem.org/mediawiki/2017/6/66/Logo_w-o_bg_green_mangroves.png" width = "20%;" > | ||
+ | <img src = "https://static.igem.org/mediawiki/2017/f/fa/IDT_logo.cmuq.png" width = "20%;" > | ||
+ | <img src = "https://static.igem.org/mediawiki/2017/5/53/Benchling-logo.png" width = "20%; " > | ||
+ | </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> | </body> | ||
</html> | </html> |
Latest revision as of 02:22, 2 November 2017