Team:SMTexas

From 2014hs.igem.org

(Difference between revisions)
 
(388 intermediate revisions not shown)
Line 1: Line 1:
-
 
+
{{SMTexas/heading}}
<html>
<html>
-
<link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Template:SMTexas/CSS?action=raw&amp;ctype=text/css">
+
<!-- Header -->
 +
<div id="header">
 +
<div class="container">
 +
<!-- Logo -->
 +
<div id="logo">
 +
<h1><a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas" class="nav-link"><img src="https://static.igem.org/mediawiki/2014hs/6/65/SMiGEM_Logo_%26_Text.png" alt=""></a></h1>
 +
<style>
 +
a.nav-link:link {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
a.nav-link:visited {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
a.nav-link:hover {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
a.nav-link:active {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
</style>
 +
 +
<style type="text/css">
-
<script src="https://2014hs.igem.org/Template:SMTexas/JS?action=raw&amp;ctype=application/javascript"></script>
+
/* All Styles Optional */
-
<head>
 
-
<title>Dopetrope by HTML5 UP</title>
 
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
-
<meta name="description" content="" />
 
-
<meta name="keywords" content="" />
 
-
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900,300italic" rel="stylesheet" />
 
-
<script src="js/jquery.min.js"></script>
 
-
<script src="js/jquery.dropotron.min.js"></script>
 
-
<script src="js/config.js"></script>
 
-
<script src="js/skel.min.js"></script>
 
-
<script src="js/skel-panels.min.js"></script>
 
-
<noscript>
 
-
<link rel="stylesheet" href="css/skel-noscript.css" />
 
-
<link rel="stylesheet" href="css/style.css" />
 
-
<link rel="stylesheet" href="css/style-desktop.css" />
 
-
</noscript>
 
-
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
 
-
</head>
 
-
<body class="homepage">
 
-
<!-- Header Wrapper -->
+
div#show {
-
<div id="header-wrapper">
+
height:475px;
-
<div class="container">
+
width:1215px;
-
<div class="row">
+
margin:0; padding:2px;
-
<div class="12u">
+
border:1px solid #909090;
-
+
}
-
<!-- Header -->
+
-
<section id="header">
+
-
+
-
<!-- Logo -->
+
-
<h1><a href="#">Dopetrope</a></h1>
+
-
+
-
<!-- Nav -->
+
-
<nav id="nav">
+
-
<ul>
+
-
<li class="current_page_item"><a href="index.html">Home</a></li>
+
-
<li>
+
-
<a href="">Dropdown</a>
+
-
<ul>
+
-
<li><a href="#">Lorem ipsum dolor</a></li>
+
-
<li><a href="#">Magna phasellus</a></li>
+
-
<li><a href="#">Etiam dolore nisl</a></li>
+
-
<li>
+
-
<a href="">Phasellus consequat</a>
+
-
<ul>
+
-
<li><a href="#">Magna phasellus</a></li>
+
-
<li><a href="#">Etiam dolore nisl</a></li>
+
-
<li><a href="#">Veroeros feugiat</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Veroeros feugiat</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="right-sidebar.html">Right Sidebar</a></li>
+
-
<li><a href="left-sidebar.html">Left Sidebar</a></li>
+
-
<li><a href="no-sidebar.html">No Sidebar</a></li>
+
-
</ul>
+
-
</nav>
+
-
</section>
+
div#show table input,  div#show4 table input {
 +
outline-style:none;
 +
}
-
</div>
+
</style>
-
</div>
+
-
<div class="row">
+
-
<div class="12u">
+
-
<!-- Banner -->
+
<!--[if IE]>
-
<section id="banner">
+
<style type="text/css">
-
<a href="http://facebook.com/DreametryDoodle">
+
div#show table td, div#show4 table td {
-
<span class="image image-full"><img src="images/pic01.jpg" alt="" /></span>
+
height:21px;
-
<header>
+
}
-
<h2>Howdy. This is Dopetrope.</h2>
+
</style>
-
<span class="byline">A responsive template by HTML5 UP</span>
+
<![endif]-->
-
</header>
+
-
</a>
+
-
</section>
+
-
</div>
+
<script src="https://2014hs.igem.org/Template:SMTexas/swissarmy?action=raw&amp;ctype=application/javascript" type="text/javascript"></script>
 +
 
 +
<script src="https://2014hs.igem.org/Template:SMTexas/slideshow?action=raw&amp;ctype=application/javascript" type="text/javascript"></script>
</div>
</div>
-
<div class="row">
+
-
<div class="12u">
+
-
+
<!-- Header -->
-
<!-- Intro -->
+
-
<section id="intro">
+
 
-
+
-
<div>
+
-
<div class="row">
+
-
<div class="4u">
+
-
<section class="first">
+
-
<span class="pennant"><span class="fa fa-cog"></span></span>
+
-
<header>
+
-
<h2>Ipsum consequat</h2>
+
-
</header>
+
-
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
+
-
</section>
+
-
</div>
+
-
<div class="4u">
+
-
<section class="middle">
+
-
<span class="pennant pennant-alt"><span class="fa fa-flash"></span></span>
+
-
<header>
+
-
<h2>Magna etiam dolor</h2>
+
-
</header>
+
-
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
+
-
</section>
+
-
</div>
+
-
<div class="4u">
+
-
<section class="last">
+
-
<span class="pennant pennant-alt2"><span class="fa fa-star"></span></span>
+
-
<header>
+
-
<h2>Tempus adipiscing</h2>
+
-
</header>
+
-
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
+
-
</section>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div class="actions">
+
<!-- Main -->
-
<a href="#" class="button big">Get Started</a>
+
<br><br>
-
<a href="#" class="button alt big">Learn More</a>
+
<div id="page">
-
</div>
+
<section><div id="show"><script type="text/javascript">new inter_slide(slideShow)</script></div></section>
-
+
<!-- Extra -->
-
</section>
+
<div id="marketing" class="container">
 +
<div class="row">
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Fundamental Research</h2>
 +
</header>
 +
<p class="subtitle">Explore how our Fundamental Research Team fueled our project development and research.<br><br></p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/5/5e/Basic_Research_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/Team:SMTexas/basicresearch" class="button">More</a>
 +
<style>
 +
a.button:link {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:visited {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:hover {
 +
  color: #C9E600;
 +
  text-decoration: none;
 +
}
 +
a.button:active {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
</style>
-
</div>
+
</section>
 +
                                               
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Applied Research<br><br></h2>
 +
</header>
 +
<p class="subtitle">Explore how we have made biobricks that can detect lung cancer in a simple, inexpensive, and noninvasive way.</p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/8/83/Applied_Research_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/Team:SMTexas/appliedresearch" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Outreach<br><br></h2>
 +
</header>
 +
<p class="subtitle">Educating our community and gathering public opinion on modern biotechnology.<br><br></p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/2/2d/Outreach_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas/Outreach" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Videos<br><br></h2>
 +
</header>
 +
<p class="subtitle">Watch the video explaining our project in detail as well as numerous informative tutorials.<br><br></p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/d/de/Video_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas/Video&action=edit&redlink=1" class="button">More</a>
 +
</section>
</div>
</div>
</div>
</div>
</div>
</div>
-
+
<!-- Extra -->
-
<!-- Main Wrapper -->
+
<div id="marketing" class="container">
-
<div id="main-wrapper">
+
<div class="row">
-
<div class="container">
+
<div class="3u">
-
<div class="row">
+
<section>
-
<div class="12u">
+
<header>
-
+
<h2>Safety</h2>
-
<!-- Portfolio -->
+
</header>
-
<section>
+
<p class="subtitle">Our safety precautions.<br><br><br></p>
-
<header class="major">
+
<p><img src="https://static.igem.org/mediawiki/2014hs/f/f9/Safety_PNG.png" alt=""></p>
-
<h2>My Portfolio</h2>
+
<a href="https://2014hs.igem.org/Team:SMTexas/safety" class="button">More</a>
-
</header>
+
<style>
-
<div>
+
a.button:link {
-
<div class="row">
+
  color: #FFFFFF;
-
<div class="4u">
+
  text-decoration: none;
-
<section class="box">
+
}
-
<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic02.jpg" alt="" /></a>
+
a.button:visited {
-
<header>
+
  color: #FFFFFF;
-
<h3>Ipsum feugiat et dolor</h3>
+
  text-decoration: none;
-
</header>
+
}
-
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit  adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
+
a.button:hover {
-
<footer>
+
  color: #FFCC00;
-
<a href="#" class="button alt">Find out more</a>
+
  text-decoration: none;
-
</footer>
+
}
-
</section>
+
a.button:active {
-
</div>
+
  color: #FFFFFF;
-
<div class="4u">
+
  text-decoration: none;
-
<section class="box">
+
}
-
<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic03.jpg" alt="" /></a>
+
</style>
-
<header>
+
-
<h3>Sed etiam lorem nulla</h3>
+
-
</header>
+
-
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit  adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
+
-
<footer>
+
-
<a href="#" class="button alt">Find out more</a>
+
-
</footer>
+
-
</section>
+
-
</div>
+
-
<div class="4u">
+
-
<section class="box">
+
-
<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic04.jpg" alt="" /></a>
+
-
<header>
+
-
<h3>Consequat et tempus</h3>
+
-
</header>
+
-
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit  adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
+
-
<footer>
+
-
<a href="#" class="button alt">Find out more</a>
+
-
</footer>
+
-
</section>
+
-
</div>
+
-
</div>
+
-
<div class="row">
+
-
<div class="4u">
+
-
<section class="box">
+
-
<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic05.jpg" alt="" /></a>
+
-
<header>
+
-
<h3>Blandit sed adipiscing</h3>
+
-
</header>
+
-
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit  adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
+
-
<footer>
+
-
<a href="#" class="button alt">Find out more</a>
+
-
</footer>
+
-
</section>
+
-
</div>
+
-
<div class="4u">
+
-
<section class="box">
+
-
<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic06.jpg" alt="" /></a>
+
-
<header>
+
-
<h3>Etiam nisl consequat</h3>
+
-
</header>
+
-
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit  adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
+
-
<footer>
+
-
<a href="#" class="button alt">Find out more</a>
+
-
</footer>
+
-
</section>
+
-
</div>
+
-
<div class="4u">
+
-
<section class="box">
+
-
<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic07.jpg" alt="" /></a>
+
-
<header>
+
-
<h3>Dolore nisl feugiat</h3>
+
-
</header>
+
-
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit  adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
+
-
<footer>
+
-
<a href="#" class="button alt">Find out more</a>
+
-
</footer>
+
-
</section>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</section>
+
-
</div>
+
</section>
 +
                                               
</div>
</div>
-
<div class="row">
+
<div class="3u">
-
<div class="12u">
+
<section>
-
 
+
<header>
-
<!-- Blog -->
+
<h2>Attributions</h2>
-
<section>
+
</header>
-
<header class="major">
+
<p class="subtitle">Meet the faculty members who played an instrumental role to our success.</p>
-
<h2>The Blog</h2>
+
<p><img src="https://static.igem.org/mediawiki/2014hs/6/64/Attributions_PNG.png" alt=""></p>
-
</header>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Attributions" class="button">More</a>
-
<div>
+
</section>
-
<div class="row">
+
</div>
-
<div class="6u">
+
<div class="3u">
-
<section class="box">
+
<section>
-
<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic08.jpg" alt="" /></a>
+
<header>
-
<header>
+
<h2>Human Practices</h2>
-
<h3>Magna tempus consequat lorem</h3>
+
</header>
-
<span class="byline">Posted 45 minutes ago</span>
+
<p class="subtitle">Our project in the real world.</p><br><br>
-
</header>
+
<p><img src="https://static.igem.org/mediawiki/2014hs/5/5d/Human_Practices_PNG.png"></p>
-
<p>Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit  adipiscing feugiat phasellus tempus hendrerit, tortor vitae mattis tempor, sapien sem feugiat sapien, id suscipit magna felis nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos lorem ipsum dolor sit amet.</p>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Human_Practices" class="button">More</a>
-
<footer class="actions">
+
</section>
-
<a href="#" class="button fa fa-file-text">Continue Reading</a>
+
</div>
-
<a href="#" class="button alt fa fa-comment">33 comments</a>
+
<div class="3u">
-
</footer>
+
<section>
-
</section>
+
<header>
-
</div>
+
<h2>Sponsors</h2>
-
<div class="6u">
+
</header>
-
<section class="box">
+
<p class="subtitle">Meet the corporations that played an instrumental role in our success.</p><br>
-
<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic09.jpg" alt="" /></a>
+
<p><img src="https://static.igem.org/mediawiki/2014hs/9/90/Sponsors_PNG.png" alt=""></p>
-
<header>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Sponsors" class="button">More</a>
-
<h3>Aptent veroeros et aliquam</h3>
+
</section>
-
<span class="byline">Posted 45 minutes ago</span>
+
-
</header>
+
-
<p>Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit  adipiscing feugiat phasellus tempus hendrerit, tortor vitae mattis tempor, sapien sem feugiat sapien, id suscipit magna felis nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos lorem ipsum dolor sit amet.</p>
+
-
<footer class="actions">
+
-
<a href="#" class="button fa fa-file-text">Continue Reading</a>
+
-
<a href="#" class="button alt fa fa-comment">33 comments</a>
+
-
</footer>
+
-
</section>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</section>
+
-
+
-
</div>
+
</div>
</div>
 +
</div>
</div>
</div>
</div>
-
 
+
-
<!-- Footer Wrapper -->
+
-
<div id="footer-wrapper">
+
-
<!-- Footer -->
+
<!-- Main -->
-
<section id="footer" class="container">
+
<div id="main" class="container">
-
<div class="row">
+
<div class="row">
-
<div class="8u">
+
<div class="6u">
-
 
+
<section>
-
<section>
+
<header>
-
<header>
+
<h2>Biotechnology Initiative</h2>
-
<h2>Blandit nisl adipiscing</h2>
+
<span class="byline"></span>
-
</header>
+
</header>
-
<ul class="dates">
+
<img src="https://static.igem.org/mediawiki/2014hs/a/ae/Commism.png" alt="">
-
<li>
+
<br><br>
-
<span class="date">Jan <strong>27</strong></span>
+
-
<h3><a href="#">Lorem dolor sit amet veroeros</a></h3>
+
<img src="https://static.igem.org/mediawiki/2014hs/8/8b/Smgraph.png" alt="">
-
<p>Ipsum dolor sit amet veroeros consequat blandit ipsum phasellus lorem consequat etiam.</p>
+
<br><br>
-
</li>
+
<p>The first iGEM high school team from the state of Texas, the St. Mark’s iGEM Team was established as part of a Biotechnology Initiative begun in September of 2013 by our school’s Biology Club. This Initiative, spurred on by iGEM, revitalized our Club and helped generate significant interest in synthetic biology from the student body, faculty, and school administration. In our first year we achieved regular access to a radiation oncology lab at the University of Texas Southwestern Medical Center, $1500 in funding from the school to cover the registration fee for the iGEM Competition, exlcusive laboratory space at the school, and a more than four-fold increase in membership of the Biology Club to twenty-two members.
-
<li>
+
<br><br>
-
<span class="date">Jan <strong>23</strong></span>
+
Our iGEM Team blends the setup of a traditional club with the highly efficient structure of a professional research laboratory. The Team is divided into four Committees: Fundamental Research, Applied Research, Outreach, and Web Development. This allows us to work more efficiently and cohesively. We have had to lay the foundation of our iGEM Team this year by informing the school community on synthetic biology, seeking financial support, and establishing laboratory resources for our project. But it was our infectious enthusiasm and indefatigable determination for synthetic biology that allowed us to overcome administrative hurdles and a steep learning curve. Through our journey this year, we have proven that a school with limited resources in biotechnology can make significant strides, effectively pioneer investigations in the field, and shown our community the tremendous potential we have in the future.</p>
-
<h3><a href="#">Ipsum sed blandit nisl consequat</a></h3>
+
-
<p>Blandit phasellus lorem ipsum dolor tempor sapien tortor hendrerit adipiscing feugiat lorem.</p>
+
-
</li>
+
-
<li>
+
-
<span class="date">Jan <strong>15</strong></span>
+
-
<h3><a href="#">Magna tempus lorem feugiat</a></h3>
+
-
<p>Dolore consequat sed phasellus lorem sed etiam nullam dolor etiam sed amet sit consequat.</p>
+
-
</li>
+
-
<li>
+
-
<span class="date">Jan <strong>12</strong></span>
+
-
<h3><a href="#">Dolore tempus ipsum feugiat nulla</a></h3>
+
-
<p>Feugiat lorem dolor sed nullam tempus lorem ipsum dolor sit amet nullam consequat.</p>
+
-
</li>
+
-
<li>
+
-
<span class="date">Jan <strong>10</strong></span>
+
-
<h3><a href="#">Blandit tempus aliquam?</a></h3>
+
-
<p>Feugiat sed tempus blandit tempus adipiscing nisl lorem ipsum dolor sit amet dolore.</p>
+
-
</li>
+
-
</ul>
+
-
</section>
+
-
</div>
 
-
<div class="4u">
 
-
<section>
 
-
<header>
 
-
<h2>What's this all about?</h2>
 
-
</header>
 
-
<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic10.jpg" alt="" /></a>
 
-
<p>
 
-
This is <a href="http://html5up.net/dopetrope/">Dopetrope</a> a free, fully responsive HTML5 site template by
 
-
<a href="http://n33.co">AJ</a> for <a href="http://html5up.net/">HTML5 UP</a> It's released for free under
 
-
the <a href="http://html5up.net/license/">CCA</a> license so feel free to use it for any personal or commercial project &ndash;
 
-
just don't forget to credit us! <strong>PS:</strong> The awesome placeholder artwork used in this design is courtesy of <a href="http://facebook.com/DreametryDoodle/">Dreametry Doodle</a>.
 
-
</p>
 
-
<footer>
 
-
<a href="#" class="button">Find out more</a>
 
-
</footer>
 
-
</section>
 
-
</div>
+
</section>
-
</div>
+
</div>
-
<div class="row">
+
<div class="6u">
-
<div class="4u">
+
<section>
 +
<header>
 +
<h2>About Us</h2>
 +
<span class="byline"></span>
 +
</header>
 +
<img src="https://static.igem.org/mediawiki/2014hs/7/79/St._Mark%27s.jpg">
 +
<br><br>
 +
<p><b>Our Mission Statement:</b> To improve the community by pioneering investigations into bio-technology by solving real-world problems in order to promote scientific inquiry and educate the future leaders of biological engineering.</p>
 +
<p><b>About St. Mark's:</b> St. Mark's School of Texas is a non-sectarian, college-preparatory, independent day school for boys in grades one through twelve. The School's charter states that it is "designed to afford its students well-rounded physical, intellectual, moral, and religious training and instruction." The School is intended to be a diverse community of teachers and students who share a love of learning and who strive for high achievement in whatever they undertake.</p>
 +
 +
<table><tr><td width="300" align="center"><a href="http://www.smtexas.org/home" class="button">Visit Our School</a></td><td width="300 align="center"><a href="https://2014hs.igem.org/Team:SMTexas/team" class="button">The Team</a></td></tr></table>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section class="sidebar">
 +
<header>
 +
<h2><br><br>Follow us on:</h2>
 +
</header>
 +
<ul class="style2">
 +
<li>
 +
<a href="http://www.facebook.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/f/fd/Facebook.jpg" alt=""></a>
 +
<p>Facebook</p>
 +
</li>
 +
<li>
 +
<a href="http://www.twitter.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/2/2a/Twitter.jpg" alt=""></a>
 +
<p>Twitter</p>
 +
</li>
 +
<li>
 +
<a href="http://instagram.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/f/f7/Instagram.jpg" alt=""></a>
 +
<p>Instagram</p>
 +
</li>
 +
<li>
 +
<a href="http://youtube.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/5/56/Youtube.jpg" alt=""></a>
 +
<p>Youtube</p>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
 +
<!-- Main -->
-
<section>
+
</div>
-
<header>
+
<!-- /Main -->
-
<h2>Tempus consequat</h2>
+
-
</header>
+
-
<ul class="divided">
+
-
<li><a href="#">Lorem ipsum dolor sit amet sit veroeros</a></li>
+
-
<li><a href="#">Sed et blandit consequat sed tlorem blandit</a></li>
+
-
<li><a href="#">Adipiscing feugiat phasellus sed tempus</a></li>
+
-
<li><a href="#">Hendrerit tortor vitae mattis tempor sapien</a></li>
+
-
<li><a href="#">Sem feugiat sapien id suscipit magna felis nec</a></li>
+
-
<li><a href="#">Elit class aptent taciti sociosqu ad litora</a></li>
+
-
</ul>
+
-
</section>
+
-
</div>
+
-
<div class="4u">
+
-
<section>
 
-
<header>
 
-
<h2>Ipsum et phasellus</h2>
 
-
</header>
 
-
<ul class="divided">
 
-
<li><a href="#">Lorem ipsum dolor sit amet sit veroeros</a></li>
 
-
<li><a href="#">Sed et blandit consequat sed tlorem blandit</a></li>
 
-
<li><a href="#">Adipiscing feugiat phasellus sed tempus</a></li>
 
-
<li><a href="#">Hendrerit tortor vitae mattis tempor sapien</a></li>
 
-
<li><a href="#">Sem feugiat sapien id suscipit magna felis nec</a></li>
 
-
<li><a href="#">Elit class aptent taciti sociosqu ad litora</a></li>
 
-
</ul>
 
-
</section>
 
-
 
-
</div>
 
-
<div class="4u">
 
-
 
-
<section>
 
-
<header>
 
-
<h2>Vitae tempor lorem</h2>
 
-
</header>
 
-
<ul class="social">
 
-
<li><a class="fa fa-facebook solo" href="#"><span>Facebook</span></a></li>
 
-
<li><a class="fa fa-twitter solo" href="http://twitter.com/n33co"><span>Twitter</span></a></li>
 
-
<li><a class="fa fa-dribbble solo" href="http://dribbble.com/n33"><span>Dribbble</span></a></li>
 
-
<li><a class="fa fa-linkedin solo" href="#"><span>LinkedIn</span></a></li>
 
-
<li><a class="fa fa-google-plus solo" href="#"><span>Google+</span></a></li>
 
-
</ul>
 
-
<ul class="contact">
 
-
<li>
 
-
<h3>Address</h3>
 
-
<p>
 
-
Untitled Incorporated<br />
 
-
1234 Somewhere Road Suite #5432<br />
 
-
Nashville, TN 00000-0000
 
-
</p>
 
-
</li>
 
-
<li>
 
-
<h3>Mail</h3>
 
-
<p><a href="#">someone@untitled.tld</a></p>
 
-
</li>
 
-
<li>
 
-
<h3>Phone</h3>
 
-
<p>(800) 000-0000</p>
 
-
</li>
 
-
</ul>
 
-
</section>
 
-
 
-
</div>
 
-
</div>
 
-
<div class="row">
 
-
<div class="12u">
 
-
 
-
<!-- Copyright -->
 
-
<div id="copyright">
 
-
<ul class="links">
 
-
<li>&copy; Untitled </li>
 
-
<li>Images: <a href="http://facebook.com/DreametryDoodle">Dreametry Doodle</a></li>
 
-
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
 
-
</ul>
 
-
</div>
 
-
 
-
</div>
 
-
</div>
 
-
</section>
 
-
 
-
</div>
 
</body>
</body>
</html>
</html>

Latest revision as of 14:25, 20 June 2014