Difference between revisions of "Team:BIT/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{BIT}}
 
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
#sideMenu,#top_title{
 +
display:none;
 +
}
 +
#content{
 +
width:100%;margin:0px;padding:0px;
 +
background:#FFF;
 +
}
 +
</style>
  
  
−
<div class="column full_size">
+
<body>
 +
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<!-- 上述3个meta标签*必须*放在最前面, 任何其他内容都*必须*跟随其后！ -->
  
−
<h1>Notebook</h1>
+
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/hero-slider-style/CSS?action=raw&amp;ctype=text/css"/>                            
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
    <!-- Hero slider style (https://codyhouse.co/gem/hero-slider/) -->
 +
 
 +
    <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/templatemo-style/CSS?action=raw&amp;ctype=text/css"/>                                
 +
    <!-- Templatemo style -->
 +
<!-- Animate.css -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/CSS?action=raw&amp;ctype=text/css"/>
 +
<!-- Icomoon Icon Fonts-->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/font-icon/CSS?action=raw&amp;ctype=text/css"/>
 +
<!-- Bootstrap  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/bootstrap/CSS?action=raw&amp;ctype=text/css"/>
 +
<!-- Flexslider  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/flexslider/CSS?action=raw&amp;ctype=text/css"/>
  
 +
<!-- Theme style  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/style/CSS?action=raw&amp;ctype=text/css"/>
 +
 +
</head>
 +
<body>
 +
 +
 +
<div class="fh5co-loader"></div>
 +
 +
<div id="page">
 +
<nav class="fh5co-nav" role="navigation">
 +
<div class="top-menu">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-xs-2">
 +
<div id="fh5co-logo"><a href="../index.html">BIT<span>.</span></a></div>
 +
</div>
 +
<div class="col-xs-10 text-right menu-1">
 +
<ul>
 +
 +
 +
<li class="has-dropdown">
 +
<a>Project</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2017.igem.org/Team:BIT/Design">Design</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/Demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/model">Model</a></li>
 +
</ul>
 +
</li>
 +
<li class="has-dropdown">
 +
<a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2017.igem.org/Team:BIT/medal">Medal</a></li>
 +
<li><a href="2017.igem.org/Team:BIT/Prize">Prize</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/part">Part</a></li>
 +
                                                                        <li><a href="https://2017.igem.org/Team:BIT/design">Safety Form</a></li>
 +
</ul>
 +
</li>
 +
                       
 +
<li class="has-dropdown">
 +
<a href="https://2017.igem.org/Team:BIT/HP">Practice</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2017.igem.org/Team:BIT/HP/Silver">Silver</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/HP/Gold_Integrated">Gold</a></li>
 +
        <li><a href="https://2017.igem.org/Team:BIT/Model">Education & Public Engagement</a></li>
 +
                                                                <li><a href="https://2017.igem.org/Team:BIT/Model">Entreperneurship</a></li>
 +
</ul>
 +
</li>
 +
<li class="has-dropdown">
 +
<a href="https://2017.igem.org/Team:BIT/achievement"style="color:#1b8fac">Notebook</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2017.igem.org/Team:BIT/design">Gallery</a></li>
 +
<li><a href="2017.igem.org/Team:BIT/demonstrate">Track</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/Model">Journal</a></li>
 +
                                                                <li><a href="https://2017.igem.org/Team:BIT/Model">Protocol</a></li>
 +
</ul>
 +
</li>
 +
                                                        <li class="has-dropdown">
 +
<a href="https://2017.igem.org/Team:BIT/team">Team</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2017.igem.org/Team:BIT/design">Collarbration</a></li>
 +
<li><a href="2017.igem.org/Team:BIT/demonstrate">Member</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/Model">Attribution</a></li>
 +
</ul>
 +
</li>
 +
<li class="btn-cta"><a href="https://2017.igem.org/Team:BIT"><span>Home</span></a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
</nav>
 +
 +
<div id="fh5co-blog">
 +
<div class="container">
 +
<div class="row animate-box">
 +
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
 +
<h2>Notebook</h2>
 +
<p>This year we focused on JACOB’s advantage of portability, efficiency and accessibility.If aptamer bio-sensing and fluorescent protein achieves JACOB portability and efficiency,hardware makes JACOB affordable and interface-friendly.Hardware,completing the conversion from fluorescence signal to electrical ones, was divided into two main functional modules:microfluidic chip and detecting system.Their size and position in the instrument can be seen in Fig 1.2.
 +
chip,as the carrier of E.coli,guaranteed the fluorescent transformation while detecting system achieved the ultimate goal of cancer early screening.
 +
</p>
 +
</div>
 +
</div>
 +
</div>   
 +
        <div>
 +
                    <div class="container">
 +
                        <div class="container-fluid js-tm-page-content" data-page-no="4" data-page-type="gallery">                       
 +
                            <div class="tm-img-gallery-container tm-img-gallery-container-3">
 +
                                <div class="tm-img-gallery gallery-three">
 +
                             
 +
                                    <div class="grid-item">
 +
                                        <figure class="effect-ruby">
 +
                                            <img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="Image" class="img-fluid tm-img">
 +
                                            <figcaption>
 +
                                                <h2 class="tm-figure-title">Gallery</span></h2>
 +
                                           
 +
                                                <a href="https://2017.igem.org/Team:BIT/HP/Silver">View more</a>
 +
                                            </figcaption>         
 +
                                        </figure>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <figure class="effect-ruby">
 +
                                            <img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="Image" class="img-fluid tm-img">
 +
                                            <figcaption>
 +
                                                <h2 class="tm-figure-title">Track<span>Two</span></h2>
 +
                                             
 +
                                                <a href="img/tm-img-12.jpg">View more</a>
 +
                                            </figcaption>         
 +
                                        </figure>
 +
                                    </div>
 +
                                                                                                               
 +
                                </div>                               
 +
                            </div> <!-- .tm-img-gallery-container -->
 +
                        </div>     
 +
                    </div> 
 
</div>
 
</div>
−
<div class="clear"></div>
 
  
  
−
<div class="column half_size">
+
        <div class="container">
−
<h5>What should this page have?</h5>
+
                        <div class="container-fluid js-tm-page-content" data-page-no="4" data-page-type="gallery">                       
−
<ul>
+
                            <div class="tm-img-gallery-container tm-img-gallery-container-3">
−
<li>Chronological notes of what your team is doing.</li>
+
                                <div class="tm-img-gallery gallery-three">
−
<li> Brief descriptions of daily important events.</li>
+
                             
−
<li>Pictures of your progress. </li>
+
                                    <div class="grid-item">
−
<li>Mention who participated in what task.</li>
+
                                        <figure class="effect-ruby">
−
</ul>
+
                                            <img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="Image" class="img-fluid tm-img">
 +
                                            <figcaption>
 +
                                                <h2 class="tm-figure-title">Journal</span></h2>
 +
                                           
 +
                                                <a href="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg">View more</a>
 +
                                            </figcaption>          
 +
                                        </figure>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <figure class="effect-ruby">
 +
                                            <img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="Image" class="img-fluid tm-img">
 +
                                            <figcaption>
 +
                                                <h2 class="tm-figure-title">Protocol</span></h2>
 +
                                             
 +
                                                <a href="img/tm-img-12.jpg">View more</a>
 +
                                            </figcaption>         
 +
                                        </figure>
 +
                                    </div>
 +
                                                                                                               
 +
                                </div>                               
 +
                            </div> <!-- .tm-img-gallery-container -->
 +
                        </div>      
 +
                    </div> 
 +
</div>
  
 +
<div id="fh5co-started">
 +
  <div class="overlay"></div>
 +
<div class="container">
 +
  <div class="row animate-box">
 +
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
 +
<h2>Hire Us!</h2>
 +
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
 +
<p><a href="#" class="btn btn-default btn-lg">Contact Us</a></p>
 +
</div>
 +
  </div>
 +
</div>
 +
        </div>
 
</div>
 
</div>
 +
  
−
<div class="column half_size">
+
<footer id="fh5co-footer" role="contentinfo">
−
<h5>Inspiration</h5>
+
<div class="container">
−
<p>You can see what others teams have done to organize their notes:</p>
+
<div class="row row-pb-md">
 +
<div class="col-md-4 fh5co-widget">
 +
<h4>Air</h4>
 +
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
 +
</div>
 +
<div class="col-md-2 col-md-push-1 fh5co-widget">
 +
<h4>Links</h4>
 +
<ul class="fh5co-footer-links">
 +
<li><a href="home.html">Home</a></li>
 +
<li><a href="#">Team</a></li>
 +
<li><a href="Achievement.html">Achievement</a></li>
 +
<li><a href="notebook.html">Notebook</a></li>
 +
</ul>
 +
</div>
  
−
<ul>  
+
<div class="col-md-2 col-md-push-1 fh5co-widget">
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<h4>Categories</h4>
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
<ul class="fh5co-footer-links">
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
<li><a href="#">Landing Page</a></li>
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
<li><a href="#">Real Estate</a></li>
−
</ul>
+
<li><a href="#">Personal</a></li>
 +
<li><a href="#">Business</a></li>
 +
<li><a href="#">e-Commerce</a></li>
 +
</ul>
 +
</div>
  
 +
<div class="col-md-4 col-md-push-1 fh5co-widget">
 +
<h4>Contact Information</h4>
 +
<ul class="fh5co-footer-links">
 +
<li>198 West 21th Street, <br> Suite 721 New York NY 10016</li>
 +
<li><a href="tel://1234567920">+ 1235 2355 98</a></li>
 +
<li><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
 +
<li><a href="http://#">freehtml5.co</a></li>
 +
</ul>
 +
</div>
 +
 +
</div>
 +
 +
<div class="row copyright"> </div>
 +
 +
</div>
 +
</footer>
 
</div>
 
</div>
 +
 +
<div class="gototop js-top">
 +
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
 +
</div>
 +
<!-- JS FILES -->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?action=raw&amp;ctype=text/jacascript"></script>
 +
<script src="https://2017.igem.org/Template:BIT/bootstrap/min/Javascript"></script>
 +
 +
<script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript"></script>
 +
 +
 +
<script src="https://2017.igem.org/Template:BIT/jquery.easing/1/3/Javascript?action=raw&amp;ctype=text/javascript"></script>
 +
<!-- Bootstrap -->
 +
<script src="https://2017.igem.org/Template:BIT/bootstrap/Javascript?action=raw&amp;ctype=text/javascript"></script>
 +
<!-- Waypoints -->
 +
<script src="https://2017.igem.org/Template:BIT/jquery/waypoints/min/Javascript?action=raw&amp;ctype=text/javascript"></script>
 +
<!-- Flexslider -->
 +
<script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript?action=raw&amp;ctype=text/javascript"></script>
 +
<!-- Main -->
 +
<script src="https://2017.igem.org/Template:BIT/main/Javascript?action=raw&amp;ctype=text/javascript"></script>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 12:41, 1 November 2017

Notebook

This year we focused on JACOB’s advantage of portability, efficiency and accessibility.If aptamer bio-sensing and fluorescent protein achieves JACOB portability and efficiency,hardware makes JACOB affordable and interface-friendly.Hardware,completing the conversion from fluorescence signal to electrical ones, was divided into two main functional modules:microfluidic chip and detecting system.Their size and position in the instrument can be seen in Fig 1.2. chip,as the carrier of E.coli,guaranteed the fluorescent transformation while detecting system achieved the ultimate goal of cancer early screening.

Image

Gallery

View more
Image

TrackTwo

View more
Image

Journal

View more
Image

Protocol

View more

Hire Us!

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.

Contact Us