Difference between revisions of "Team:UIUC Illinois/Team"

Line 1: Line 1:
−
{{UIUC_Illinois}}
+
{{UIUC_Illinois head}}
 +
{{UIUC_Illinois STYLE2}}
  
 
<html>
 
<html>
  
 +
<link rel="stylesheet" type="text/css" href="UIUCIllinoisStyle2.css" />
 +
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  
 +
<!--JS for back to top button-->
 +
<script type="text/javascript">
 +
// When the user scrolls down 20px from the top of the document, show the button
 +
window.onscroll = function() {
 +
scrollFunction()
 +
};
  
−
<div class="column full_size" >
+
function scrollFunction() {
 +
if (document.body.scrollTop > 1000 || document.documentElement.scrollTop > 20) {
 +
document.getElementById("myBtn").style.display = "block";
 +
} else {
 +
document.getElementById("myBtn").style.display = "none";
 +
}
 +
}
  
−
<h1>Team</h1>
+
// When the user clicks on the button, scroll to the top of the document
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
function topFunction() {
−
</div>
+
document.body.scrollTop = 0; // For Chrome, Safari and Opera
 +
document.documentElement.scrollTop = 0; // For IE and Firefox
 +
}
 +
</script>
  
−
<div class="clear"></div>
+
<head>
  
−
<div class="column half_size" >
+
<!-- Navigation bar-->
−
<h5>Inspiration</h5>
+
<div class="container">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
<div class="topnav">
−
Here are a few examples:</p>
+
<a class="pull-left" href="#"><img height=100px src="https://static.igem.org/mediawiki/2016/f/ff/T--UIUC_Illinois--smallLogo.png"></a>
−
<ul>
+
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois">Home</a>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Project">Project</a>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Team">Team</a>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Parts">Parts</a>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Wet_lab">Wet lab</a>
−
</ul>
+
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Human_practices">Outreach</a>
 +
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Contact">Contact</a>
 +
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/About_us">About us</a>
 +
<a id="centered" href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
 +
</div>
  
−
</div>
+
</div>
  
−
<div class="column half_size" >
+
<!--=================Back to the top button=================-->
−
<h5>What should this page contain?</h5>
+
<button onclick="topFunction()" class="topButton" id="myBtn" title="Go to top">Back to top</button>
−
<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>
+
  
 +
</head>
  
 +
<body>
 +
<aside id="fh5co-hero">
 +
<div class="fh5co-cta" style="background-image: url(https://static.igem.org/mediawiki/2016/a/ac/T--UIUC_Illinois--teamphoto.jpg);">
 +
<div class="overlay"></div>
 +
<div id="teamHeading" class="containers">
 +
<div class="col-md-10 col-md-offset-1 text-center">
 +
<h2>Meet the Team!</h2>
 +
</div>
 +
</div>
 +
</div>
 +
</aside>
 +
 +
<div id="fh5co-work-section" class="fh5co-light-grey-section">
 +
<div class="containers">
 +
 +
<div class="row">
 +
<div class="col-lg-12 animate-box">
 +
<a href="https://2016.igem.org/Team:UIUC_Illinois/Description" class="item-grid text-center">
 +
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/5/53/T--UIUC_Illinois--Clock.jpg)"></div>
 +
<div class="v-align">
 +
<div class="v-align-middle">
 +
<h3 class="title">Project</h3>
 +
<h5 class="category"><font color=black>See our team's project description and motivation for a promoter-driven project. Project design and safety considerations are also included.</font></h5>
 +
</div>
 +
</div>
 +
</a>
 +
</div>
 +
 +
 +
</div>
 +
<br><br><br><br>
 +
<div class="row">
 +
<div class="col-md-12 text-center fh5co-heading animate-box">
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
<footer id="fh5co-footer" role="contentinfo">
 +
<div class="containers">
 +
<div class="col-md-12 fh5co-copyright text-center">
 +
<ul class="fh5co-social">
 +
<li>
 +
<a href="https://www.facebook.com/illinoisigem/?fref=ts"><i class="icon-facebook"></i></a>
 +
<a href="https://2016.igem.org/Team:UIUC_Illinois/ContactUs"><i class="icon-envelope-o"></i></a>
 +
</li>
 +
</ul>
 +
<p><span>Made with <i class="icon-heart"></i> by UIUC_Illinois iGEM</span></p>
 +
</div>
 +
 +
</div>
 +
</footer>
 +
</div>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryjs?
 +
action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryeasingjs?
 +
action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/bootstrapjs?
 +
action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/waypointsjs?
 +
action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryflexjs?
 +
action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/mainjs?
 +
action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/sidebarjs?
 +
action=raw&ctype=text/javascript"></script>
 +
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 +
 +
 +
</body>
  
−
</div>
 
 
</html>
 
</html>

Revision as of 17:35, 29 July 2017

Home Project Team Parts Wet lab Outreach Contact About us ☰

Made with by UIUC_Illinois iGEM