Team:SMTexas/project

From 2014hs.igem.org

(Difference between revisions)
 
(91 intermediate revisions not shown)
Line 5: Line 5:
<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 26: Line 25:
   text-decoration: none;
   text-decoration: none;
}
}
-
</style>
+
 
-
</div>
+
 
 +
</style>
 +
-
<!-- Header -->
+
</div>
-
+
<body>
-
<!-- Banner -->
+
<br><br>
-
<div id="banner">
+
<div id="marketing">
-
<div class="container"><img src="IMAGE" alt=""></div>
+
<section>
-
 
+
<header>
-
</div>
+
<h2>VOColi</h2>
-
<!-- /Banner -->
+
<span class="byline">Detecting Lung Cancer Biomarkers</span>
-
 
+
-
<!-- Main -->
+
-
<div id="main" class="container">
+
-
<div class="row">
+
-
<div class="9u">
+
-
<section>
+
-
<header>
+
-
<h2>Integer gravida nibh quis urna</h2>
+
-
<span class="byline">Augue praesent a lacus at urna congue rutrum</span>
+
</header>
</header>
-
<p>Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem. Donec leo. Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna nec eleifend rutrum, nunc lectus 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.</p>
+
<p>Inspired by the olfactory ability of canines to detect diseases, we will pursue a long-term project that revolves around the creation of a minimally invasive and inexpensive detection system for lung cancer, through the identification of exhaled biomarkers. Lung cancer is the leading cause of cancer-related death around the world. Twenty-two volatile organic compounds (VOCs) have been distinctly found in the breath of affected patients, creating a viable “fingerprint” for reliable detection (Horvath et al.). This year we focused on creating biosensors for three VOCs: ethanol, formaldehyde, and xylene. We plan to create genetic circuit systems for aldB induced by ethanol, frmR recognition of formaldehyde, and xylR activated by xylene. Our current device will utilize three reporter proteins (CFP, GFP, RFP) to indicate the concentrations of the three VOCs present in an exhaled sample. This research will eventually go into creating a conclusive test for use in the developing world.</p>
-
<p>Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem. Donec leo. Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna nec eleifend rutrum, nunc lectus vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl.</p>
+
-
<p>Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit.</p>
+
</section>
</section>
</div>
</div>
-
 
-
<div class="3u">
 
-
<!-- Main -->
 
-
<div id="page">
 
-
<!-- Extra -->
 
-
<div id="marketing" class="container">
 
-
<div class="row">
 
-
<div class="3u">
 
-
<section>
 
-
<header>
 
-
<h2>Basic Research</h2>
 
-
</header>
 
-
<p class="subtitle">Explore how our basic research fueled our project development and research.</p>
 
-
<p><a href="#"><img src="images/pics13.jpg" alt=""></a></p>
 
-
<a href="#" 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 id="featured" class="container">
-
</div>
+
-
<div class="3u">
+
-
<section>
+
-
<header>
+
-
<h2>Applied Research</h2>
+
-
</header>
+
-
<p class="subtitle">Explore how we have made a biobrick that can detect lung cancer in a simple, inexpensive way.</p>
+
-
<p><a href="#"><img src="images/pics14.jpg" alt=""></a></p>
+
-
<a href="#" class="button">More</a>
+
-
</section>
+
-
</div>
+
-
<div class="3u">
+
-
<section>
+
-
<header>
+
-
<h2>Outreach</h2>
+
-
</header>
+
-
<p class="subtitle">Educating our community and gathering public opinion on modern biotechnology.</p>
+
-
<p><a href="#"><img src="images/pics15.jpg" alt=""></a></p>
+
-
<a href="#" class="button">More</a>
+
-
</section>
+
-
</div>
+
-
<div class="3u">
+
-
<section>
+
-
<header>
+
-
<h2>Video</h2>
+
-
</header>
+
-
<p class="subtitle">Watch the video explaining our project in detail which embodies our message toward the entire world.</p>
+
-
<p><a href="#"><img src="images/pics16.jpg" alt=""></a></p>
+
-
<a href="#" class="button">More</a>
+
-
</section>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<!-- Extra -->
+
-
<div id="marketing" class="container">
+
<div class="row">
<div class="row">
-
<div class="3u">
+
<section class="4u">
-
<section>
+
<div class="box">
-
<header>
+
-
<h2>Safety</h2>
+
<img src="https://static.igem.org/mediawiki/2014hs/d/d9/Concept_PNG.png" alt=""><p>
-
</header>
+
<h3>The Concept</h3>
-
<p class="subtitle">Our safety precautions</p>
+
<p>The future of screening for diseases.</p>
-
<p><a href="#"><img src="images/pics13.jpg" alt=""></a></p>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Concept" class="button">More</a>
-
<a href="#" class="button">More</a>
+
<style>
<style>
a.button:link {
a.button:link {
Line 152: Line 74:
}
}
</style>
</style>
-
 
+
</div>
-
</section>
+
</section>
-
                                               
+
<section class="4u">
-
</div>
+
<div class="box">
-
<div class="3u">
+
<img src="https://static.igem.org/mediawiki/2014hs/5/5e/Basic_Research_PNG.png" alt=""><p>
-
<section>
+
<h3>The Design</h3>
-
<header>
+
<p>The genetic circuits we have created.</p>
-
<h2>Attributions</h2>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Design" class="button">More</a>
-
</header>
+
</div>
-
<p class="subtitle">Insert Description</p>
+
</section>
-
<p><a href="#"><img src="images/pics14.jpg" alt=""></a></p>
+
<section class="4u">
-
<a href="#" class="button">More</a>
+
<div class="box">
-
</section>
+
<img src="https://static.igem.org/mediawiki/2014hs/d/d4/Future_Implementation_PNG.png" alt=""><p>
-
</div>
+
<h3>Future Implementation</h3>
-
<div class="3u">
+
<p>Our plans for the future.</p>
-
<section>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Implementation" class="button">More</a>
-
<header>
+
</div>
-
<h2>Human Practices</h2>
+
</section>
-
</header>
+
-
<p class="subtitle">Insert Description</p>
+
-
<p><a href="#"><img src="images/pics15.jpg" alt=""></a></p>
+
-
<a href="#" class="button">More</a>
+
-
</section>
+
-
</div>
+
-
<div class="3u">
+
-
<section>
+
-
<header>
+
-
<h2>Sponsors</h2>
+
-
</header>
+
-
<p class="subtitle">Insert Description</p>
+
-
<p><a href="#"><img src="images/pics15.jpg" alt=""></a></p>
+
-
<a href="#" class="button">More</a>
+
-
</section>
+
-
</div>
+
-
+
</div>
</div>
-
</div>
+
</div>
-
<!-- /Extra -->
+
<iframe src="http://docs.google.com/viewer?url=https://static.igem.org/mediawiki/2014hs/f/f9/IGEM_Poster_FINAL.pdf&embedded=true" width="1200" height="780" style="border: none ;"></iframe>
-
+
-
<!-- Main -->
+
-
<div id="main" class="container">
+
-
<div class="row">
+
-
<div class="6u">
+
-
<section>
+
-
<header>
+
-
<h2>About Us</h2>
+
-
<span class="byline"></span>
+
-
</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>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>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="#" class="button">More Details</a>
+
-
</section>
+
-
</div>
+
-
<div class="3u">
+
-
<section class="sidebar">
+
-
<header>
+
-
<h2>Feugiat Tempus</h2>
+
-
</header>
+
-
<ul class="style2">
+
-
<li>
+
-
<a href="#"><img src="images/pics07.jpg" alt=""></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>
+
-
</div>
+
-
+
-
<!-- Main -->
+
-
 
+
-
</div>
+
-
<!-- /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>
</div>
-
</body>
+
</body>
 +
<!-- /Featured -->
</html>
</html>

Latest revision as of 23:58, 20 June 2014