Team:SMTexas

From 2014hs.igem.org

(Difference between revisions)
 
(242 intermediate revisions not shown)
Line 1: Line 1:
{{SMTexas/heading}}
{{SMTexas/heading}}
-
 
-
<!DOCTYPE HTML>
 
-
<!--
 
-
Ex Machina by TEMPLATED
 
-
    templated.co @templatedco
 
-
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
 
-
-->
 
<html>
<html>
-
 
-
<body class="homepage">
 
-
<!-- Header -->
+
<!-- Header -->
<div id="header">
<div id="header">
<div class="container">
<div class="container">
-
+
<!-- Logo -->
-
<!-- Logo -->
+
<div id="logo">  
<div id="logo">  
-
<h1><a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas" class="nav-link">SMTexas</a></h1>  
+
<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>
<style>
a.nav-link:link {
a.nav-link:link {
Line 35: Line 25:
   text-decoration: none;
   text-decoration: none;
}
}
 +
</style>
 +
 +
<style type="text/css">
 +
 +
/* All Styles Optional */
 +
 +
 +
 +
div#show {
 +
height:475px;
 +
width:1215px;
 +
margin:0; padding:2px;
 +
border:1px solid #909090;
 +
}
 +
 +
div#show table input,  div#show4 table input {
 +
outline-style:none;
 +
}
 +
</style>
</style>
 +
 +
<!--[if IE]>
 +
<style type="text/css">
 +
div#show table td, div#show4 table td {
 +
height:21px;
 +
}
 +
</style>
 +
<![endif]-->
 +
 +
<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>
-
<!-- Nav -->
+
-
<nav id="nav">
+
-
<ul>
+
-
<li class="active"><a href="index.html">Homepage</a></li>
+
-
<li><a href="left-sidebar.html">Left Sidebar</a></li>
+
-
<li><a href="right-sidebar.html">Right Sidebar</a></li>
+
-
<li><a href="no-sidebar.html">No Sidebar</a></li>
+
-
</ul>
+
-
</nav>
+
-
 
+
-
</div>
+
-
+
<!-- Header -->
<!-- Header -->
-
<!-- Banner -->
+
 
-
<div id="banner">
+
-
<div class="container">
+
-
</div>
+
-
</div>
+
-
<!-- /Banner -->
+
<!-- Main -->
<!-- Main -->
 +
<br><br>
<div id="page">
<div id="page">
-
 
+
<section><div id="show"><script type="text/javascript">new inter_slide(slideShow)</script></div></section>
<!-- Extra -->
<!-- Extra -->
<div id="marketing" class="container">
<div id="marketing" class="container">
Line 68: Line 74:
<section>
<section>
<header>
<header>
-
<h2>Feugiat Tempus</h2>
+
<h2>Fundamental Research</h2>
</header>
</header>
-
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
+
<p class="subtitle">Explore how our Fundamental Research Team fueled our project development and research.<br><br></p>
-
<p><a href="#"><img src="images/pics13.jpg" alt=""></a></p>
+
<img src="https://static.igem.org/mediawiki/2014hs/5/5e/Basic_Research_PNG.png" alt="">
-
<a href="#" class="button">More</a>
+
<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>
 +
 
</section>
</section>
 +
                                               
</div>
</div>
<div class="3u">
<div class="3u">
<section>
<section>
<header>
<header>
-
<h2>Maecenas lectus</h2>
+
<h2>Applied Research<br><br></h2>
</header>
</header>
-
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
+
<p class="subtitle">Explore how we have made biobricks that can detect lung cancer in a simple, inexpensive, and noninvasive way.</p>
-
<p><a href="#"><img src="images/pics14.jpg" alt=""></a></p>
+
<img src="https://static.igem.org/mediawiki/2014hs/8/83/Applied_Research_PNG.png" alt="">
-
<a href="#" class="button">More</a>
+
<a href="https://2014hs.igem.org/Team:SMTexas/appliedresearch" class="button">More</a>
</section>
</section>
</div>
</div>
Line 88: Line 114:
<section>
<section>
<header>
<header>
-
<h2>Luctus lectus</h2>
+
<h2>Outreach<br><br></h2>
</header>
</header>
-
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
+
<p class="subtitle">Educating our community and gathering public opinion on modern biotechnology.<br><br></p>
-
<p><a href="#"><img src="images/pics15.jpg" alt=""></a></p>
+
<img src="https://static.igem.org/mediawiki/2014hs/2/2d/Outreach_PNG.png" alt="">
-
<a href="#" class="button">More</a>
+
<a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas/Outreach" class="button">More</a>
</section>
</section>
</div>
</div>
Line 98: Line 124:
<section>
<section>
<header>
<header>
-
<h2>Posuere eleifend</h2>
+
<h2>Videos<br><br></h2>
</header>
</header>
-
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
+
<p class="subtitle">Watch the video explaining our project in detail as well as numerous informative tutorials.<br><br></p>
-
<p><a href="#"><img src="images/pics16.jpg" alt=""></a></p>
+
<img src="https://static.igem.org/mediawiki/2014hs/d/de/Video_PNG.png" alt="">
-
<a href="#" class="button">More</a>
+
<a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas/Video&action=edit&redlink=1" class="button">More</a>
</section>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
-
<!-- /Extra -->
+
<!-- Extra -->
-
+
<div id="marketing" class="container">
-
<!-- Main -->
+
-
<div id="main" class="container">
+
<div class="row">
<div class="row">
-
<div class="6u">
+
<div class="3u">
<section>
<section>
<header>
<header>
-
<h2>Integer gravida nibh quis urna</h2>
+
<h2>Safety</h2>
-
<span class="byline">Augue praesent a lacus at urna congue rutrum</span>
+
</header>
</header>
-
<p>This is <strong>Ex Machina</strong>, a responsive HTML5 site template freebie by <a href="http://templated.co">TEMPLATED</a>. Released for free under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so use it for whatever (personal or commercial) &ndash; just give us credit! Check out more of our stuff at <a href="http://templated.co">our site</a> or follow us on <a href="http://twitter.com/templatedco">Twitter</a>.</p>
+
<p class="subtitle">Our safety precautions.<br><br><br></p>
-
<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p>
+
<p><img src="https://static.igem.org/mediawiki/2014hs/f/f9/Safety_PNG.png" alt=""></p>
-
<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p>
+
<a href="https://2014hs.igem.org/Team:SMTexas/safety" class="button">More</a>
-
<a href="#" class="button">More Details</a>
+
<style>
 +
a.button:link {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:visited {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:hover {
 +
  color: #FFCC00;
 +
  text-decoration: none;
 +
}
 +
a.button:active {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
</style>
 +
 
</section>
</section>
 +
                                               
</div>
</div>
<div class="3u">
<div class="3u">
-
<section class="sidebar">
+
<section>
<header>
<header>
-
<h2>Feugiat Tempus</h2>
+
<h2>Attributions</h2>
</header>
</header>
-
<ul class="style2">
+
<p class="subtitle">Meet the faculty members who played an instrumental role to our success.</p>
-
<li>
+
<p><img src="https://static.igem.org/mediawiki/2014hs/6/64/Attributions_PNG.png" alt=""></p>
-
<a href="#"><img src="images/pics07.jpg" alt=""></a>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Attributions" class="button">More</a>
-
<p>Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.</p>
+
-
</li>
+
-
<li>
+
-
<a href="#"><img src="images/pics08.jpg" alt=""></a>
+
-
<p>Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.</p>
+
-
</li>
+
-
<li>
+
-
<a href="#"><img src="images/pics09.jpg" alt=""></a>
+
-
<p>Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.</p>
+
-
</li>
+
-
<li>
+
-
<a href="#"><img src="images/pics10.jpg" alt=""></a>
+
-
<p>Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.</p>
+
-
</li>
+
-
</ul>
+
</section>
</section>
</div>
</div>
<div class="3u">
<div class="3u">
-
<section class="sidebar">
+
<section>
<header>
<header>
-
<h2>Feugiat Tempus</h2>
+
<h2>Human Practices</h2>
</header>
</header>
-
<ul class="style1">
+
<p class="subtitle">Our project in the real world.</p><br><br>
-
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
+
<p><img src="https://static.igem.org/mediawiki/2014hs/5/5d/Human_Practices_PNG.png"></p>
-
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Human_Practices" class="button">More</a>
-
<li><a href="#">Donec dictum metus in sapien</a></li>
+
-
<li><a href="#">Nulla luctus eleifend purus</a></li>
+
-
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
+
-
</ul>
+
</section>
</section>
-
<section class="sidebar">
+
</div>
 +
<div class="3u">
 +
<section>
<header>
<header>
-
<h2>Nulla luctus eleifend</h2>
+
<h2>Sponsors</h2>
</header>
</header>
-
<ul class="style1">
+
<p class="subtitle">Meet the corporations that played an instrumental role in our success.</p><br>
-
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
+
<p><img src="https://static.igem.org/mediawiki/2014hs/9/90/Sponsors_PNG.png" alt=""></p>
-
<li><a href="#">Donec dictum metus in sapien</a></li>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Sponsors" class="button">More</a>
-
<li><a href="#">Integer gravida nibh quis urna</a></li>
+
-
<li><a href="#">Etiam posuere augue sit amet nisl</a></li>
+
-
<li><a href="#">Mauris vulputate dolor sit amet nibh</a></li>
+
-
</ul>
+
</section>
</section>
</div>
</div>
 +
</div>
</div>
</div>
</div>
 +
 +
<!-- Main -->
<!-- Main -->
-
 
+
<div id="main" class="container">
-
</div>
+
-
<!-- /Main -->
+
-
 
+
-
<!-- Featured -->
+
-
<div id="featured">
+
-
<div class="container">
+
<div class="row">
<div class="row">
-
<section class="4u">
+
<div class="6u">
-
<div class="box">
+
-
<a href="#" class="image left"><img src="images/pics04.jpg" alt=""></a>
+
-
<h3>Safety</h3>
+
-
<p>Donec nonummy magna quis risus eleifend. </p>
+
-
<a href="#" class="button">More</a>
+
-
</div>
+
-
</section>
+
-
<section class="4u">
+
-
<div class="box">
+
-
<a href="#" class="image left"><img src="images/pics05.jpg" alt=""></a>
+
-
<h3>Attributions</h3>
+
-
<p>Donec nonummy magna quis risus eleifend. </p>
+
-
<a href="#" class="button">More</a>
+
-
</div>
+
-
</section>
+
-
<section class="4u">
+
-
<div class="box">
+
-
<a href="#" class="image left"><img src="images/pics06.jpg" alt=""></a>
+
-
<h3>Human Practices</h3>
+
-
<p>Donec nonummy magna quis risus eleifend. </p>
+
-
<a href="#" class="button">More</a>
+
-
</div>
+
-
</section>
+
-
</div>
+
-
<div class="divider"></div>
+
-
</div>
+
-
</div>
+
-
<!-- /Featured -->
+
-
 
+
-
<!-- Footer -->
+
-
<div id="footer">
+
-
<div class="container">
+
-
<div class="row">
+
-
<div class="3u">
+
<section>
<section>
-
<h2>Maecenas lectus</h2>
+
<header>
-
<div class="balloon">
+
<h2>Biotechnology Initiative</h2>
-
<blockquote>&ldquo;&nbsp;&nbsp;Donec leo, vivamus ullamcorper fermentum nibh in augue pulvinar ullamcorper metus praesent a lacus at urna congue ullamcorper  rutrum.&nbsp;&nbsp;&rdquo;<br>
+
<span class="byline"></span>
-
<br>
+
</header>
-
<strong>&ndash;&nbsp;&nbsp;John Smith</strong></blockquote>
+
<img src="https://static.igem.org/mediawiki/2014hs/a/ae/Commism.png" alt="">
-
</div>
+
<br><br>
-
<div class="ballon-bgbtm">&nbsp;</div>
+
 +
<img src="https://static.igem.org/mediawiki/2014hs/8/8b/Smgraph.png" alt="">
 +
<br><br>
 +
<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.
 +
<br><br>
 +
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>
 +
 +
 +
</section>
</section>
</div>
</div>
-
<div class="3u">
+
<div class="6u">
<section>
<section>
-
<h2>Donec dictum</h2>
+
<header>
-
<ul class="default">
+
<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>
<li>
-
<h3>Mauris vulputate dolor sit amet</h3>
+
<a href="http://www.facebook.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/f/fd/Facebook.jpg" alt=""></a>
-
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
+
<p>Facebook</p>
</li>
</li>
<li>
<li>
-
<h3>Fusce ultrices fringilla metus</h3>
+
<a href="http://www.twitter.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/2/2a/Twitter.jpg" alt=""></a>
-
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
+
<p>Twitter</p>
</li>
</li>
<li>
<li>
-
<h3>Donec dictum metus in sapien</h3>
+
<a href="http://instagram.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/f/f7/Instagram.jpg" alt=""></a>
-
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p>
+
<p>Instagram</p>
</li>
</li>
-
</ul>
+
<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>
</section>
</div>
</div>
-
<div class="3u">
+
-
<section>
+
<!-- Main -->
-
<h2>Nulla leifend</h2>
+
 
-
<p>Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat.</p>
+
-
<ul class="style5">
+
-
<li><a href="#"><img src="images/pics07.jpg" alt=""></a></li>
+
-
<li><a href="#"><img src="images/pics08.jpg" alt=""></a></li>
+
-
<li><a href="#"><img src="images/pics09.jpg" alt=""></a></li>
+
-
<li><a href="#"><img src="images/pics10.jpg" alt=""></a></li>
+
-
<li><a href="#"><img src="images/pics11.jpg" alt=""></a></li>
+
-
<li><a href="#"><img src="images/pics12.jpg" alt=""></a></li>
+
-
</ul>
+
-
<a href="#" class="button">More Collections</a>
+
-
</section>
+
-
</div>
+
-
<div class="3u">
+
-
<section>
+
-
<h2>Luctus eleifend</h2>
+
-
<p><strong>Aliquam erat volutpat. Pellentesque tristique ante ut risus. </strong></p>
+
-
<p>Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit.</p>
+
-
<p>Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat.</p>
+
-
<a href="#" class="button">More Collections</a>
+
-
</section>
+
-
</div>
+
-
</div>
+
-
</div>
+
</div>
</div>
-
<!-- /Footer -->
+
<!-- /Main -->
-
<!-- Copyright -->
+
-
<div id="copyright" class="container">
+
-
Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>)
+
-
</div>
+
</body>
</body>
</html>
</html>

Latest revision as of 14:25, 20 June 2014