Difference between revisions of "Team:Cornell NY/Team"

Line 1: Line 1:
−
{{Cornell_NY}}
+
{{:Team:Cornell_NY/navbar}}
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
 
−
    <script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/imageviewer?action=raw&ctype=text/javascript"></script>
+
     <meta charset="utf-8">
−
     <link type="text/css" rel="stylesheet" href="https://2016.igem.org/Team:Cornell_NY/imageviewercss?action=raw&ctype=text/css" />
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
 
 +
    <title>Header 2</title>
 +
 
 +
<link href="https://2016.igem.org/Team:Cornell_NY/sidebarCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
<script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/sidebarJS?action=raw&ctype=text/javascript"></script>
 +
 
 +
     <link href="https://2016.igem.org/Team:Cornell_NY/homeCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
<script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/homeJS?action=raw&ctype=text/javascript"></script>
 +
 
 +
<link href="http://fonts.googleapis.com/css?family=Poppins:100,300,400,600,700" rel="stylesheet" type="text/css">
 +
 
 +
<link href="http://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:400,500,600" rel="stylesheet" type="text/css">
 +
    <script type="text/javascript" async="" src="https://widget.intercom.io/widget/jrdbn46n"></script><script type="text/javascript" src="https://cdn.syndication.twimg.com/widgets/timelines/492085717044981760?&amp;lang=en&amp;callback=twitterFetcher.callback&amp;suppress_response_codes=true&amp;rnd=0.8463142197506373"></script>
 +
 
 +
<script async="" src="https://www.google-analytics.com/analytics.js"></script>
 +
 
 +
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> <!-- UPLOAD TO IGEM -->
 +
 
 +
 +
 
 +
<script type = "text/javascript" src ="https://2016.igem.org/Team:Cornell_NY/hellodismycode?action=raw&ctype=text/javascript"></script>
 +
 
  
 
</head>
 
</head>
Line 11: Line 36:
 
<body>
 
<body>
  
−
<style>
+
<div class = "page-header" style="margin:0px 0 0px;background-image:url(https://static.igem.org/mediawiki/2016/9/94/T--Cornell_NY--OpeningBanner.png) ;background-repeat:no-repeat; background-position:center; background-size: cover; width:100%;">
−
/*!
+
−
* Bootstrap Table of Contents v0.4.0 (http://afeld.github.io/bootstrap-toc/)
+
−
* Copyright 2015 Aidan Feldman
+
−
* Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md) */nav[data-toggle=toc] .nav>li>a{display:block;padding:4px 20px;font-size:13px;font-weight:500;color:#767676}nav[data-toggle=toc] .nav>li>a:focus,nav[data-toggle=toc] .nav>li>a:hover{padding-left:19px;color:#563d7c;text-decoration:none;background-color:transparent;border-left:1px solid #563d7c}nav[data-toggle=toc] .nav>.active:focus>a,nav[data-toggle=toc] .nav>.active:hover>a,nav[data-toggle=toc] .nav>.active>a{padding-left:18px;font-weight:700;color:#563d7c;background-color:transparent;border-left:2px solid #563d7c}nav[data-toggle=toc] .nav .nav{display:none;padding-bottom:10px}nav[data-toggle=toc] .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}nav[data-toggle=toc] .nav .nav>li>a:focus,nav[data-toggle=toc] .nav .nav>li>a:hover{padding-left:29px}nav[data-toggle=toc] .nav .nav>.active:focus>a,nav[data-toggle=toc] .nav .nav>.active:hover>a,nav[data-toggle=toc] .nav .nav>.active>a{padding-left:28px;font-weight:500}nav[data-toggle=toc] .nav>.active>ul{display:block}
+
−
</style>
+
  
 +
<left><h1 style="padding-top:150px;padding-bottom:130px;padding-left:50px;color:white;">Practices </h1></left>
  
−
<script  type="text/javascript" src="https://static.igem.org/mediawiki/2016/5/50/T--Cornell_NY--markdown.txt?action=raw&ctype=text/js" type="text/js"></script>
 
  
−
<div class="column full_size" >
 
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
</div>
  
  
−
</div>
 
  
−
<div class="column half_size" >
+
<!-- sidebar -->
−
<h5>Inspiration</h5>
+
<nav class="cd-vertical-nav" style="right: 36px;">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
<ul>
−
Here are a few examples:</p>
+
<li><a href="#bios" class="active"><span class="label" style="background:transparent;">Bios</span></a></li>
−
<ul>
+
<li><a href="#sponsors"><span class="label" style="background:transparent;">Sponsors</span></a></li>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
<li><a href="#attribution"><span class="label" style="background:transparent;">Attributions</span></a></li>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
<li><a href="#profile"><span class="label" style="background:transparent;">Official Profile</span></a></li>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
</ul>
−
</ul>
+
</nav><!-- .cd-vertical-nav -->
  
−
</div>
+
<button class="cd-nav-trigger cd-image-replace">Open navigation<span aria-hidden="true"></span></button>
  
−
<div class="column half_size" >
+
<!-- sidebar end -->
−
<h5>What should this page contain?</h5>
+
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
  
−
<div>
+
<!-- bios -->
−
   <img id="image" src="https://imgs.xkcd.com/comics/proofs.png" alt="Picture">
+
<section id="bios" class="cd-section" style="padding:0px 0;">
−
</div>
+
<div class = "page-header" style="background-color:white;margin:110px 0 0px;">
 +
<div class= "container-fluid" >
 +
<div class ="row">
 +
<div class = "col-sm-12">
 +
<center><h1 style="padding-top:150px;padding-bottom:130px;padding-left:50px;">Bios</h1><center>
 +
</div>
 +
 
 +
 
 +
</div>    <!--row,divide up col's to put pics, and text, etc -->
 +
   </div>    <!-- container -->
 +
</div>    <!-- page-header -->
 +
 
 +
</section>  <!-- cd-section  -->
 +
 
 +
 
 +
 
 +
<!-- sponsors -->
 +
<section id="sponsors" class="cd-section" style="padding:0px 0;">
 +
<div class = "page-header" style="background-color:#8F8F8F;margin:110px 0 0px;">
 +
<div class= "container-fluid" >
 +
<div class ="row">
 +
<div class = "col-sm-12">
 +
<center><h1 style="padding-top:150px;padding-bottom:130px;padding-left:50px;color:white;">Sponsors</h1><center>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
</div> <!-- row, divide up col's to put pics, and text, etc -->
 +
</div> <!-- container -->
 +
</div> <!-- page-header -->
 +
 
 +
 
 +
 
 +
</section><!-- cd-section -->
 +
 
 +
 
 +
 
 +
 
 +
<!-- attribution -->
 +
<section id="attribution" class="cd-section" style="padding:0px 0;">
 +
<div class = "page-header" style="background-color:white;margin:110px 0 0px;">
 +
<div class= "container-fluid" >
 +
<div class ="row">
 +
<div class = "col-sm-12">
 +
<center><h1 style="padding-top:150px;padding-bottom:130px;padding-left:50px;">Attributions</h1><center>
 +
</div>
 +
 
 +
 
 +
 
 +
</div> <!-- row, divide up col's to put pics, and text, etc -->
 +
</div> <!-- container -->
 +
</div> <!-- page-header -->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</section><!-- cd-section -->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- profile -->
 +
<section id="profile" class="cd-section" style="padding:0px 0;">
 +
<div class = "page-header" style="background-color:rgb(41,41,41);margin:110px 0 0px;">
 +
<div class= "container-fluid" >
 +
<div class ="row">
 +
<div class = "col-sm-12">
 +
<center><h1 style="padding-top:150px;padding-bottom:130px;padding-left:50px;color:white;">Official Profile</h1><center>
 +
</div>
 +
 
 +
 
 +
</div> <!-- row, divide up col's to put pics, and text, etc -->
 +
</div> <!-- container -->
 +
</div> <!-- page-header -->
 +
 
 +
</section><!-- cd-section -->
  
−
<div>
 
−
  <ul id="images">
 
−
    <li><img src="https://imgs.xkcd.com/comics/proofs.png" alt="Picture"></li>
 
−
    <li><img src="https://imgs.xkcd.com/comics/proofs.png" alt="Picture 2"></li>
 
−
    <li><img src="https://imgs.xkcd.com/comics/proofs.png" alt="Picture 3"></li>
 
−
  </ul>
 
−
</div>
 
  
−
<script>
 
−
var options = {
 
−
  inline: true,
 
  
−
}
 
  
−
// View one image
 
−
var viewer = new Viewer(document.getElementById('image'), options);
 
  
−
// View some images
 
−
var viewer = new Viewer(document.getElementById('images'),options);
 
−
</script>
 
  
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 19:44, 11 October 2016

Variant HTML Builder by Medium Rare

Header 2

Practices

Bios

Sponsors

Attributions

Official Profile