Difference between revisions of "Team:BIT/cs3"

(Created page with "<!DOCTYPE HTML> <html class="no-js" lang=""> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content...")
 
 
(14 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<!DOCTYPE HTML>
+
<html>
−
<html class="no-js" lang="">
+
−
<!--<![endif]-->
+
 
<head>
 
<head>
 +
<style>
 +
#sideMenu,#top_title{
 +
display:none;
 +
}
 +
#content{
 +
width:100%;margin:0px;padding:0px;
 +
background:#FFF;
 +
}
 +
</style>
 +
 +
 +
<body>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<!-- 上述3个meta标签*必须*放在最前面, 任何其他内容都*必须*跟随其后！ -->
 
<!-- 上述3个meta标签*必须*放在最前面, 任何其他内容都*必须*跟随其后！ -->
−
 
−
<title>Dsign - Minimal portfolio Bootstrap template</title>
 
−
 
  
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/hero-slider-style/CSS?action=raw&amp;ctype=text/css"/>                             
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/hero-slider-style/CSS?action=raw&amp;ctype=text/css"/>                             
Line 15: Line 22:
 
    
 
    
 
     <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/templatemo-style/CSS?action=raw&amp;ctype=text/css"/>                                   
 
     <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/templatemo-style/CSS?action=raw&amp;ctype=text/css"/>                                   
−
     <!-- Templatemo style -->
+
     <!-- Templatemo style -->
−
+
 
<!-- Animate.css -->
 
<!-- Animate.css -->
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/CSS?action=raw&amp;ctype=text/css"/>
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/CSS?action=raw&amp;ctype=text/css"/>
Line 28: Line 34:
 
<!-- Theme style  -->
 
<!-- Theme style  -->
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/style/CSS?action=raw&amp;ctype=text/css"/>
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/style/CSS?action=raw&amp;ctype=text/css"/>
−
<style>
 
  
−
 
−
        /*以下CSS用于解决iGEM官网坑爹样式问题*/
 
−
        body {
 
−
            height: 100%;
 
−
            width: 100%;
 
−
            font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
 
−
            background-color: rgba(242,215,188,0.4);
 
−
        }
 
−
        #globalWrapper{
 
−
            margin: 0;
 
−
            padding: 0;
 
−
        }
 
−
        #content{
 
−
            width: 100%;
 
−
            padding: 0;
 
−
            margin: -12px 0 0;
 
−
        }
 
−
 
−
      #HQ_page p {
 
−
    font-family: "Arial",Helvetica,sans-serif;
 
−
    font-size: 13px;
 
−
    text-align: center;
 
−
 
−
        #top_title{
 
−
            display: none;
 
−
        }
 
−
        #sideMenu{
 
−
            display: none;
 
−
        }
 
−
      #content,
 
−
      .vs-content,
 
−
      .vs-wrapper section {
 
−
        background-color: transparent !important;
 
−
      }
 
−
      .my-backTop:visited {
 
−
        color: #F8A886 !important;
 
−
      }
 
−
        /*以上CSS用于解决iGEM官网坑爹样式问题*/
 
−
</style>
 
−
 
 
</head>
 
</head>
 
<body>
 
<body>
 
 
 +
 
<div class="fh5co-loader"></div>
 
<div class="fh5co-loader"></div>
 
 
Line 81: Line 47:
 
<div class="row">
 
<div class="row">
 
<div class="col-xs-2">
 
<div class="col-xs-2">
−
<div id="fh5co-logo"><a href="index.html">Air<span>.</span></a></div>
+
<div id="fh5co-logo"><a href="../index.html">BIT<span>.</span></a></div>
 
</div>
 
</div>
 
<div class="col-xs-10 text-right menu-1">
 
<div class="col-xs-10 text-right menu-1">
 
<ul>
 
<ul>
−
<li><a href="index.html">Home</a></li>
+
<li class="active"><a href="https://2017.igem.org/Team:BIT">Home</a></li>
−
<li><a href="portfolio.html">Portfolio</a></li>
+
 
<li class="has-dropdown">
 
<li class="has-dropdown">
−
<a href="blog.html">Blog</a>
+
<a href="#">Blo</a>
 
<ul class="dropdown">
 
<ul class="dropdown">
−
<li><a href="#">Web Design</a></li>
+
<li><a href="design.html">Design</a></li>
−
<li><a href="#">eCommerce</a></li>
+
<li><a href="demonstrate.html">Demonstrate</a></li>
−
<li><a href="#">Branding</a></li>
+
<li><a href="model.html">Model</a></li>
−
<li><a href="#">API</a></li>
+
 
</ul>
 
</ul>
−
</li>
+
  </li><li><a href="practice.html">Practice</a></li>
−
<li class="active"><a href="about.html">About</a></li>
+
<li><a href="Achievement.html">Achievement</a></li>
−
<li><a href="contact.html">Contact</a></li>
+
<li><a href="notebook.html">Notebook</a></li>
−
<li class="btn-cta"><a href="#"><span>Login</span></a></li>
+
<li class="btn-cta"><a href="#"><span>Team</span></a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 106: Line 71:
 
</div>
 
</div>
 
</nav>
 
</nav>
−
 
+
<div id="fh5co-blog">
−
<div id="fh5co-about">
+
 
<div class="container">
 
<div class="container">
 
<div class="row animate-box">
 
<div class="row animate-box">
 
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
 
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
−
<h2>About Us</h2>
+
<h2>Market Analysis</h2>
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.</p>
+
<p>This year, the final goal of iGEM_Bit team is to provide the potential versatility, precision, and affordability of JACOB—essentially a representation of modularized biomarker detections—to ordinary communities.  
−
</div>
+
Our plan is to commercialize JACOB to provide warnings for potential disease and develop a self-sustaining facility for production and further research.
−
</div>
+
From market analysis, we concluded the prominent advantages of JACOB and focused on those to provide more competitive products; from direct interaction with commercial industries, we optimized JACOB's operability and compatibility with the market.  
−
<div class="row animate-box">
+
</p>
−
<div class="col-md-6 col-md-offset-3 text-center heading-section">
+
−
<h3>Our History</h3>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class="row row-bottom-padded-md">
+
−
<div class="col-md-12 text-center animate-box">
+
−
<p><img src="images/cover_bg_1.jpg" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded"></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div id="fh5co-features">
+
−
<div class="container">
+
−
<div class="services-padding">
+
−
<div class="row">
+
−
<div class="col-md-4 animate-box">
+
−
<div class="feature-left">
+
−
<span class="icon">
+
−
<i class="icon-hotairballoon"></i>
+
−
</span>
+
−
<div class="feature-copy">
+
−
<h3>Marketing</h3>
+
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
+
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
+
−
</div>
+
−
</div>
+
 
</div>
 
</div>
−
 
−
<div class="col-md-4 animate-box">
 
−
<div class="feature-left">
 
−
<span class="icon">
 
−
<i class="icon-search"></i>
 
−
</span>
 
−
<div class="feature-copy">
 
−
<h3>Search Engine</h3>
 
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
<div class="col-md-4 animate-box">
 
−
<div class="feature-left">
 
−
<span class="icon">
 
−
<i class="icon-wallet"></i>
 
−
</span>
 
−
<div class="feature-copy">
 
−
<h3>Earn Money</h3>
 
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="row">
 
−
<div class="col-md-4 animate-box">
 
−
 
−
<div class="feature-left">
 
−
<span class="icon">
 
−
<i class="icon-wine"></i>
 
−
</span>
 
−
<div class="feature-copy">
 
−
<h3>Entrepreneur</h3>
 
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
 
−
<div class="col-md-4 animate-box">
 
−
<div class="feature-left">
 
−
<span class="icon">
 
−
<i class="icon-genius"></i>
 
−
</span>
 
−
<div class="feature-copy">
 
−
<h3>Stragic Plan</h3>
 
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
<div class="col-md-4 animate-box">
 
−
<div class="feature-left">
 
−
<span class="icon">
 
−
<i class="icon-chat"></i>
 
−
</span>
 
−
<div class="feature-copy">
 
−
<h3>Support</h3>
 
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
 
</div>
 
</div>
−
</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">Picture <span>One</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">Picture <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 id="fh5co-content-section">
+
<div id="fh5co-started">
 +
  <div class="overlay"></div>
 
<div class="container">
 
<div class="container">
−
<div class="row row-bottom-padded-md">
+
  <div class="row animate-box">
−
<div class="col-md-8 col-md-offset-2 text-center heading-section animate-box">
+
−
<h3>Our Team</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit est facilis maiores, perspiciatis accusamus asperiores sint consequuntur debitis.</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Designer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
 
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Developer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Photographer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="row">
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Designer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
 
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Developer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Photographer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
</div>
+
−
</div>
+
−
</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">
 
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
 
<h2>Hire Us!</h2>
 
<h2>Hire Us!</h2>
Line 323: Line 125:
 
<p><a href="#" class="btn btn-default btn-lg">Contact Us</a></p>
 
<p><a href="#" class="btn btn-default btn-lg">Contact Us</a></p>
 
</div>
 
</div>
−
</div>
+
  </div>
 
</div>
 
</div>
−
</div>
+
        </div>
 +
</div>
 +
       
  
 
<footer id="fh5co-footer" role="contentinfo">
 
<footer id="fh5co-footer" role="contentinfo">
Line 337: Line 141:
 
<h4>Links</h4>
 
<h4>Links</h4>
 
<ul class="fh5co-footer-links">
 
<ul class="fh5co-footer-links">
−
<li><a href="#">Home</a></li>
+
<li><a href="home.html">Home</a></li>
−
<li><a href="#">Portfolio</a></li>
+
<li><a href="#">Team</a></li>
−
<li><a href="#">Blog</a></li>
+
<li><a href="Achievement.html">Achievement</a></li>
−
<li><a href="#">About</a></li>
+
<li><a href="notebook.html">Notebook</a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 367: Line 171:
 
</div>
 
</div>
  
−
<div class="row copyright">
+
<div class="row copyright"> </div>
−
<div class="col-md-12 text-center">
+
−
<p>
+
−
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</small>
+
−
<small class="block">More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></small>
+
−
</p>
+
−
<p>
+
−
<ul class="fh5co-social-icons">
+
−
<li><a href="#"><i class="icon-twitter"></i></a></li>
+
−
<li><a href="#"><i class="icon-facebook"></i></a></li>
+
−
<li><a href="#"><i class="icon-linkedin"></i></a></li>
+
−
<li><a href="#"><i class="icon-dribbble"></i></a></li>
+
−
</ul>
+
−
</p>
+
−
</div>
+
−
</div>
+
  
 
</div>
 
</div>
 
</footer>
 
</footer>
−
</div>
+
</div>
  
 
<div class="gototop js-top">
 
<div class="gototop js-top">
 
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
 
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
 
</div>
 
</div>
−
 
 
<!-- JS FILES -->  
 
<!-- 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://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?action=raw&amp;ctype=text/jacascript"></script>  

Latest revision as of 17:37, 31 October 2017

Market Analysis

This year, the final goal of iGEM_Bit team is to provide the potential versatility, precision, and affordability of JACOB—essentially a representation of modularized biomarker detections—to ordinary communities. Our plan is to commercialize JACOB to provide warnings for potential disease and develop a self-sustaining facility for production and further research. From market analysis, we concluded the prominent advantages of JACOB and focused on those to provide more competitive products; from direct interaction with commercial industries, we optimized JACOB's operability and compatibility with the market.

Image

Picture One

View more
Image

Picture Two

View more

Hire Us!

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

Contact Us