Team:SMTexas

From 2014hs.igem.org

(Difference between revisions)
 
(393 intermediate revisions not shown)
Line 1: Line 1:
 +
{{SMTexas/heading}}
<html>
<html>
-
<html lang="en">
 
-
<head>
 
-
  <meta charset="utf-8">
 
-
  <title>Bootstrap 3, from LayoutIt!</title>
 
-
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-
  <meta name="description" content="">
 
-
  <meta name="author" content="">
 
-
<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
+
<!-- Header -->
-
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
+
<div id="header">
-
<!--script src="js/less-1.3.3.min.js"></script-->
+
<div class="container">
-
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
+
<!-- Logo -->
-
+
<div id="logo">
-
<link href="css/bootstrap.min.css" rel="stylesheet">
+
<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>  
-
<link href="css/style.css" rel="stylesheet">
+
<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">
-
  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+
/* All Styles Optional */
-
  <!--[if lt IE 9]>
+
-
    <script src="js/html5shiv.js"></script>
+
-
  <![endif]-->
+
-
  <!-- Fav and touch icons -->
 
-
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
 
-
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
 
-
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
 
-
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
 
-
  <link rel="shortcut icon" href="img/favicon.png">
 
-
 
 
-
<script type="text/javascript" src="js/jquery.min.js"></script>
 
-
<script type="text/javascript" src="js/bootstrap.min.js"></script>
 
-
<script type="text/javascript" src="js/scripts.js"></script>
 
-
</head>
 
-
<body>
+
 
-
<div class="container">
+
div#show {
-
<div class="row clearfix">
+
height:475px;
-
<div class="col-md-12 column">
+
width:1215px;
-
<div class="page-header">
+
margin:0; padding:2px;
-
<h1>
+
border:1px solid #909090;
-
SMTexas <small>iGEM 2014</small>
+
}
-
</h1>
+
 
-
</div>
+
div#show table input,  div#show4 table input {
-
<div class="carousel slide" id="carousel-336666">
+
outline-style:none;
-
<ol class="carousel-indicators">
+
}
-
<li data-slide-to="0" data-target="#carousel-336666">
+
 
-
</li>
+
</style>
-
<li data-slide-to="1" data-target="#carousel-336666" class="active">
+
 
-
</li>
+
<!--[if IE]>
-
<li data-slide-to="2" data-target="#carousel-336666">
+
<style type="text/css">
-
</li>
+
div#show table td, div#show4 table td {
-
</ol>
+
height:21px;
-
<div class="carousel-inner">
+
}
-
<div class="item">
+
</style>
-
<img alt="" src="http://lorempixel.com/1600/500/sports/1">
+
<![endif]-->
-
<div class="carousel-caption">
+
 
-
<h4>
+
<script src="https://2014hs.igem.org/Template:SMTexas/swissarmy?action=raw&amp;ctype=application/javascript" type="text/javascript"></script>
-
First Thumbnail label
+
 
-
</h4>
+
<script src="https://2014hs.igem.org/Template:SMTexas/slideshow?action=raw&amp;ctype=application/javascript" type="text/javascript"></script>
-
<p>
+
-
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
-
</p>
+
-
</div>
+
</div>
</div>
-
<div class="item active">
+
-
<img alt="" src="http://lorempixel.com/1600/500/sports/2">
+
-
<div class="carousel-caption">
+
<!-- Header -->
-
<h4>
+
-
Second Thumbnail label
+
 
-
</h4>
+
 
-
<p>
+
<!-- Main -->
-
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
<br><br>
-
</p>
+
<div id="page">
-
</div>
+
<section><div id="show"><script type="text/javascript">new inter_slide(slideShow)</script></div></section>
 +
<!-- Extra -->
 +
<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>
 +
 
 +
</section>
 +
                                               
</div>
</div>
-
<div class="item">
+
<div class="3u">
-
<img alt="" src="http://lorempixel.com/1600/500/sports/3">
+
<section>
-
<div class="carousel-caption">
+
<header>
-
<h4>
+
<h2>Applied Research<br><br></h2>
-
Third Thumbnail label
+
</header>
-
</h4>
+
<p class="subtitle">Explore how we have made biobricks that can detect lung cancer in a simple, inexpensive, and noninvasive way.</p>
-
<p>
+
<img src="https://static.igem.org/mediawiki/2014hs/8/83/Applied_Research_PNG.png" alt="">
-
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
<a href="https://2014hs.igem.org/Team:SMTexas/appliedresearch" class="button">More</a>
-
</p>
+
</section>
-
</div>
+
</div>
</div>
-
</div> <a class="left carousel-control" href="#carousel-336666" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-336666" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
+
<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>
-
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
+
<!-- Extra -->
-
<div class="navbar-header">
+
<div id="marketing" class="container">
-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">Brand</a>
+
<div class="row">
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Safety</h2>
 +
</header>
 +
<p class="subtitle">Our safety precautions.<br><br><br></p>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/f/f9/Safety_PNG.png" alt=""></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/safety" 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: #FFCC00;
 +
  text-decoration: none;
 +
}
 +
a.button:active {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
</style>
 +
 
 +
</section>
 +
                                               
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Attributions</h2>
 +
</header>
 +
<p class="subtitle">Meet the faculty members who played an instrumental role to our success.</p>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/6/64/Attributions_PNG.png" alt=""></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/Attributions" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Human Practices</h2>
 +
</header>
 +
<p class="subtitle">Our project in the real world.</p><br><br>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/5/5d/Human_Practices_PNG.png"></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/Human_Practices" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Sponsors</h2>
 +
</header>
 +
<p class="subtitle">Meet the corporations that played an instrumental role in our success.</p><br>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/9/90/Sponsors_PNG.png" alt=""></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/Sponsors" class="button">More</a>
 +
</section>
 +
</div>
 +
</div>
</div>
 +
</div>
 +
-
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
<!-- Main -->
-
<ul class="nav navbar-nav">
+
<div id="main" class="container">
-
<li class="active">
+
<div class="row">
-
<a href="#">Link</a>
+
<div class="6u">
-
</li>
+
<section>
-
<li>
+
<header>
-
<a href="#">Link</a>
+
<h2>Biotechnology Initiative</h2>
-
</li>
+
<span class="byline"></span>
-
<li class="dropdown">
+
</header>
-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
+
<img src="https://static.igem.org/mediawiki/2014hs/a/ae/Commism.png" alt="">
-
<ul class="dropdown-menu">
+
<br><br>
 +
 +
<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>
 +
</div>
 +
<div class="6u">
 +
<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>
<li>
-
<a href="#">Action</a>
+
<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>
<li>
<li>
-
<a href="#">Another action</a>
+
<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>
<li>
<li>
-
<a href="#">Something else here</a>
+
<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>
-
<li class="divider">
+
<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>
</li>
-
<li>
+
</ul>
-
<a href="#">Separated link</a>
+
</section>
-
</li>
+
</div>
-
<li class="divider">
+
-
</li>
+
<!-- Main -->
-
<li>
+
 
-
<a href="#">One more separated link</a>
+
-
</li>
+
-
</ul>
+
-
</li>
+
-
</ul>
+
-
<form class="navbar-form navbar-left" role="search">
+
-
<div class="form-group">
+
-
<input class="form-control" type="text">
+
-
</div> <button type="submit" class="btn btn-default">Submit</button>
+
-
</form>
+
-
<ul class="nav navbar-nav navbar-right">
+
-
<li>
+
-
<a href="#">Link</a>
+
-
</li>
+
-
<li class="dropdown">
+
-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
+
-
<ul class="dropdown-menu">
+
-
<li>
+
-
<a href="#">Action</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">Another action</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">Something else here</a>
+
-
</li>
+
-
<li class="divider">
+
-
</li>
+
-
<li>
+
-
<a href="#">Separated link</a>
+
-
</li>
+
-
</ul>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
+
-
</nav>
+
</div>
</div>
-
</div>
+
<!-- /Main -->
-
<div class="row clearfix">
+
 
-
<div class="col-md-12 column">
+
-
<p>
+
-
Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. <em>Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui.</em> Proin massa magna, vulputate nec bibendum nec, posuere nec lacus. <small>Aliquam mi erat, aliquam vel luctus eu, pharetra quis elit. Nulla euismod ultrices massa, et feugiat ipsum consequat eu.</small>
+
 
-
</p>
+
 
-
</div>
+
</body>
-
</div>
+
-
</div>
+
-
</body>
+
</html>
</html>

Latest revision as of 14:25, 20 June 2014