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

Line 1: Line 1:
−
 
 
{{UIUC_Illinois STYLE2}}
 
{{UIUC_Illinois STYLE2}}
−
 
  
 
<html>
 
<html>
  
−
<link rel="stylesheet" type="text/css" href="UIUCIllinoisStyle2.css"/>
+
<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">
 
<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()
 +
};
  
 +
function scrollFunction() {
 +
if (document.body.scrollTop > 1000 || document.documentElement.scrollTop > 20) {
 +
document.getElementById("myBtn").style.display = "block";
 +
} else {
 +
document.getElementById("myBtn").style.display = "none";
 +
}
 +
}
  
−
<style>
+
// When the user clicks on the button, scroll to the top of the document
 +
function topFunction() {
 +
document.body.scrollTop = 0; // For Chrome, Safari and Opera
 +
document.documentElement.scrollTop = 0; // For IE and Firefox
 +
}
 +
</script>
  
−
.topnav {
+
<head>
−
    background-color: white;
+
−
    overflow: hidden;
+
−
    left:0;
+
−
    right:0;
+
−
    height:70px;
+
−
    padding-right: 15px;
+
  
−
}
+
<!-- Collapsible Navigation Bar -->
 +
<div class="container">
 +
<div class="containers-fluid">
 +
<a class="pull-left" href="https://2017.igem.org/Team:UIUC_Illinois"><img height=125px src="https://static.igem.org/mediawiki/2017/2/2d/UIUC2017logo.png"></a>
 +
<div class="topnav collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois">Home</a>
 +
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Project">Project</a>
 +
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Team">Team</a>
 +
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Parts">Parts</a>
 +
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Wet_lab">Wet lab</a>
 +
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Outreach">Outreach</a>
 +
<a id="centered" href="https://2017.igem.org/Team:UIUC_Illinois/Contact">Contact</a>
 +
<a id="centered" href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
 +
</div>
  
−
/* Style the links inside the navigation bar */
+
</div>
−
.topnav a {
+
</div>
−
    float:left;
+
−
    display: block;
+
−
    color: rgb(44, 166, 226);
+
−
    text-align: center;
+
−
    padding: 14px 16px;
+
−
    text-decoration: none;
+
−
    font-size: 17px;
+
−
    width:11%;
+
−
    position:relative;
+
−
}
+
  
−
/* Change the color of links on hover */
+
<!--=================Back to the top button=================-->
−
.topnav a:hover {
+
<button onclick="topFunction()" class="topButton" id="myBtn" title="Go to top">Back to top</button>
−
    background-color: rgb(44, 166, 226);
+
−
    color: white;
+
−
}
+
  
−
/* Hide the link that should open and close the topnav on small screens */
 
−
.topnav .icon {
 
−
    display: none;
 
−
}
 
−
 
−
</style>
 
−
 
−
<head>
 
−
 
−
   
 
−
    <div class="topnav">
 
−
      <a id="logo_button" class="pull-left" href="#"><img height=50px src="https://static.igem.org/mediawiki/2016/f/ff/T--UIUC_Illinois--smallLogo.png"></a>
 
−
      <a href="https://2017.igem.org/Team:UIUC_Illinois">Home</a>
 
−
      <a href="https://2017.igem.org/Team:UIUC_Illinois/Project">Project</a>
 
−
      <a href="https://2017.igem.org/Team:UIUC_Illinois/Team">Team</a>
 
−
      <a href="https://2017.igem.org/Team:UIUC_Illinois/Parts">Parts</a>
 
−
      <a href="https://2017.igem.org/Team:UIUC_Illinois/Wet_lab">Wet lab</a>
 
−
      <a id="hp_button" href="https://2017.igem.org/Team:UIUC_Illinois/Human_practices">Human practices</a>
 
−
      <a href="https://2017.igem.org/Team:UIUC_Illinois/Contact">Contact</a>
 
−
      <a href="https://2017.igem.org/Team:UIUC_Illinois/About_us">About us</a>
 
−
      <a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
 
−
    </div>
 
 
</head>
 
</head>
  
 
<body>
 
<body>
−
 
−
<div class="containers">
 
−
 
−
</div>
 
 
<aside id="fh5co-hero">
 
<aside id="fh5co-hero">
−
<div class="fh5co-cta" style="background-image: url(https://static.igem.org/mediawiki/2017/a/ab/UIUC_LOGO_new.jpeg);">
+
<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 class="overlay"></div>
−
  <div class="containers">
+
<div id="teamHeading" class="containers">
−
  <div class="col-md-10 col-md-offset-1 text-center">
+
<div class="col-md-10 col-md-offset-1 text-center">
−
  <div class="slider-text-inner">
+
<h2>Meet the Team</h2>
−
  <h2>Project</h2>
+
−
 
+
−
  </div>
+
−
  </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 class="col-lg-12 animate-box">
+
−
<a href="https://2016.igem.org/Team:UIUC_Illinois/Human_Practices" class="item-grid text-center">
+
−
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/9/98/T--UIUC_Illinois--Outreach2.jpg)"></div>
+
−
<div class="v-align">
+
−
<div class="v-align-middle">
+
−
<h3 class="title">Overview</h3>
+
−
<h5 class="category"><font color=black>iGEM teams strive to make an influence outside of wet lab work. This area includes exploring issues relating to the environment, community, ethics, and other humane topics of interest.</font></h5>
+
−
</div>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
<div class="col-lg-12 animate-box">
+
−
<a href="https://2016.igem.org/Team:UIUC_Illinois/Overview" class="item-grid text-center">
+
−
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/2/27/T--UIUC_Illinois--interlabstudy.jpg)"></div>
+
−
<div class="v-align">
+
−
<div class="v-align-middle">
+
−
<h3 class="title">Demonstration</h3>
+
−
<h5 class="category"><font color=black>See our team's work regarding the benchtop work done for the project. This includes our team's notebook, experiment, and results. See undergraduate lab research in action!</font></h5>
+
−
</div>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
 
+
−
<div class="col-lg-12 animate-box">
+
−
<a href="https://2016.igem.org/Team:UIUC_Illinois/Interlab_Study" class="item-grid text-center">
+
−
 
+
−
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/7/7b/T--UIUC_Illinois--bacteria.jpg)"></div>
+
−
<div class="v-align">
+
−
<div class="v-align-middle">
+
−
<h3 class="title">Description</h3>
+
−
<h5 class="category"><font color=black>View our team's interlab study considerations and data geared toward the future of iGEM.</font> </h5>
+
−
</div>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
<div class="col-lg-12 animate-box">
+
−
<a href="https://2016.igem.org/Team:UIUC_Illinois/Team" class="item-grid text-center">
+
−
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/a/ac/T--UIUC_Illinois--teamphoto.jpg)"></div>
+
−
<div class="v-align">
+
−
<div class="v-align-middle">
+
−
<h3 class="title">Safety</h3>
+
−
<h5 class="category"><font color=black>See the 2016 UIUC Illinois iGEM team members! Collaboration details with another iGEM team is also included.</font></h5>
+
−
</div>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
<div class="col-lg-12 animate-box">
+
−
<a href="https://2016.igem.org/Team:UIUC_Illinois/ContactUs" class="item-grid text-center">
+
−
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/4/43/T--UIUC_Illinois--contact.jpg)"></div>
+
−
<div class="v-align">
+
−
<div class="v-align-middle">
+
−
<h3 class="title">Awards</h3>
+
−
<h5 class="category"><font color=black>Contact the UIUC Illinois iGEM team, whether it's the 2016 members or future teams.</font></h5>
+
−
</div>
+
−
</div>
+
−
</a>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
<br><br>
 
−
<div class="row">
 
−
<div class="col-md-12 text-center fh5co-heading animate-box">
 
−
 
−
 
−
                                </div>
 
−
</div>
 
 
</div>
 
</div>
−
</div>
+
</aside>
−
 
+
  
 
<footer id="fh5co-footer" role="contentinfo">
 
<footer id="fh5co-footer" role="contentinfo">
 
<div class="containers">
 
<div class="containers">
−
<div class="col-md-12 fh5co-copyright text-center">
+
<div class="col-md-12 fh5co-copyright text-center">
 
<ul class="fh5co-social">
 
<ul class="fh5co-social">
 
<li>
 
<li>
Line 178: Line 74:
 
</li>
 
</li>
 
</ul>
 
</ul>
−
<p><span>Made with <i class="icon-heart"></i> by UIUC_Illinois iGEM</span></p>
+
<p><span>Made by UIUC_Illinois iGEM</span></p>
 
</div>
 
</div>
  
Line 185: Line 81:
 
</div>
 
</div>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryjs?
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryjs?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryeasingjs?
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryeasingjs?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/bootstrapjs?
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/bootstrapjs?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/waypointsjs?
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/waypointsjs?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryflexjs?
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryflexjs?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/mainjs?
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/mainjs?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/sidebarjs?
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/sidebarjs?
 
action=raw&ctype=text/javascript"></script>
 
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://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>
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  
  
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 20:31, 31 July 2017

Made by UIUC_Illinois iGEM