Team:Mingdao

From 2014hs.igem.org

(Difference between revisions)
 
(117 intermediate revisions not shown)
Line 1: Line 1:
-
<link rel="stylesheet" href="<https://www.dropbox.com/sh/p0s2neexb5qql4u/-lMfVOsyKO>" type="text/css" />
+
{{:Mingdao_remove_header}}
 +
 
<!DOCTYPE html>
<!DOCTYPE html>
-
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
+
<html class="html">
-
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
+
<head>
-
<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
+
google-site-verification: google5ae61348d13c6d42.html
-
<head>
+
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
 +
  <meta name="generator" content="7.4.30.244"/>
 +
  <title>iGEM Team Mingdao</title>
 +
  <!-- CSS -->
 +
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_site_global?action=raw&ctype=text/css"/>
 +
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_master_main-template?action=raw&ctype=text/css"/>
 +
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_index?action=raw&ctype=text/css" id="pagesheet"/>
 +
  <!-- Other scripts -->
 +
  <script type="text/javascript">
 +
  document.documentElement.className += ' js';
 +
</script>
 +
  </head>
 +
<body>
-
  <!--- Basic Page Needs
+
  <!--HTML Widget code-->
-
  ================================================== -->
+
 
-
  <meta charset="utf-8">
+
<div id="fb-root"></div>
-
<title>CeeVee - Free Responsive HTML5/CSS3 Template</title>
+
<script>
-
<meta name="description" content="">
+
(function(d, s, id) {
-
<meta name="author" content="">
+
  var js, fjs = d.getElementsByTagName(s)[0];
 +
  if (d.getElementById(id)) return;
 +
  js = d.createElement(s); js.id = id;
 +
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 +
  fjs.parentNode.insertBefore(js, fjs);
 +
}(document, 'script', 'facebook-jssdk'));
 +
</script>
-
  <!-- Mobile Specific Metas
+
 
-
  ================================================== -->
+
  <div class="clearfix" id="page" ><!-- column -->
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
   <div class="position_content" id="page_position_content" >
-
 
+
    <div class="browser_width colelem" id="u1673"><!-- group -->
-
<!-- CSS
+
    <div class="clearfix" id="u1673_align_to_page">
-
    ================================================== -->
+
       <a class="anchor_item grpelem" id="top"></a>
-
   <link rel="stylesheet" href="css/default.css">
+
      <div class="clip_frame grpelem" id="u1674"><!-- image -->
-
<link rel="stylesheet" href="css/layout.css">
+
      <img class="block" id="u1674_img" src="https://static.igem.org/mediawiki/2014hs/2/2b/Mingdaologo.png" alt="" width="235" height="68"/>
-
  <link rel="stylesheet" href="css/media-queries.css">
+
-
  <link rel="stylesheet" href="css/magnific-popup.css">
+
-
 
+
-
  <!-- Script
+
-
  ================================================== -->
+
-
<script src="js/modernizr.js"></script>
+
-
 
+
-
  <!-- Favicons
+
-
================================================== -->
+
-
<link rel="shortcut icon" href="favicon.ico" >
+
-
 
+
-
</head>
+
-
 
+
-
<body>
+
-
 
+
-
  <!-- Header
+
-
  ================================================== -->
+
-
  <header id="home">
+
-
 
+
-
       <nav id="nav-wrap">
+
-
 
+
-
        <a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
+
-
      <a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
+
-
 
+
-
        <ul id="nav" class="nav">
+
-
            <li class="current"><a class="smoothscroll" href="#home">Home</a></li>
+
-
        <li><a class="smoothscroll" href="#styles">Style Guide</a></li>
+
-
        </ul> <!-- end #nav -->
+
-
 
+
-
      </nav> <!-- end #nav-wrap -->
+
-
 
+
-
      <div class="row banner">
+
-
        <div class="banner-text">
+
-
            <h1 class="responsive-headline">I'm Jonathan Doe.</h1>
+
-
            <h3>I'm a Manila based <span>graphic designer</span>, <span>illustrator</span> and <span>webdesigner</span> creating awesome and
+
-
            effective visual identities for companies of all sizes around the globe. Let's <a class="smoothscroll" href="#about">start scrolling</a>
+
-
            and learn more <a class="smoothscroll" href="#about">about me</a>.</h3>
+
-
            <hr />
+
-
            <ul class="social">
+
-
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-instagram"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-skype"></i></a></li>
+
-
            </ul>
+
-
        </div>
+
       </div>
       </div>
-
 
+
       <img class="grpelem" id="u6162-4" src="https://static.igem.org/mediawiki/2014hs/1/1e/U6162-4.png" alt="Odor&#45; Let it Die" width="175" height="42"/><!-- rasterized frame -->
-
       <p class="scrolldown">
+
       <div class="clip_frame grpelem" id="u1676"><!-- image -->
-
        <a class="smoothscroll" href="#styles"><i class="icon-down-circle"></i></a>
+
      <img class="block" id="u1676_img" src="https://static.igem.org/mediawiki/2014hs/2/29/Igem_official_logo.png" alt="" width="88" height="67"/>
-
      </p>
+
-
 
+
-
  </header> <!-- Header End -->
+
-
 
+
-
  <!-- Style Guide Section
+
-
  ================================================== -->
+
-
  <section id="styles" style="padding: 90px 0 72px; background: #fff;">
+
-
 
+
-
      <div class="row add-bottom">
+
-
 
+
-
        <div class="twelve columns">
+
-
 
+
-
            <h1>Style Demo.</h1>
+
-
 
+
-
            <p class="lead add-bottom">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum
+
-
            deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate.
+
-
            At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.
+
-
            </p>
+
-
 
+
-
            <hr>
+
-
 
+
-
        </div>
+
-
 
+
-
      </div> <!-- Row End-->
+
-
 
+
-
      <div class="row add-bottom">
+
-
 
+
-
        <div class="six columns add-bottom">
+
-
 
+
-
            <h3>Paragraph and Image</h3>
+
-
 
+
-
            <p><a href="#"><img width="120" height="120" class="pull-left" alt="sample-image" src="images/sample-image.jpg"></a>
+
-
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
+
-
    Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
+
-
    posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum
+
-
    odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
+
-
    condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque.
+
-
    posuere nunc justo tempus leo. </p>
+
-
 
+
-
            <p>A <a href="#">link</a>,
+
-
    <abbr title="this really isn't a very good description">abbrebation</abbr>,
+
-
    <strong>strong text</strong>,
+
-
            <em>em text</em>,
+
-
    <del>deleted text</del>, and
+
-
            <mark>this is a mark text.</mark>
+
-
          </p>
+
-
 
+
-
        </div>
+
-
 
+
-
        <div class="six columns add-bottom">
+
-
 
+
-
            <h3>Drop Caps</h3>
+
-
 
+
-
            <p class="drop-cap">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
+
-
            there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the
+
-
            Semantics, a large language ocean. A small river named Duden flows by their place and supplies
+
-
            it with the necessary regelialia. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
+
-
    posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum
+
-
    odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
+
-
    condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque.
+
-
    </p>
+
-
 
+
-
            <h3>Small Print</h3>
+
-
 
+
-
            <p>Buy one widget, get one free!
+
-
  <small>(While supplies last. Offer expires on the vernal equinox. Not valid in Ohio.)</small>
+
-
    </p>
+
-
 
+
-
        </div>
+
-
 
+
-
        <hr />
+
-
 
+
-
      </div> <!-- Row End-->
+
-
 
+
-
      <div class="row add-bottom">
+
-
 
+
-
        <div class="six columns add-bottom">
+
-
 
+
-
            <h3>Pull Quotes</h3>
+
-
 
+
-
            <aside class="pull-quote">
+
-
      <blockquote>
+
-
      <p>It is a paradisematic country, in which roasted parts of
+
-
                  sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind
+
-
                  texts it is an almost unorthographic life One day however a small line of blind text by the name
+
-
                  of Lorem Ipsum decided to leave for the far World of Grammar.</p>
+
-
    </blockquote>
+
-
    </aside>
+
-
 
+
-
        </div>
+
-
 
+
-
        <div class="six columns add-bottom">
+
-
 
+
-
            <h3>Block Quotes</h3>
+
-
 
+
-
            <blockquote cite="http://where-i-got-my-info-from.com">
+
-
    <p>Your work is going to fill a large part of your life, and the only way to be truly satisfied is
+
-
              to do what you believe is great work. And the only way to do great work is to love what you do.
+
-
              If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it.
+
-
              </p>
+
-
  <cite>
+
-
    <a href="#">Steve Jobs</a>
+
-
  </cite>
+
-
  </blockquote>
+
-
 
+
-
            <blockquote>
+
-
              <p>Good design is as little design as possible.</p>
+
-
              <cite>Dieter Rams</cite>
+
-
            </blockquote>
+
-
 
+
-
        </div>
+
-
 
+
-
        <hr />
+
-
 
+
-
      </div> <!-- Row End-->
+
-
 
+
-
      <div class="row add-bottom">
+
-
 
+
-
        <div class="eight columns add-bottom">
+
-
 
+
-
            <h3 class="add-bottom">Definition Lists</h3>
+
-
 
+
-
            <h5>a) Multi-line Definitions (default)</h5>
+
-
 
+
-
            <dl>
+
-
      <dt><b>This is a term</b></dt>
+
-
      <dd>this is the definition of that term, which both live in a <code>dl</code>.</dd>
+
-
      <dt><b>Another Term</b></dt>
+
-
      <dd>And it gets a definition too, which is this line</dd>
+
-
      <dd>This is a 2<sup>nd</sup> definition for a single term. A <code>dt</code> may be followed by multiple <code>dd</code>s.</dd>
+
-
      </dl>
+
-
 
+
-
            <h5>b) Inline Definitions</h5>
+
-
 
+
-
            <dl class="lining">
+
-
      <dt><b>This is a term</b></dt>
+
-
      <dd>this is the definition of that term, which both live in a <code>dl</code>.</dd>
+
-
      <dt><b>Another Term</b></dt>
+
-
      <dd class="micro">And it gets a definition too, which is this line</dd>
+
-
      <dd class="micro"> this is a 2<sup>nd</sup> definition for a single term.</dd>
+
-
      <dt><b>Term</b></dt>
+
-
      <dt><b>Other Defined Term</b></dt>
+
-
      <dd><code>dt</code> terms may stand on their own without an accompanying <code>dd</code>, but in that case they <em>share</em> descriptions with the next available <code>dt</code>. You may not have a <code>dd</code> without a parent <code>dt</code>.</dd>
+
-
      </dl>
+
-
 
+
-
            <h5>c) Dictionary-style Definition</h5>
+
-
 
+
-
            <dl class="dictionary-style">
+
-
  <dt><b>This is a term</b></dt>
+
-
  <dd>this is the definition of that term, which both live in a <code>dl</code>.</dd>
+
-
<dt><b>Another Term</b></dt>
+
-
  <dd>And it gets a definition too, which is this line</dd>
+
-
  <dd> this is a 2<sup>nd</sup> definition for a single term.</dd>
+
-
<dt><b>Term</b></dt>
+
-
<dt><b>Other Defined Term</b></dt>
+
-
  <dd><code>dt</code> terms may stand on their own without an accompanying <code>dd</code>, but in that case they <em>share</em> descriptions with the next available <code>dt</code>. You may not have a <code>dd</code> without a parent <code>dt</code>.</dd>
+
-
</dl>
+
-
 
+
-
        </div>
+
-
 
+
-
        <div class="four columns add-bottom">
+
-
 
+
-
            <h3>Example Lists</h3>
+
-
 
+
-
            <ol>
+
-
  <li>Here is an example</li>
+
-
  <li>of an ordered list</li>
+
-
  </ol>
+
-
 
+
-
            <ul class="disc">
+
-
  <li>Here is an example</li>
+
-
  <li>of an unordered list</li>
+
-
  </ul>
+
-
 
+
-
            <h3>Stats Tabs</h3>
+
-
 
+
-
            <ul class="stats-tabs">
+
-
      <li><a href="#">1,234 <b>Sasuke</b></a></li>
+
-
      <li><a href="#">567 <b>Hinata</b></a></li>
+
-
      <li><a href="#">23,456 <b>Naruto</b></a></li>
+
-
      <li><a href="#">3,456 <b>Kiba</b></a></li>
+
-
      <li><a href="#">456 <b>Shikamaru</b></a></li>
+
-
      <li><a href="#">26 <b>Sakura</b></a></li>
+
-
      </ul>
+
-
 
+
-
            <h3>Headers</h3>
+
-
 
+
-
            <h1>H1 Heading</h1>
+
-
            <h2>H2 Heading</h2>
+
-
            <h3>H3 Heading</h3>
+
-
            <h4>H4 Heading</h4>
+
-
            <h5>H5 Heading</h5>
+
-
            <h6>H6 Heading</h6>
+
-
 
+
-
            <hr>
+
-
 
+
-
            <h3>button</h3>
+
-
 
+
-
            <a class="button" href="#">This is a button</a>
+
-
 
+
-
        </div>
+
-
 
+
-
        <hr />
+
-
 
+
-
      </div> <!-- Row End-->
+
-
 
+
-
       <div class="row add-bottom">
+
-
 
+
-
        <div class="twelve columns add-bottom">
+
-
 
+
-
            <h3 class="add-bottom">Pagination</h3>
+
-
 
+
-
            <nav class="pagination add-bottom">
+
-
 
+
-
              <span class="page-numbers prev inactive">Prev</span>
+
-
          <span class="page-numbers current">1</span>
+
-
          <a href="#" class="page-numbers">2</a>
+
-
              <a href="#" class="page-numbers">3</a>
+
-
              <a href="#" class="page-numbers">4</a>
+
-
              <a href="#" class="page-numbers">5</a>
+
-
              <a href="#" class="page-numbers">6</a>
+
-
              <a href="#" class="page-numbers">7</a>
+
-
              <a href="#" class="page-numbers">8</a>
+
-
              <a href="#" class="page-numbers">9</a>
+
-
          <a href="#" class="page-numbers next">Next</a>
+
-
 
+
-
      </nav>
+
-
 
+
-
        </div>
+
-
 
+
-
        <hr />
+
-
 
+
-
      </div> <!-- Row End-->
+
-
 
+
-
      <!--
+
-
      <div class="row add-bottom">
+
-
 
+
-
        <div class="twelve columns add-bottom">
+
-
 
+
-
            <h3>Form Styles</h3>
+
-
 
+
-
            <form>
+
-
              <fieldset>
+
-
 
+
-
  <label for="regularInput">Regular Input</label>
+
-
<input type="text" id="regularInput">
+
-
 
+
-
                  <label for="regularTextarea">Regular Textarea</label>
+
-
<textarea id="regularTextarea"></textarea>
+
-
 
+
-
                  <label for="selectList">Select List</label>
+
-
<select id="selectList">
+
-
  <option value="Option 1">Option 1</option>
+
-
<option value="Option 2">Option 2</option>
+
-
<option value="Option 3">Option 3</option>
+
-
<option value="Option 4">Option 4</option>
+
-
</select>
+
-
 
+
-
                  <fieldset>
+
-
  <legend>Checkboxes</legend>
+
-
 
+
-
                    <label for="regularCheckbox">
+
-
  <input type="checkbox" value="checkbox 1" id="regularCheckbox">
+
-
<span>Regular Checkbox</span>
+
-
</label>
+
-
 
+
-
                    <label for="secondRegularCheckbox">
+
-
  <input type="checkbox" value="checkbox 2" id="secondRegularCheckbox">
+
-
<span>Regular Checkbox</span>
+
-
</label>
+
-
</fieldset>
+
-
 
+
-
<fieldset>
+
-
  <legend>Radio Buttons</legend>
+
-
 
+
-
                    <label for="regularRadio">
+
-
  <input type="radio" value="radio 1" id="regularRadio" name="radios">
+
-
  <span>Regular Radio</span>
+
-
</label>
+
-
 
+
-
                    <label for="secondRegularRadio">
+
-
  <input type="radio" value="radio 2" id="secondRegularRadio" name="radios">
+
-
<span>Regular Radio</span>
+
-
</label>
+
-
</fieldset>
+
-
 
+
-
<button type="submit">Submit Form</button>
+
-
 
+
-
              </fieldset>
+
-
</form>
+
-
 
+
-
        </div>
+
-
 
+
-
        <hr />
+
-
 
+
       </div>
       </div>
-
      -->
+
    </div>
-
 
+
    </div>
-
 
+
    <div class="clearfix colelem" id="pu1682-3"><!-- group -->
-
       <div class="row">
+
    <div class="clearfix browser_width grpelem" id="u1682-3"><!-- content -->
-
 
+
       <p>&nbsp;</p>
-
        <div class="twelve columns">
+
    </div>
-
            <h3 class="half-bottom">Columns</h3>
+
    <ul class="MenuBar clearfix grpelem" id="menuu468"><!-- horizontal box -->
-
        </div>
+
      <li class="MenuItemContainer clearfix grpelem" id="u616"><!-- vertical box -->
-
 
+
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive clearfix colelem" id="u617" href="https://2014hs.igem.org/Team:Mingdao"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u619-4"><!-- content --><p>Home</p></div></a>
-
       </div> <!-- Row End-->
+
      </li>
-
 
+
      <li class="MenuItemContainer clearfix grpelem" id="u623"><!-- vertical box -->
-
       <!--<h4>1/3 Columns</h4> -->
+
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u624" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u625-4"><!-- content --><p>Team</p></div></a>
-
 
+
      </li>
-
       <div class="row">
+
       <li class="MenuItemContainer clearfix grpelem" id="u630"><!-- vertical box -->
-
 
+
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u631" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u632-4"><!-- content --><p>Project</p></div></a>
-
        <div class="four columns">
+
      </li>
-
      <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
       <li class="MenuItemContainer clearfix grpelem" id="u637"><!-- vertical box -->
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u638" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u639-4"><!-- content --><p>BioBrick</p></div></a>
-
            faucibus at, tincidunt eget, porttitor non, dolor. </p>
+
      </li>
-
      </div>
+
      <li class="MenuItemContainer clearfix grpelem" id="u651"><!-- vertical box -->
-
 
+
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u652" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u653-4"><!-- content --><p>Modeling</p></div></a>
-
        <div class="four columns">
+
       </li>
-
      <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
      <li class="MenuItemContainer clearfix grpelem" id="u5718"><!-- vertical box -->
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u5721" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u5722-4"><!-- content --><p>Safety</p></div></a>
-
            faucibus at, tincidunt eget, porttitor non, dolor. </p>
+
      </li>
-
      </div>
+
      <li class="MenuItemContainer clearfix grpelem" id="u644"><!-- vertical box -->
-
 
+
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u645" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u646-4"><!-- content --><p>Human Practices</p></div></a>
-
        <div class="four columns">
+
      </li>
-
      <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
      <li class="MenuItemContainer clearfix grpelem" id="u671"><!-- vertical box -->
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u674" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u676-4"><!-- content --><p>Media</p></div></a>
-
            faucibus at, tincidunt eget, porttitor non, dolor. </p>
+
      </li>
-
      </div>
+
    </ul>
-
 
+
    <div class="browser_width grpelem" id="u1681"><!-- simple frame --></div>
 +
    </div>
 +
    <div class="clearfix colelem" id="pu4270-3"><!-- group -->
 +
    <div class="clearfix grpelem" id="u4270-3"><!-- content -->
 +
      <p>&nbsp;</p>
 +
    </div>
 +
    <img class="grpelem" id="u4264" src="https://static.igem.org/mediawiki/2014hs/5/5a/Temd_team_go-u4264.png" alt="" width="752" height="597"/><!-- rasterized frame -->
 +
    </div>
 +
    <div class="clearfix colelem" id="u4269-4"><!-- content -->
 +
    <p>Eliminate noisome odor when decomposing food</p>
 +
    </div>
 +
    <div class="colelem" id="u4506"><!-- custom html -->
 +
    <iframe width="753" height="380" src="//www.youtube.com/embed/dXBgcgtoYLM" frameborder="0" allowfullscreen>" frameborder="0" allowfullscreen></iframe>
 +
</div>
 +
    <div class="shadow clearfix browser_width colelem" id="u3898-4"><!-- content -->
 +
    <p id="u3898-2">Site Map: Navigate by using this</p>
 +
    </div>
 +
    <div class="TabbedPanelsWidget clearfix colelem" id="tab-panelu4297"><!-- vertical box -->
 +
    <div class="TabbedPanelsTabGroup clearfix colelem" id="u4298"><!-- horizontal box -->
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4303"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4304-4" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- content --><p>Team</p></a>
       </div>
       </div>
-
 
+
       <div class="TabbedPanelsTab clearfix grpelem" id="u4307"><!-- horizontal box -->
-
      <!--<h4>1/4 Columns</h4>  -->
+
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4309-4" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- content --><p>Project</p></a>
-
 
+
-
       <div class="row">
+
-
 
+
-
        <div class="three columns">
+
-
      <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor. Ut dui lectus, ultrices ut, sodales tincidunt,
+
-
            viverra sed, nisl. </p>
+
-
      </div>
+
-
 
+
-
        <div class="three columns">
+
-
      <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor. Ut dui lectus, ultrices ut, sodales tincidunt,
+
-
            viverra sed, nisl. </p>
+
-
      </div>
+
-
 
+
-
        <div class="three columns">
+
-
      <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor. Ut dui lectus, ultrices ut, sodales tincidunt,
+
-
            viverra sed, nisl. </p>
+
-
      </div>
+
-
 
+
-
        <div class="three columns">
+
-
      <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor. Ut dui lectus, ultrices ut, sodales tincidunt,
+
-
            viverra sed, nisl. </p>
+
-
      </div>
+
-
 
+
       </div>
       </div>
-
 
+
       <div class="TabbedPanelsTab clearfix grpelem" id="u4299"><!-- horizontal box -->
-
       <!--<h4>1/2 Columns</h4>  -->
+
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4300-4" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- content --><p>Biobrick</p></a>
-
 
+
-
      <div class="row">
+
-
 
+
-
        <div class="six columns">
+
-
            <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor. </p>
+
-
        </div>
+
-
 
+
-
        <div class="six columns">
+
-
            <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor. </p>
+
-
        </div>
+
-
 
+
       </div>
       </div>
-
 
+
       <a class="nonblock nontext TabbedPanelsTab clearfix grpelem" id="u4393" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- horizontal box --><div class=" NoWrap clearfix grpelem" id="u4395-4"><!-- content --><p>Modeling</p></div></a>
-
       <!--<h4>2/3 Columns</h4> -->
+
      <div class="TabbedPanelsTab clearfix grpelem" id="u5725"><!-- horizontal box -->
-
 
+
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u5727-4" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- content --><p>Safety</p></a>
-
      <div class="row">
+
-
 
+
-
        <div class="eight columns">
+
-
            <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor.</p>
+
-
        </div>
+
-
 
+
-
        <div class="four columns">
+
-
            <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor. </p>
+
-
        </div>
+
-
 
+
       </div>
       </div>
-
 
+
       <div class="TabbedPanelsTab clearfix grpelem" id="u4375"><!-- horizontal box -->
-
       <!--<h4>3/4 Columns</h4> -->
+
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4377-4" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- content --><p>Human Practices</p></a>
-
 
+
       </div>
-
       <div class="row">
+
      <div class="TabbedPanelsTab clearfix grpelem" id="u4384"><!-- horizontal box -->
-
 
+
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4387-4" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- content --><p>Media</p></a>
-
        <div class="three columns">
+
      </div>
-
      <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
    </div>
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
    <div class="TabbedPanelsContentGroup clearfix colelem" id="u4311"><!-- stack box -->
-
            faucibus at. </p>
+
      <div class="TabbedPanelsContent clearfix grpelem" id="u4312"><!-- group -->
-
      </div>
+
      <a class="nonblock nontext rounded-corners grpelem" id="u4417" href="team.html"><!-- simple frame --></a>
-
 
+
      <a class="nonblock nontext clearfix grpelem" id="u4416-9" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- content --><p id="u4416-2">Our team consists of 22 members and 2 advisors</p><p id="u4416-4">All of us are binded together by the passion to synthetic biology.</p><p id="u4416-5">&nbsp;</p><p id="u4416-7">click to learn more</p></a>
-
        <div class="nine columns">
+
-
      <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor.Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
+
-
            nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
+
-
            faucibus at, tincidunt eget, porttitor non, dolor.</p>
+
-
      </div>
+
-
 
+
       </div>
       </div>
 +
      <div class="pointer_cursor TabbedPanelsContent invi clearfix grpelem" id="u4320"><!-- group -->
 +
      <a class="block" href="project.html"></a>
 +
      <div class="rounded-corners grpelem" id="u4414"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4415-9" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- content --><p id="u4415-2">A odorless decomposing process</p><p id="u4415-4">How pleasant that is.</p><p id="u4415-5">&nbsp;</p><p id="u4415-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4316"><!-- group -->
 +
      <a class="nonblock nontext rounded-corners grpelem" id="u4412" href="bio-brick.html"><!-- simple frame --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4413-9" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- content --><p id="u4413-2">The building blocks of biology</p><p id="u4413-4">Our team was very interested in this part, so we designed 14 of those.</p><p id="u4413-5">&nbsp;</p><p id="u4413-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4397"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4410"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4411-9" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- content --><p id="u4411-2">Remember that all models are wrong; the practical question is how wrong do they have to be to not to be useful.</p><p id="u4411-4">— George E.P. Box</p><p id="u4411-5">&nbsp;</p><p id="u4411-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u5729"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u5737" href="safety.html"><!-- simple frame --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u5738-9" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- content --><p id="u5738-2">We must respect the past, and mistrust the present, if we wish to provide for the safety of the future.</p><p id="u5738-4">— Joseph Joubert</p><p id="u5738-5">&nbsp;</p><p id="u5738-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4379"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4391"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4392-9" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- content --><p id="u4392-2">Implement dream to reality</p><p id="u4392-4">We have held conferences within our school to introduce other students to iGEM, and traveled to Taipei to visit schools.</p><p id="u4392-5">&nbsp;</p><p id="u4392-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4388"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4389"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4390-9" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- content --><p id="u4390-2">Videos and photos</p><p id="u4390-4">The best way to take in information is by looking at it.</p><p id="u4390-5">&nbsp;</p><p id="u4390-7">click to learn more</p></a>
 +
      </div>
 +
    </div>
 +
    </div>
 +
    <div class="shadow clearfix browser_width colelem" id="u4247-4"><!-- content -->
 +
    <p id="u4247-2">Social Media: Say hi to us on Google+ &amp;&nbsp; YouTube</p>
 +
    </div>
 +
    <div class="clearfix colelem" id="pu4888"><!-- group -->
 +
    <div class="clearfix grpelem" id="u4888"><!-- column -->
 +
      <div class="clearfix colelem" id="u4867"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u4857"><!-- state-based BG images --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4864-4" href="https://www.youtube.com/channel/UCx8hjqKHRXo4hmzKhf0q4iw"><!-- content --><p>iGEM Mingdao YouTube Channel</p></a>
 +
      </div>
 +
      <div class="clearfix colelem" id="u4868"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u4852"><!-- state-based BG images --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4866-4" href="https://plus.google.com/u/0/b/107872206047402606212/107872206047402606212/posts"><!-- content --><p>iGEM Mingdao Google+ Page</p></a>
 +
      </div>
 +
      <div class="clearfix colelem" id="u4869-4"><!-- content -->
 +
      <p style="color:gray;">Also, please help the world know about us by sharing this website if you liked it</p>
 +
      </div>
 +
      <div class="clearfix colelem" id="pu4872"><!-- group -->
 +
      <div class="grpelem" id="u4872"><!-- custom html -->
 +
       
 +
<div class="g-plusone" data-action="share" data-size="standard" data-annotation="bubble" data-width="192" data-href="https://2014hs.igem.org/Team:Mingdao/index.html"></div>
-
  </section> <!-- Resume Section End-->
+
</div>
-
 
+
      <div class="grpelem" id="u4874"><!-- custom html -->
-
 
+
       
-
  <!-- footer
+
<div class="fb-like" data-href="https://2014hs.igem.org/Team:Mingdao/index.html" data-send="false" data-width="290" data-show-faces="false" data-colorscheme="light" data-layout="button_count" data-action="recommend"></div>
-
  ================================================== -->
+
-
  <footer>
+
-
 
+
-
      <div class="row">
+
-
 
+
-
        <div class="twelve columns">
+
-
 
+
-
            <ul class="social-links">
+
-
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-instagram"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
+
-
              <li><a href="#"><i class="fa fa-skype"></i></a></li>
+
-
            </ul>
+
-
 
+
-
            <ul class="copyright">
+
-
              <li>&copy; 2014 CeeVee</li>
+
-
              <li>Design by <a title="Styleshout" href="http://www.styleshout.com/">Styleshout</a></li>
+
-
              <li>Sponsored by <a rel="nofollow" href="http://www.a2hosting.com/?utm___source=styleshoutdemo&utm_medium=__cpm&utm_content=&utm_campaign=">A2Hosting</a></li>
+
-
            </ul>
+
-
 
+
-
        </div>
+
-
 
+
-
        <div id="go-top" style="display: block;"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>
+
 +
</div>
       </div>
       </div>
 +
    </div>
 +
    <div class="grpelem" id="u4884"><!-- custom html -->
 +
      <iframe width="480" height="270" src="//www.youtube.com/embed/6AvkF5dBZIs?list=UUx8hjqKHRXo4hmzKhf0q4iw" frameborder="0" allowfullscreen></iframe>
 +
</div>
 +
    </div>
 +
    <div class="clearfix pinned-colelem" id="u6171"><!-- column -->
 +
    <div class="position_content" id="u6171_position_content">
 +
      <a class="nonblock nontext anim_swing pinned-colelem" id="u6165" href="index.html#top"><!-- rasterized frame --><img id="u6165_img" src="https://static.igem.org/mediawiki/2014hs/2/27/To_top_icon-u6165.png" alt="" width="71" height="71"/></a>
 +
      <a class="nonblock nontext anim_swing clearfix pinned-colelem" id="u5182-4" href="index.html#top"><!-- content --><p><font color="black">Top</font></p></a>
 +
    </div>
 +
    </div>
 +
    <div class="verticalspacer"></div>
 +
    <div class="clearfix colelem" id="pu2040-3"><!-- group -->
 +
    <div class="clearfix browser_width grpelem" id="u2040-3"><!-- content -->
 +
      <p>&nbsp;</p>
 +
    </div>
 +
    <a class="nonblock nontext clip_frame grpelem" id="u1692" href="http://www.bertec.com.tw/"><!-- image --><img class="block" id="u1692_img" src="https://static.igem.org/mediawiki/2014hs/b/bf/Bertec_logo-u1692.png" alt="" width="94" height="63"/></a>
 +
    <div class="clearfix grpelem" id="u1698-4"><!-- content -->
 +
      <p>Sponsored by:</p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u1702-6"><!-- content -->
 +
      <p><a class="nonblock" href="team.html#sponsors">and more</a></p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u6138-4"><!-- content -->
 +
      <p>Website best viewed with a 1920px wide screen with chrome</p>
 +
    </div>
 +
    </div>
 +
  </div>
 +
  </div>
 +
  <div class="preload_images">
 +
  <img class="preload" src="https://static.igem.org/mediawiki/2014hs/7/7f/U4857-r.png" alt=""/>
 +
  <img class="preload" src="https://static.igem.org/mediawiki/2014hs/3/36/U4852-r.png" alt=""/>
 +
  </div>
 +
  <!-- JS includes -->
 +
  <script type="text/javascript">
 +
  if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
 +
</script>
 +
  <script type="text/javascript">
 +
  window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
 +
</script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_museutils?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.tobrowserwidth?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.musemenu?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_webpro?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_musewpdisclosure?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.watch?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <!-- Other scripts -->
 +
  <script type="text/javascript">
 +
  $(document).ready(function() { try {
 +
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
 +
$('.browser_width').toBrowserWidth();/* browser width elements */
 +
Muse.Utils.prepHyperlinks(true);/* body */
 +
Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */
 +
Muse.Utils.initWidget('#tab-panelu4297', function(elem) { return new WebPro.Widget.TabbedPanels(elem, {event:'mouseover',defaultIndex:0}); });/* #tab-panelu4297 */
 +
Muse.Utils.fullPage('#page');/* 100% height page */
 +
Muse.Utils.showWidgetsWhenReady();/* body */
 +
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
 +
} catch(e) { Muse.Assert.fail('Error calling selector function:' + e); }});
 +
</script>
 +
 
 +
  <!--HTML Widget code-->
 +
 
 +
<script type="text/javascript">
 +
      window.___gcfg = {
 +
        lang: 'en-US'
 +
      };
-
  </footer> <!-- Footer End-->
+
      (function() {
-
 
+
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
-
  <!-- Java Script
+
        po.src = 'https://apis.google.com/js/plusone.js';
-
  ================================================== -->
+
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
-
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
      })();
-
  <script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
+
</script>
-
  <script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
+
-
 
+
-
  <script src="js/jquery.flexslider.js"></script>
+
-
  <script src="js/waypoints.js"></script>
+
-
  <script src="js/jquery.fittext.js"></script>
+
-
  <script src="js/magnific-popup.js"></script>
+
-
  <script src="js/doubletaptogo.js"></script>
+
-
  <script src="js/spin.js"></script>
+
-
 
+
-
  <script src="js/init.js"></script>
+
-
 
+
-
</body>
+
 +
  </body>
</html>
</html>

Latest revision as of 06:52, 20 June 2014

<!DOCTYPE html> google-site-verification: google5ae61348d13c6d42.html iGEM Team Mingdao