Difference between revisions of "Team:UNC-Chapel Hill"

Line 1: Line 1:
−
<html>  
+
<html>
−
<style type="text/css">
+
<head>
 +
<title>UNC iGem</title>
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<meta name="description" content="" />
 +
<meta name="keywords" content="" />
 +
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
 +
<script src="js/jquery.min.js"></script>
 +
<script src="js/skel.min.js"></script>
 +
<script src="js/skel-layers.min.js"></script>
 +
<script src="js/init.js"></script>
 +
<noscript>
 +
            <link rel="stylesheet" type="text/css"
 +
                href="https://2015.igem.org/Template:UNC-Chapel_Hill/CSS/skel?action=raw&ctype=text/css" />
 +
            <link rel="stylesheet" type="text/css"
 +
                href="https://2015.igem.org/Template:UNC-Chapel_Hill/CSS?action=raw&ctype=text/css" />
 +
            <link rel="stylesheet" type="text/css"
 +
                href="https://2015.igem.org/Template:UNC-Chapel_Hill/CSS/style-xlarge?action=raw&ctype=text/css" />
 +
</noscript>
 +
</head>
 +
<body id="top">
  
−
.image {
+
<!-- Header -->
−
width: 100%;
+
<header id="header" class="skel-layers-fixed">
−
position: fixed;
+
<h1><a href="#">University of North Carolina at Chapel Hill</a></h1>
−
}
+
<nav id="nav">
 +
<ul>
 +
<li><a href="index.html">Home</a></li>
 +
<li><a href="left-sidebar.html">Project</a></li>
 +
<li><a href="right-sidebar.html">Parts</a></li>
 +
<li><a href="notebook.html">Notebook</a></li>
 +
<li><a href="#"> Other </a></li>
 +
</ul>
 +
</nav>
 +
</header>
  
−
h10 {
+
<!-- Banner -->
−
  position: absolute;
+
<section id="banner">
−
top: 200px;
+
<div class="inner">
−
  width: 100%;
+
<h2>UNC iGem</h2>
−
font-size: 60px;
+
<p>Novel 3 color glucose sensor</p>
−
color: white;
+
<ul class="actions">
−
padding: 5px;
+
<li><a href="#content" class="button big special">Sign Up</a></li>
−
clear: left;
+
<li><a href="#elements" class="button big alt">Learn More</a></li>
−
}
+
</ul>
 +
</div>
 +
</section>
  
−
h11{
+
<!-- One -->
−
  position: absolute;
+
<section id="one" class="wrapper style1">
−
top: 300px;
+
<header class="major">
−
  width: 100%;
+
<h2>A new approach to a nation wide diabetes epidemic</h2>
−
font-size: 60px;
+
<p>Three color glucose indicator using E. Coli</p>
−
color: white;
+
</header>
−
padding: 5px;
+
<div class="container">
−
clear: left;
+
<div class="row">
−
}
+
<div class="4u">
−
+
<section class="special box">
 +
<i class="icon fa-area-chart major"></i>
 +
<h3>Justo placerat</h3>
 +
<p>Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.</p>
 +
</section>
 +
</div>
 +
<div class="4u">
 +
<section class="special box">
 +
<i class="icon fa-refresh major"></i>
 +
<h3>Blandit quis curae</h3>
 +
<p>Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.</p>
 +
</section>
 +
</div>
 +
<div class="4u">
 +
<section class="special box">
 +
<i class="icon fa-cog major"></i>
 +
<h3>Amet sed accumsan</h3>
 +
<p>Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.</p>
 +
</section>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Two -->
 +
<section id="two" class="wrapper style2">
 +
<header class="major">
 +
<h2>Commodo accumsan aliquam</h2>
 +
<p>Amet nisi nunc lorem accumsan</p>
 +
</header>
 +
<div class="container">
 +
<div class="row">
 +
<div class="6u">
 +
<section class="special">
 +
<a href="#" class="image fit"><img src="images/pic01.jpg" alt="" /></a>
 +
<h3>Mollis adipiscing nisl</h3>
 +
<p>Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.</p>
 +
<ul class="actions">
 +
<li><a href="#" class="button alt">Learn More</a></li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="6u">
 +
<section class="special">
 +
<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
 +
<h3>Neque ornare adipiscing</h3>
 +
<p>Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.</p>
 +
<ul class="actions">
 +
<li><a href="#" class="button alt">Learn More</a></li>
 +
</ul>
 +
</section>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
  
−
</style>
+
<!-- Three -->
−
 
+
<section id="three" class="wrapper style1">
−
<div class = “image”>
+
<div class="container">
−
              <img src= https://static.igem.org/mediawiki/2015/7/79/Background.jpeg width = 1280px height = 800px>  
+
<div class="row">
−
 
+
<div class="8u">
−
<h10> University of North Carolina at </h10>
+
<section>
−
<h11>Chapel Hill iGEM 2015</h11>  
+
<h2>Mollis ut adipiscing</h2>
−
+
<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
−
</div>  
+
<p>Vis accumsan feugiat adipiscing nisl amet adipiscing accumsan blandit accumsan sapien blandit ac amet faucibus aliquet placerat commodo. Interdum ante aliquet commodo accumsan vis phasellus adipiscing. Ornare a in lacinia. Vestibulum accumsan ac metus massa tempor. Accumsan in lacinia ornare massa amet. Ac interdum ac non praesent. Cubilia lacinia interdum massa faucibus blandit nullam. Accumsan phasellus nunc integer. Accumsan euismod nunc adipiscing lacinia erat ut sit. Arcu amet. Id massa aliquet arcu accumsan lorem amet accumsan commodo odio cubilia ac eu interdum placerat placerat arcu commodo lobortis adipiscing semper ornare pellentesque.</p>
−
</html>
+
</section>
−
 
+
</div>
−
{{UNC-Chapel Hill/CSS}}
+
<div class="4u">
−
<html>
+
<section>
−
 
+
<h3>Magna massa blandit</h3>
−
<h2> Welcome to iGEM 2015! </h2>
+
<p>Feugiat amet accumsan ante aliquet feugiat accumsan. Ante blandit accumsan eu amet tortor non lorem felis semper. Interdum adipiscing orci feugiat penatibus adipiscing col cubilia lorem ipsum dolor sit amet feugiat consequat.</p>
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
<ul class="actions">
−
 
+
<li><a href="#" class="button alt">Learn More</a></li>
−
<h4>Before you start: </h4>
+
</ul>
−
<p> Please read the following pages:</p>
+
</section>
−
<ul>
+
<hr />
−
<li> <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
+
<section>
−
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
<h3>Ante sed commodo</h3>
−
</ul>
+
<ul class="alt">
−
 
+
<li><a href="#">Erat blandit risus vis adipiscing</a></li>
−
<div class="highlightBox">
+
<li><a href="#">Tempus ultricies faucibus amet</a></li>
−
<h4> Styling your wiki </h4>
+
<li><a href="#">Arcu commodo non adipiscing quis</a></li>
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
<li><a href="#">Accumsan vis lacinia semper</a></li>
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
</ul>
−
</div>
+
</section>
−
 
+
</div>
−
<h4> Editing your wiki </h4>
+
</div>
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>  
+
</div>
−
<p> <a href="https://2015.igem.org/wiki/index.php?title=Team:UChicago&action=edit"> Click here to edit this page! </a></p>
+
</section>
−
<p>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</p>  
+
−
 
+
<!-- Footer -->
−
 
+
<footer id="footer">
−
<h4>Templates </h4>
+
<div class="container">
−
<p> This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the
+
<div class="row double">
−
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</p>  
+
<div class="6u">
−
 
+
<div class="row collapse-at-2">
−
 
+
<div class="6u">
−
<h4>Tips</h4>
+
<h3>Accumsan</h3>
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
<ul class="alt">
−
<ul>
+
<li><a href="#">Nascetur nunc varius</a></li>
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
<li><a href="#">Vis faucibus sed tempor</a></li>
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
<li><a href="#">Massa amet lobortis vel</a></li>
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
<li><a href="#">Nascetur nunc varius</a></li>
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
</ul>
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
</div>
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
+
<div class="6u">
−
<li>Have lots of fun! </li>
+
<h3>Faucibus</h3>
−
</ul>  
+
<ul class="alt">
−
 
+
<li><a href="#">Nascetur nunc varius</a></li>
−
 
+
<li><a href="#">Vis faucibus sed tempor</a></li>
−
<h4>Inspiration</h4>
+
<li><a href="#">Massa amet lobortis vel</a></li>
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
<li><a href="#">Nascetur nunc varius</a></li>
−
<ul>
+
</ul>
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
</div>
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
</div>
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
</div>
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
<div class="6u">
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
<h2>Aliquam Interdum</h2>
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
<p>Blandit nunc tempor lobortis nunc non. Mi accumsan. Justo aliquet massa adipiscing cubilia eu accumsan id. Arcu accumsan faucibus vis ultricies adipiscing ornare ut. Mi accumsan justo aliquet.</p>
−
</ul>
+
<ul class="icons">
−
 
+
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
−
<h4> Uploading pictures and files </h4>
+
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
−
<p> You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
−
 
+
<li><a href="#" class="icon fa-pinterest"><span class="label">Pinterest</span></a></li>
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
+
</ul>
−
 
+
</div>
−
 
+
</div>
−
 
+
<ul class="copyright">
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
<li>&copy; Untitled. All rights reserved.</li>
 +
<li>Design: <a href="http://templated.co">TEMPLATED</a></li>
 +
<li>Images: <a href="http://unsplash.com">Unsplash</a></li>
 +
</ul>
 +
</div>
 +
</footer>
  
 +
</body>
 
</html>
 
</html>

Revision as of 02:47, 5 July 2015

UNC iGem

A new approach to a nation wide diabetes epidemic

Three color glucose indicator using E. Coli

Justo placerat

Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.

Blandit quis curae

Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.

Amet sed accumsan

Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.

Commodo accumsan aliquam

Amet nisi nunc lorem accumsan

Mollis adipiscing nisl

Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.

Neque ornare adipiscing

Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.

Mollis ut adipiscing

Vis accumsan feugiat adipiscing nisl amet adipiscing accumsan blandit accumsan sapien blandit ac amet faucibus aliquet placerat commodo. Interdum ante aliquet commodo accumsan vis phasellus adipiscing. Ornare a in lacinia. Vestibulum accumsan ac metus massa tempor. Accumsan in lacinia ornare massa amet. Ac interdum ac non praesent. Cubilia lacinia interdum massa faucibus blandit nullam. Accumsan phasellus nunc integer. Accumsan euismod nunc adipiscing lacinia erat ut sit. Arcu amet. Id massa aliquet arcu accumsan lorem amet accumsan commodo odio cubilia ac eu interdum placerat placerat arcu commodo lobortis adipiscing semper ornare pellentesque.

Magna massa blandit

Feugiat amet accumsan ante aliquet feugiat accumsan. Ante blandit accumsan eu amet tortor non lorem felis semper. Interdum adipiscing orci feugiat penatibus adipiscing col cubilia lorem ipsum dolor sit amet feugiat consequat.

Ante sed commodo