Difference between revisions of "Team:Georgia State/sandbox"

 
(56 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{Georgia_State/sand}}
 
<html>
 
<html>
 
<!DOCTYPE html>
 
<!DOCTYPE html>
Line 13: Line 14:
 
              
 
              
  
−
         <script type="text/javascript" src="https://2017.igem.org/Team:Georgia_State/JS?
+
         <script type="text/javascript" src="https://2018.igem.org/Template:Georgia_State/JS?
 +
action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2018.igem.org/Template:Georgia_State/JS/Bootstrap?
 +
action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2018.igem.org/Template:Georgia_State/JS/Jquery?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:Georgia_State/JS/Owl?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
  
Line 28: Line 35:
  
 
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,700" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,700" rel="stylesheet">
−
 
+
<base href="/">
 
<!-- Animate.css -->
 
<!-- Animate.css -->
−
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Georgia_State/CSS/Animate?
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Georgia_State/CSS/Animate?action=raw&ctype=text/css">
−
action=raw&ctype=text/css">
+
 
        
 
        
 
<!-- Icomoon Icon Fonts-->
 
<!-- Icomoon Icon Fonts-->
−
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Georgia_State/CSS/Icomoon?
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:Georgia_State/CSS/Icomoon?
 
action=raw&ctype=text/css">
 
action=raw&ctype=text/css">
 +
 
<!-- Themify Icons-->
 
<!-- Themify Icons-->
−
<link rel="stylesheet" href="css/themify-icons.css">
+
<link rel="stylesheet"type="text/css"  href="https://2018.igem.org/Template:Georgia_State/CSS/Themify?
 +
action=raw&ctype=text/css">
 +
 
 
<!-- Bootstrap  -->
 
<!-- Bootstrap  -->
−
<link rel="stylesheet" type="text/html" href="https://2018.igem.org/Team:Georgia_State/CSS/Bootstrap?
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:Georgia_State/CSS/Bootstrap?
 
action=raw&ctype=text/css">
 
action=raw&ctype=text/css">
  
 
<!-- Magnific Popup -->
 
<!-- Magnific Popup -->
−
<link rel="stylesheet" type="text/html" href="https://2018.igem.org/Team:Georgia_State/CSS/Magnific?
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:Georgia_State/CSS/Magnific?
 
action=raw&ctype=text/css">
 
action=raw&ctype=text/css">
  
  
 
<!-- Owl Carousel  -->
 
<!-- Owl Carousel  -->
−
<link rel="stylesheet" type="text/html" href="https://2018.igem.org/Team:Georgia_State/CSS/Owl
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:Georgia_State/CSS/Owl?
 
action=raw&ctype=text/css">
 
action=raw&ctype=text/css">
 +
 
<!-- Theme style  -->
 
<!-- Theme style  -->
−
<link rel="stylesheet" type="text/html" href="https://2018.igem.org/Team:Georgia_State/CSS?
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Georgia_State/CSS?
 
action=raw&ctype=text/css">
 
action=raw&ctype=text/css">
 
        
 
        
  
 
<!-- Modernizr JS -->
 
<!-- Modernizr JS -->
−
<script src="js/modernizr-2.6.2.min.js"></script>
+
<script type="text/javascript" src="https://2018.igem.org/Template:Georgia_State/JS/Modernizr?
−
<!-- FOR IE9 below -->
+
action=raw&ctype=text/javascript"></script>
−
<!--[if lt IE 9]>
+
    </head>
−
<script src="js/respond.min.js"></script>
+
−
<![endif]-->
+
−
 
+
−
    </head>
+
−
    <body>
+
−
     
+
  
 +
          <body>
 +
 +
 +
 +
<div id="page">
 
<!-- Menu Start -->
 
<!-- Menu Start -->
 
                     <div class="menu">
 
                     <div class="menu">
Line 159: Line 168:
 
<!-- Menu End -->
 
<!-- Menu End -->
  
−
          <body>
 
−
 
−
<div class="gtco-loader"></div>
 
−
 
−
<div id="page">
 
−
 
−
<nav class="gtco-nav" role="navigation">
 
−
<div class="gtco-container">
 
−
 
−
<div class="row">
 
−
<div class="col-sm-2 col-xs-12">
 
−
<div id="gtco-logo"><a href="index.html"><img src="images/logo.png" alt="Free HTML5 Website Template by GetTemplates.co"></a></div>
 
−
</div>
 
−
<div class="col-xs-10 text-right menu-1">
 
−
<ul>
 
−
<li class="active"><a href="index.html">Home</a></li>
 
−
<li><a href="about.html">About</a></li>
 
−
<li class="has-dropdown">
 
−
<a href="services.html">Services</a>
 
−
<ul class="dropdown">
 
−
<li><a href="#">Web Design</a></li>
 
−
<li><a href="#">eCommerce</a></li>
 
−
<li><a href="#">Branding</a></li>
 
−
<li><a href="#">API</a></li>
 
−
</ul>
 
−
</li>
 
−
<li class="has-dropdown">
 
−
<a href="#">Dropdown</a>
 
−
<ul class="dropdown">
 
−
<li><a href="#">HTML5</a></li>
 
−
<li><a href="#">CSS3</a></li>
 
−
<li><a href="#">Sass</a></li>
 
−
<li><a href="#">jQuery</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="portfolio.html">Portfolio</a></li>
 
−
<li><a href="contact.html">Contact</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
</nav>
 
  
 
<header id="gtco-header" class="gtco-cover" role="banner">
 
<header id="gtco-header" class="gtco-cover" role="banner">
Line 211: Line 177:
 
<div class="row">
 
<div class="row">
 
<div class="col-md-5 text-center header-img">
 
<div class="col-md-5 text-center header-img">
−
<img src="images/cube.png" alt="Free HTML5 Website Template by GetTemplates.co">
+
<img src="https://static.igem.org/mediawiki/2018/7/78/T--Georgia_State--asl_logo.png" alt="">
 
</div>
 
</div>
 
<div class="col-md-7 copy">
 
<div class="col-md-7 copy">
−
<h1>Make your life simpler, try this for free.</h1>
+
<h1> Georgia State University</h1>
−
<p>A free template hand-crafted by GetTemplates.co. Visit our site for more awesome templates.</p>
+
<p>Doing it #TheStateWay</p>
−
<p><a href="http://gettemplates.co" target="_blank" class="btn btn-white">Visit Gettemplates.co</a></p>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 227: Line 193:
 
<!-- END #gtco-header -->
 
<!-- END #gtco-header -->
  
−
<div class="gtco-client">
+
−
<div class="gtco-container">
+
−
<div class="row">
+
−
<div class="col-md-2 col-md-offset-1 text-center client col-sm-6 col-xs-6 col-xs-offset-0 col-sm-offset-0">
+
−
<img src="images/client_1.png" alt="Free Website Template by GetTemplates.co" class="img-responsive">
+
−
</div>
+
−
<div class="col-md-2 text-center client col-sm-6 col-xs-6 col-xs-offset-0 col-sm-offset-0">
+
−
<img src="images/client_2.png" alt="Free Website Template by GetTemplates.co" class="img-responsive">
+
−
</div>
+
−
<div class="col-md-2 text-center client col-sm-6 col-xs-6 col-xs-offset-0 col-sm-offset-0">
+
−
<img src="images/client_3.png" alt="Free Website Template by GetTemplates.co" class="img-responsive">
+
−
</div>
+
−
<div class="col-md-2 text-center client col-sm-6 col-xs-6 col-xs-offset-0 col-sm-offset-0">
+
−
<img src="images/client_4.png" alt="Free Website Template by GetTemplates.co" class="img-responsive">
+
−
</div>
+
−
<div class="col-md-2 text-center client col-sm-6 col-xs-6 col-xs-offset-0 col-sm-offset-0">
+
−
<img src="images/client_5.png" alt="Free Website Template by GetTemplates.co" class="img-responsive">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- END .gtco-client -->
+
−
 
+
 
<div class="gtco-services gtco-section">
 
<div class="gtco-services gtco-section">
 
<div class="gtco-container">
 
<div class="gtco-container">
 
<div class="row row-pb-sm">
 
<div class="row row-pb-sm">
 
<div class="col-md-8 col-md-offset-2 gtco-heading text-center">
 
<div class="col-md-8 col-md-offset-2 gtco-heading text-center">
−
<h2>Make your life simpler.</h2>
+
<h2>Is Your Detector Expecting? See with HCG!</h2>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.</p>
+
<p> Detection is used in all aspects of biology and is essential in providing an illustration of the chemical world around us. Currently, fluorescent protein are used as reporters but they require additional analysis with expensive and immobile equipment. We propose to create an alternative detection system kit using recombinant Human Chorionic Gonadotropin (HCG) as a reporter. The goal of our project is to create an easy, cost-effective, and sensitive detection device for use in synthetic biology, it can even be used by other iGEM teams to get an all-or-nothing response to indicate the presence or absence of targeted protein. We plan to create a pGEX plasmid containing the recombinant beta subunit of HCG with a strong promoter as a positive promoter and an additional plasmid containing recombinant HCG preceded by restriction sites not present elsewhere in the plasmid and this will be where the promoter is inserted. The promoter will only synthesize HCG when it is activated by the presence of the protein in question. Then when a pregnancy test strip is inserted in the sample, it will trigger the response based on the activation of the introduced promoter.</p>
−
<p><a href="https://vimeo.com/channels/staffpicks/93951774" class="btn btn-special popup-vimeo">Watch The Video</a></p>
+
−
</div>
+
−
</div>
+
−
<div class="row row-pb-md">
+
−
<div class="col-md-4 col-sm-4 service-wrap">
+
−
<div class="service">
+
−
<h3><i class="ti-pie-chart"></i> Marketing</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur voluptatibus nesciunt, est alias deleniti ipsum fuga ullam maxime repudiandae neque, ad. Maiores quis atque, culpa rem inventore vero amet praesentium, quam sint, magnam reprehenderit doloremque.</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 col-sm-4 service-wrap">
+
−
<div class="service animate-change">
+
−
<h3><i class="ti-ruler-pencil"></i> Design</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quidem quae, assumenda dolores ad pariatur! Deleniti debitis, voluptatem! Omnis enim magnam perspiciatis, natus. Ipsum distinctio, voluptatibus vero laboriosam sequi! Officia fuga quam eveniet quo similique!</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 col-sm-4 service-wrap">
+
−
<div class="service">
+
−
<h3><i class="ti-settings"></i> Development</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta aperiam, maiores officia alias accusantium fugiat, doloremque voluptas, voluptatem dolore vel animi praesentium saepe unde consequuntur, eum asperiores odit aliquam error nulla impedit repellendus. Nesciunt, delectus.</p>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class="clearfix visible-md-block visible-sm-block"></div>
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- END .gtco-services -->
+
−
 
+
−
<div class="gtco-section gtco-products">
+
−
<div class="gtco-container">
+
−
<div class="row row-pb-sm">
+
−
<div class="col-md-8 col-md-offset-2 gtco-heading text-center">
+
−
<h2>Popular Products</h2>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.</p>
+
−
</div>
+
−
</div>
+
−
<div class="row row-pb-md">
+
−
<div class="col-md-4 col-sm-4">
+
−
<a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_1.jpg)">
+
−
<div class="overlay">
+
−
<i class="ti-arrow-top-right"></i>
+
−
<div class="copy">
+
−
<h3>Paper Hot Cup</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
−
</div>
+
−
</div>
+
−
<img src="images/img_1.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co">
+
−
</a>
+
−
<a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_2.jpg)">
+
−
<div class="overlay">
+
−
<i class="ti-arrow-top-right"></i>
+
−
<div class="copy">
+
−
<h3>Notepad Mockup</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
−
</div>
+
−
</div>
+
−
<img src="images/img_2.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co">
+
−
</a>
+
−
</div>
+
−
<div class="col-md-4 col-sm-4">
+
−
<a href="#" class="gtco-item one-row bg-img animate-box" style="background-image: url(images/img_md_1.jpg)">
+
−
<div class="overlay">
+
−
<i class="ti-arrow-top-right"></i>
+
−
<div class="copy">
+
−
<h3>Paper Pouch</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
−
</div>
+
−
</div>
+
−
<img src="images/img_md_1.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co">
+
−
</a>
+
−
</div>
+
−
<div class="col-md-4 col-sm-4">
+
−
<a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_3.jpg)">
+
−
<div class="overlay">
+
−
<i class="ti-arrow-top-right"></i>
+
−
<div class="copy">
+
−
<h3>Fancy 3D</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
−
</div>
+
−
</div>
+
−
<img src="images/img_3.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co">
+
−
</a>
+
−
<a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_4.jpg)">
+
−
<div class="overlay">
+
−
<i class="ti-arrow-top-right"></i>
+
−
<div class="copy">
+
−
<h3>Hard Cover Book</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
−
</div>
+
−
</div>
+
−
<img src="images/img_4.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co">
+
−
</a>
+
−
</div>
+
−
</div>
+
−
<div class="row">
+
−
<div class="col-md-12 text-center">
+
−
<p><a href="http://gettemplates.co" target="_blank" class="btn btn-special">Visit Gettemplates.co</a></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- END .gtco-products -->
+
−
 
+
−
<div class="gtco-section gtco-testimonial gtco-gray">
+
−
<div class="gtco-container">
+
−
 
+
−
<div class="row row-pb-sm">
+
−
<div class="col-md-8 col-md-offset-2 gtco-heading text-center">
+
−
<h2>People Love Us</h2>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.</p>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class="row">
+
−
<div class="col-md-6 col-sm-6 animate-box">
+
−
<div class="gtco-testimony gtco-left">
+
−
<div><img src="images/person_1.jpg" alt="Free Website template by GetTemplates.co"></div>
+
−
<blockquote>
+
−
<p>&ldquo;Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.&rdquo; <cite class="author">&mdash; Ferdinand A. Porsche</cite></p>
+
−
</blockquote>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class="col-md-6 col-sm-6 animate-box">
+
−
<div class="gtco-testimony gtco-left">
+
−
<div><img src="images/person_2.jpg" alt="Free Website template by GetTemplates.co"></div>
+
−
<blockquote>
+
−
<p>&ldquo;Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something. It seemed obvious to them after a while.&rdquo; <cite class="author">&mdash; Steve Jobs</cite></p>
+
−
</blockquote>
+
−
</div>
+
−
</div>
+
−
 
+
−
+
−
</div>
+
−
<div class="row">
+
−
<div class="col-md-6 col-sm-6 animate-box">
+
−
<div class="gtco-testimony gtco-left">
+
−
<div><img src="images/person_3.jpg" alt="Free Website template by GetTemplates.co"></div>
+
−
<blockquote>
+
−
<p>&ldquo;I think design would be better if designers were much more skeptical about its applications. If you believe in the potency of your craft, where you choose to dole it out is not something to take lightly.&rdquo; <cite class="author">&mdash; Frank Chimero</cite></p>
+
−
</blockquote>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class="col-md-6 col-sm-6 animate-box">
+
−
<div class="gtco-testimony gtco-left">
+
−
<div><img src="images/person_1.jpg" alt="Free Website template by GetTemplates.co"></div>
+
−
<blockquote>
+
−
<p>&ldquo;Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.&rdquo; <cite class="author">&mdash; Ferdinand A. Porsche</cite></p>
+
−
</blockquote>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
−
 
+
−
<footer id="gtco-footer" class="gtco-section" role="contentinfo">
+
−
<div class="gtco-container">
+
−
<div class="row row-pb-md">
+
−
<div class="col-md-8 col-md-offset-2 gtco-cta text-center">
+
−
<h3>We Love To Talk About Your Business</h3>
+
−
<p><a href="#" class="btn btn-white btn-outline">Contact Us</a></p>
+
−
</div>
+
−
</div>
+
−
<div class="row row-pb-md">
+
−
<div class="col-md-4 gtco-widget gtco-footer-paragraph">
+
−
<h3>Cube</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod.</p>
+
−
</div>
+
−
<div class="col-md-4 gtco-footer-link">
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<ul class="gtco-list-link">
+
−
<li><a href="#">Home</a></li>
+
−
<li><a href="#">Features</a></li>
+
−
<li><a href="#">Products</a></li>
+
−
<li><a href="#">Testimonial</a></li>
+
−
<li><a href="#">Contact</a></li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<p>
+
−
<a href="tel://1234567890">+1 234 4565 2342</a> <br>
+
−
<a href="#">info@domain.com</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 gtco-footer-subscribe">
+
−
<form class="form-inline">
+
−
  <div class="form-group">
+
−
    <label class="sr-only" for="exampleInputEmail3">Email address</label>
+
−
    <input type="email" class="form-control" id="" placeholder="Email">
+
−
  </div>
+
−
  <button type="submit" class="btn btn-primary">Send</button>
+
−
</form>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="gtco-copyright">
+
−
<div class="gtco-container">
+
−
<div class="row">
+
−
<div class="col-md-6 text-left">
+
−
<p><small>&copy; 2016 Free HTML5. All Rights Reserved. </small></p>
+
−
</div>
+
−
<div class="col-md-6 text-right">
+
−
<p><small>Designed by <a href="http://gettemplates.co/" target="_blank">GetTemplates.co</a> Demo Images: <a href="http://pixeden.com/" target="_blank">Pixeden</a> &amp; <a href="http://unsplash.com" target="_blank">Unsplash</a></small> </p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</footer>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="gototop js-top">
+
−
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
+
−
</div>
+
−
           
+
−
          </body>
+
−
</html>
+

Latest revision as of 22:38, 8 October 2018

Is Your Detector Expecting? See with HCG!

Detection is used in all aspects of biology and is essential in providing an illustration of the chemical world around us. Currently, fluorescent protein are used as reporters but they require additional analysis with expensive and immobile equipment. We propose to create an alternative detection system kit using recombinant Human Chorionic Gonadotropin (HCG) as a reporter. The goal of our project is to create an easy, cost-effective, and sensitive detection device for use in synthetic biology, it can even be used by other iGEM teams to get an all-or-nothing response to indicate the presence or absence of targeted protein. We plan to create a pGEX plasmid containing the recombinant beta subunit of HCG with a strong promoter as a positive promoter and an additional plasmid containing recombinant HCG preceded by restriction sites not present elsewhere in the plasmid and this will be where the promoter is inserted. The promoter will only synthesize HCG when it is activated by the presence of the protein in question. Then when a pregnancy test strip is inserted in the sample, it will trigger the response based on the activation of the introduced promoter.