Team:HokkaidoU Japan

From 2014.igem.org

(Difference between revisions)
 
(341 intermediate revisions not shown)
Line 1: Line 1:
<html class="demo-1">
<html class="demo-1">
 +
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
 +
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
 +
<div id="background">
 +
<!-- begin header-->
 +
<div id="header-wrapper">
 +
  <div id="top-header">
 +
    <div>
 +
<img id="header-image" src="https://static.igem.org/mediawiki/2014/7/77/HokkaidoU_Top_Header.png">
 +
    </div>
 +
  </div>
 +
</div>
 +
<!-- end header-->
<!-- begin Menu-->
<!-- begin Menu-->
 +
    <div class="box">
 +
  <div id="box-wrapper">
 +
<a href="http://igemhokkaidou.wordpress.com"><img style="position:relative; float:left; left:150px;" src="https://static.igem.org/mediawiki/2014/7/75/HokkaidoU_top_logo.png"></a>
 +
      <ul id="ldd_menu" class="ldd_menu">
 +
                                <li>
 +
                                <span class="menu-list" ><span style="position:relative; top:10px;" href="#">Top</span></span><!-- Increases to 510px in width-->
 +
                                </li>
 +
<li class="menu_button">
 +
<span class="menu-list"><span style="position:relative; top:10px;">RNA in Love</span></span><!-- Increases to 510px in width-->
 +
<div class="ldd_submenu" style="left:-415px; width:970px;">
 +
<ul style="margin-left:20px;">
 +
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Overview/Background">Overview</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Overview/Background">Background</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Overview/Achievements">Achievements</a></li>
 +
</ul>
 +
<ul>
 +
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem">H-stem System</a></li>
 +
                                                        <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#Overview">Overview</a></li>
 +
                                                        <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#asRNA_stabilization">Stabilization</a></li>
 +
                                                        <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#Modelling">Modelling</a></li>
 +
                                                        <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#Construct">Construct</a></li>
 +
                                                        <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#How_To_Use">How To Use</a></li>
 +
</ul>
 +
<ul>
 +
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034">Anti-sense B0034</a></li>
 +
            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034">Overview</a></li>
 +
                                                            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034#Method">Method</a></li>
 +
                                                            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034#Results">Results</a></li>
 +
                                                            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034#Conclusion">Conclusion</a></li>
 +
</ul>
 +
<ul>
 +
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length">Length Variation</a></li>
 +
            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length">Overview</a></li>
 +
                                                            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length#Method">Method</a></li>
 +
                                                            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length#Results">Results</a></li>
 +
                                                            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length#Conclusion">Conclusion</a></li>
 +
</ul>
 +
<ul>
 +
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Materials">Extra Materials</a></li>
 +
            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Parts">Parts</a></li>
 +
                                                            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Notebook">Notebook</a></li>
 +
                                                            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Safety">Safety</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li class="menu_button">
 +
<span class="menu-list"><span style="position:relative; top:10px;">Outreach</span></span>
 +
<div class="ldd_submenu" style="width:590px; left:-230px;">
 +
<ul style="margin-left:20px;">
 +
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Univ_festival">Univ. Festival</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Univ_festival#Education">Education</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Univ_festival#Survey">Survey</a></li>
 +
</ul>
 +
<ul>
 +
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Survey">High School</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Survey#Education">Education</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Survey#Survey">Survey</a></li>
 +
</ul>
 +
<ul>
 +
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Discussion">Discussion</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Discussion#Background">Background</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Discussion#Evaluation">Evaluation</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li class="menu_button">
 +
<span class="menu-list"><span style="position:relative; top:10px;">About Us</span></span>
 +
<div class="ldd_submenu" style="width:204px; left: -30px;">
 +
<ul style="margin-left:20px;">
 +
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/About_Us">About Us</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/About_Us#Acknowledgements">Acknowledgements</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/About_Us#Team">Team</a></li>
 +
</ul>
 +
                                        </div>
 +
</li>
 +
</ul>
 +
  <a href="https://igem.org/Main_Page"><img style="position:relative;float:right;top:-40px;right:135px;" src="https://static.igem.org/mediawiki/2014/0/07/HokkaidoU_Top_HQ.png"></a>
-
<div id="top_header">
+
    </div>
-
    <ul class="megamenu">
+
</div>
-
      <li>
+
-
        <a href="https://2014.igem.org/Team:HokkaidoU_Japan">Top</a>
+
-
      </li>
+
-
      <li>
+
-
        <a href="javascript:void(0)">RNA in Love</a>
+
-
        <div style="width: 1030px;">
+
-
          <div class="menu-list">
+
<!--end menu-->
-
          <h4>Overview</h4>
+
<div class="container">
-
          <ul>
+
-
            <li>Introduction</li>
+
-
            <li>Background</li>
+
-
          <li>Achievement</li>
+
-
          </ul>
+
-
          </div>
+
-
          <div class="menu-list">
+
<div class="bb-custom-wrapper">
-
          <h4>H-Stem System</h4>
+
<div style="margin: 100px 0 -80px;">
-
          <ul>
+
<h1 style="font-family: 'Special Elite', cursive; font-size: 48px;">~ RNA in love ~</h1>
-
            <li>Overview</li>
+
<h3 style="font-family: 'Special Elite', cursive; font-size: 24px;">This year iGEM HokkaidoU invites you to a lovely story ...</h3>
-
            <li>Background</li>
+
</div>
-
          <li>Achievement</li>
+
<div id="bb-bookblock" class="bb-bookblock">
-
          </ul>
+
                                            <div class="bb-item">
-
          </div>
+
                                              <div class="left-page-top"></div>
 +
                                              <div class="right-page-top">
 +
                                            <img class="top-picture" src="https://static.igem.org/mediawiki/2014/9/90/Cover1.png">
 +
                                              </div>    
 +
                                            </div>
-
          <div class="menu-list">
+
<div class="bb-item">
-
          <h4>asB0034</h4>
+
                                                    <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">                                                              
-
          <ul>
+
    <div class="left-page">
-
            <li>Overview</li>
+
<div class="text-box">
-
            <li>Method</li>
+
<p>
-
          <li>Results</li>
+
This is a love story of one shy girl called Annie. She was very hesitant, but her passion for him was second to none. One day, Cupid found Annie and helped her. Well, how would the future of her romance going to be?
-
          <li>Conclusion</li>
+
-
          </ul>
+
-
          </div>
+
-
          <div class="menu-list">
+
</p>
-
          <h4>Length Randomize</h4>
+
</div>
-
          <ul>
+
                                                    </div>
-
            <li>Overview</li>
+
                                                    <div class="right-page">
-
            <li>Method</li>
+
<div class="page-vertical-top">
-
          <li>Results</li>
+
<div class="left-up">
-
          <li>Conclusion</li>
+
<img style="width:101px;margin-bottom:10px; top:20px;" class="character-pic" src="https://static.igem.org/mediawiki/2014/c/c6/HokkaidoU_Top_Book_as.png">
-
          </ul>
+
<p style="line-height:10px; font-weight:bold; position:relative; top:10px;">
-
          </div>
+
Annie / asRNA
 +
</p>
 +
<p  style="line-height:20px; font-size:15px; position:relative; top:10px;">
 +
The shiest girl in the village, but has a feeling to Mike in secrecy.
 +
</p>
 +
</div>
-
          <div class="menu-list">
+
<div class="right-up">
-
          <h4>H-Stem System</h4>
+
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/b/b8/HokkaidoU_Top_Book_mRNA.png">
-
          <ul>
+
<p style="line-height:10px; font-weight:bold; position:relative; top:10px;">
-
            <li>Overview</li>
+
Mike / mRNA
-
            <li>Method</li>
+
</p>
-
          <li>Results</li>
+
<p style="line-height:20px; font-size:15px; position:relative; top:10px;">
-
          <li>Conclusion</li>
+
The most popular boy in the village, but a little indecisive.
-
          </ul>
+
</p>
-
          </div>
+
</div>
 +
</div>
-
        </div>
+
<div class="page-vertical-bottom">
-
      </li>
+
<div class="left-bottom">
-
      <li>
+
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/0/0f/HokkaidoU_Top_Book_Ribosome.png">
-
        <a href="javascript:void(0)">List Content</a>
+
<p style="line-height:10px; font-weight:bold; position:relative; top:10px;">
-
        <div style="width: 300px;">
+
Rachel / ribosome
-
          <ul id="list-content">
+
</p>
-
            <li>Point 1 is the first point
+
<p style="line-height:20px; font-size:15px; position:relative; top:10px;">
-
              <ul>
+
The most confident girl in the village. She loves Mike and approaches him positively.
-
                <li>Point 1.1 goes here</li>
+
</p>
-
                <li>Point 1.2 goes here</li>
+
-
                <li>Point 1.3 can go here also</li>
+
-
              </ul>
+
-
            </li>
+
-
            <li>Point 2 is the second point
+
-
              <ul>
+
-
                <li>Point 2.1 is a sub point</li>
+
-
                <li>Point 2.2 is a sub point</li>
+
-
              </ul>
+
-
            </li>
+
-
            <li>Point 3 is the third point
+
-
              <ul>
+
-
                <li>Point 3.1 is a sub point</li>
+
-
                <li>Point 3.2 is a sub point</li>
+
-
              </ul>
+
-
            </li>
+
-
            <li>Point 4 is the lone fourth point without any children</li>
+
-
          </ul>
+
-
        </div>
+
-
      </li>
+
-
      <li>
+
-
        <a href="javascript:void(0)">Paragraph Content</a>
+
-
        <div style="width: 520px;">
+
-
          <p id="paragraph-content">
+
-
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
-
          </p>
+
-
          <blockquote>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </blockquote>
+
-
        </div>
+
-
      </li>
+
-
      <li>
+
-
        <a href="javascript:void(0)">One Liner</a>
+
-
        <div style="width: 500px;">
+
-
          See how the position of the menu gets adjusted to stay within the outer bounds.
+
-
        </div>
+
-
      </li>
+
-
    </ul>
+
</div>
</div>
-
<!--
+
<div class="right-bottom">
-
<div id="megamenu-wrapper">
+
<img style="top:40px;" class="character-pic" src="https://static.igem.org/mediawiki/2014/8/8f/HokkaidoU_Top_Book_cupid.png">
-
<ul id="header-menu" class="mega-menu">
+
<p style="line-height:10px; font-weight:bold; position:relative; top:60px;">
 +
Cupid / HokkaidoU
 +
</p>
 +
<p style="line-height:20px; font-size:15px; position:relative; top:60px;">
 +
A wonderful sprite in the village. He sometimes helps a villager whimsically.
 +
</p>
 +
</div>
 +
</div>
 +
  </div>
 +
</div>
-
    <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan">Top</a></li>
 
-
    <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview">RNA in Love</a>
+
<div class="bb-item">
-
      <ul>
+
                                                    <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">                                                             
 +
                                                    <div class="page-vertical-top">
 +
                                                    <div style="width:70%; left:50px; top:77px;font-size:23px; line-height:40px;" class="left-page">
 +
Once upon a time, there was a girl, Annie. She fell in love with Mike who was the darling of the town. But she had a formidable rival, Rachel. She was very positive to her love so that she always wanted to monopolize Mike.
 +
</div>
 +
    <div class="right-page">
 +
<img style="left:745px; width:170px;top:20px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/3/3d/HokkaidoU_Top_Picture_watch.png">
 +
</div>
 +
</div>
 +
<div class="page-vertical-bottom">
 +
                                                    <div class="left-page">
 +
<img style="bottom:12px;left:-50px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/d/d4/HokkaidoU_Top_Picutre_mRNA-Ribosome.png">
 +
                                                    </div>
 +
    <div style="width:59%; left:350px; top:15px;font-size:23px; line-height:40px;" class="right-page">
 +
Contrasting to her, as Annie was too shy, it was difficult for her only to approach to Mike. Nevertheless, she never stopped thinking about Mike. Cupid found such poor Annie.
 +
</div>
 +
                                                    </dvi>
 +
  </div>
 +
</div>
-
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview">Overview</a>
 
-
          <ul>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview">Project Description</a></li>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview/Background">Background</a></li>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview/Achievements">Achievements</a></li>
 
-
          </ul>
 
-
        </li>
 
-
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit">H-Stem System</a>
 
-
          <ul>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit">Overview</a></li>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit/How_To_Use">contents</a></li>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit/Primer_Designer">contents</a></li>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit/Examples">contents</a></li>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit/Future_Work">contents</a></li>
 
-
          </ul>
 
-
        </li>
 
-
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter">asB0034</a>
+
<div class="bb-item">
-
          <ul>
+
                                                <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter">Overview</a></li>
+
<div class="page-vertical-top">
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter/Methods">Methods</a></li>
+
<div style="width:30%;" class="left-page">
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter/Modeling">Modeling</a></li>
+
<img style="top:-2px; left:-43px; width:320px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/d/dc/HokkaidoU_Top_Book_Cupid.png">
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter/Results">Results</a></li>
+
</div>
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter/Conclusion">Conclusion</a></li>
+
<div style="width:70%; right:5%; top:90px;font-size:23px; line-height:40px;" class="right-page">
-
          </ul>
+
As Cupid wanted to help Annie’s love, he casted a spell over her. This was the wonderful magic STEM. Enchanted, her clothes turned into greatly beautiful clothes.
-
        </li>
+
</div>
 +
</div>
 +
<img style="position:absolute; top:225px; left:199px; width:488px; border-radius:50px;" src="https://static.igem.org/mediawiki/2014/3/30/HokkaidoU_Top_Book_kirakira.png">
 +
<div class="page-vertical-bottom">
 +
<div style="width:65%; left:30px;font-size:23px; line-height:40px; top:41px;" class="left-page">
 +
She was very surprised to look at herself in a mirror because the girl in a mirror appeared like not herself to her. Owing to wonderful magic, she was able to have confidence and a little courage to go to Mike.
 +
</div>
 +
<div class="right-page">
 +
<img style="left:633px; bottom:24px; width:362px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/e/e4/HokkaidoU_Top_Book_Transform.png">
 +
</div>
-
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/RBS">Length randomize</a>
+
</div>
-
          <ul>
+
</div>
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/RBS">Overview</a></li>
+
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/RBS/Methods">Methods</a></li>
+
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/RBS/Results">Results</a></li>
+
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/RBS/Conclusion">Conclusion</a></li>
+
-
          </ul>
+
-
        </li>
+
-
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Materials">Extra Materials</a>
 
-
          <ul>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Parts">Parts</a></li>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Notebook">Notebook</a></li>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Safety">Safety</a></li>
 
-
          </ul>
 
-
        </li>
 
-
      </ul>
+
<div class="bb-item">
-
    </li>
+
                                                <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">                                                   <div style="left:100px; top:89px; width:80%;font-size:23px; line-height:40px;" class="page-vertical-top">
 +
Mike fell in love with changed Annie at a first sight.
 +
“Just a small change of myself makes my world more wonderful than I have dreamed ever.”
 +
Although Annie couldn’t hide her surprise, she felt very happy.
 +
And then, Annie and Mike were together happily forever. 
-
    <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Human_Practice">Human Practice</a>
+
</div>
-
      <ul>
+
<div class="page-vertical-bottom">
 +
<div class="left-page">
 +
<img style="width:113px;bottom:90px;left:-45px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/6/69/HokkaidoU_Top_Book_Ribosome_ki-.png">
 +
<img style="width:180px; bottom:-14px; left:28px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/c/c5/HokkaidoU_Top_Book_one-eye.png">
 +
</div>
 +
<div class="right-page">
 +
<img style="width:180px; left:570px; bottom:-28px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/8/81/HokkaidoU_Top_Book_newas.png">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="bb-item">
 +
<img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">
 +
<div class="left-page">
 +
<img  class="picture-last" src="https://static.igem.org/mediawiki/2014/4/43/HokkaidoU_Top_Book_last.png">
 +
</div>
 +
<div class="right-page">
 +
<img class="picture-fin" src="https://static.igem.org/mediawiki/2014/8/82/Fin.png">
 +
</div>
 +
</div>
 +
</div>
-
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Education">Education</a>
 
-
          <ul>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Education#University_Festival">University Festival</a></li>
 
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Education#Highschool">Highschool</a></li>
 
-
          </ul>
 
-
        </li>
 
-
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Survey">Survey</a>
+
<nav>
-
          <ul>
+
<a id="bb-nav-prev" href="#"><i class="fa fa-angle-left  fa-2x"></i></a>
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Survey#University_Festival">University Festival</a></li>
+
<a id="bb-nav-next" href="#"><i class="fa fa-angle-right fa-2x"></i></a>
-
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Survey#Highschool">Highschool</a></li>
+
</nav>
-
          </ul>
+
</div>
-
        </li>
+
</div><!-- /container -->
 +
<div style="height:300px;" class="wrapper">
 +
<a href="https://static.igem.org/mediawiki/2014/e/ee/HokkaidoU_Top_Book.pdf"><img style="float:left;" src="https://static.igem.org/mediawiki/2014/a/a1/HokkaidoU_pdf_cupidresized.png"></a>
 +
</div>
 +
<!--begin footer-->
-
      </ul>
+
<div id="footer-wrapper" style="background-color: #d92424; margin-top: 0;">
-
     </li>
+
  <div id="footer-content">
 +
<div id="footer-logo">
 +
<a href="http://igemhokkaidou.wordpress.com"><img style="height:150px;position:relative;" src="https://static.igem.org/mediawiki/2014/3/39/HokkaidoU_logo_transparent.png"></a>
 +
</div>
 +
<div id="footer-twitter">
 +
        <a href="http://twitter.com/igem_hokkaidou"><img style="height:150px; position:relative; bottom:0;" src="https://static.igem.org/mediawiki/2014/3/3b/HokkaidoU_Footer_Twitter.png"></a>
 +
     </div>
-
    <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/About_Us">About Us</a>
 
-
      <ul>
 
-
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/About_Us#Acknowledgements">Acknowledgements</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/About_Us#Team">Team</a></li>
 
-
      </ul>
 
-
    </li>
 
-
 
-
  </ul>
 
   </div>
   </div>
</div>
</div>
-
-->
+
</div><!--background-->
-
<!--end menu-->
+
-
 
+
-
<div class="container">
+
-
<div class="main clearfix">
+
-
<div class="bb-custom-wrapper">
+
-
<div id="bb-bookblock" class="bb-bookblock">
+
-
                                            <div class="bb-item">
+
-
                                            <img class="top-picture" src="https://static.igem.org/mediawiki/2014/a/a5/IGEMHokkaidoU_Book_image1.jpg">    
+
-
                                            </div>
+
-
<div class="bb-item">
+
-
                                                <img class="book-background" src="https://static.igem.org/mediawiki/2014/2/24/IGEM_HokkaidoU_book_background.png">
+
-
                                                    <div class="page-title">
+
-
                                                    INDEX
+
-
                                                    </div>
+
-
                                                    <div class="left-page">
+
-
                                                      <div class="book-index">
+
-
                                                      <ul class="fa-ul">
+
-
                                                        <li>Projects</li>
+
-
                                                          <ul class="fa-ul">
+
-
                                                            <li>New-Stem</li>
+
-
                                                            <ul class="fa-ul">
+
-
                                                              <li>Overview</li>
+
-
                                                                <li>Method</li>
+
-
                                                                <li>Results</li>
+
-
                                                                <li>Conclusion</li>
+
-
                                                              </ul>
+
-
                                                            <li>B0034</li>
+
-
                                                            <ul class="fa-ul">
+
-
                                                              <li>Overview</li>
+
-
                                                              <li>Method</li>
+
-
                                                              <li>Results</li>
+
-
                                                              <li>Conclusion</li>
+
-
                                                            </ul>
+
-
                                                            <li>Random</li>
+
-
                                                            <ul class="fa-ul">
+
-
                                                              <li>Overview</li>
+
-
                                                              <li>Method</li>
+
-
                                                              <li>Results</li>
+
-
                                                              <li>Conclusion</li>
+
-
                                                            </ul>
+
-
                                                        </ul>
+
-
                                                      </ul>
+
-
                                                      </div>
+
-
                                                      </div>
+
-
                                                      <div class="right-page">
+
-
                                                        <div class="book-index">
+
-
                                                          <ul class="fa-ul">
+
-
                                                            <li>Outreach</li>
+
-
                                                              <ul>
+
-
                                                                <li>Highschool Visiting</li>
+
-
                                                                <li>Survey</li>
+
-
                                                              </ul>
+
-
                                                              <li>About Us</li>
+
-
                                                              <ul>
+
-
                                                                <li>Acknowledgement</li>
+
-
                                                                <li>Team</li>
+
-
                                                              </ul>
+
-
                                                            </ul>
+
-
                                                        </div>
+
-
                                                      </div>
+
-
</div>
+
-
<div class="bb-item">
+
-
                                                <img class="book-background" src="https://static.igem.org/mediawiki/2014/2/24/IGEM_HokkaidoU_book_background.png">                                                    <div class="page-title">
+
-
                                                    Project Overview
+
-
                                                    </div>
+
-
                                                    <div class="left-page">
+
-
                                                    <img src="https://static.igem.org/mediawiki/2014/7/7c/Maestromini.png">
+
-
                                                    </div>
+
-
    <div class="right-page">
+
-
                                                    <img src="https://static.igem.org/mediawiki/2014/7/7c/Maestromini.png">
+
-
                                                    </dvi>
+
-
</div>
+
-
</div>
+
-
<div class="bb-item">
+
-
                                                <img class="book-background" src="https://static.igem.org/mediawiki/2014/2/24/IGEM_HokkaidoU_book_background.png">                                                  <div class="page-title">
+
-
                                                    BioBricked Stem
+
-
                                                    </div>
+
-
                                                  <div class="bb-item-contents">
+
-
                                                    Cupid presented three suits of wonderful ribbons to Ms. asRNA. The name of these ribbons is “Paired-Termini”. A little strange name though it is, it makes her look so attractive.
+
-
                                                  </div>
+
-
                                                <div class="bb-item-picture">
+
-
                                                <img class="book-background" src="https://static.igem.org/mediawiki/2014/2/24/IGEM_HokkaidoU_book_background.png">                                                </div>
+
-
</div>
+
-
<div class="bb-item">
+
-
                                                <img class="book-background" src="https://static.igem.org/mediawiki/2014/2/24/IGEM_HokkaidoU_book_background.png">                                                    <div class="left-page">
+
-
                                                    <img src="https://static.igem.org/mediawiki/2014/7/7c/Maestromini.png">
+
-
                                                    </div>
+
-
    <div class="right-page">
+
-
                                                    <img src="https://static.igem.org/mediawiki/2014/7/7c/Maestromini.png">
+
-
                                                    </dvi>
+
-
      </div>
+
-
</div>
+
-
</div>
+
-
<nav>
+
-
<a id="bb-nav-first" href="#" class="bb-custom-icon bb-custom-icon-first"><i class="fa fa-angle-double-left fa-2x"></i>
+
-
</a>
+
-
<a id="bb-nav-prev" href="#" class="bb-custom-icon bb-custom-icon-arrow-left"><i class="fa fa-angle-left fa-2x"></i></a>
+
-
<a id="bb-nav-next" href="#" class="bb-custom-icon bb-custom-icon-arrow-right"><i class="fa fa-angle-right fa-2x"></i></a>
+
-
<a id="bb-nav-last"  href="#" class="bb-custom-icon bb-custom-icon-last"><i class="fa fa-angle-double-right fa-2x"></i></a>
+
-
</nav>
+
-
</div>
+
-
</div>
+
-
</div><!-- /container -->
+
-
             
+
-
+
-
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+
</html>
</html>
{{Team:HokkaidoU_Japan/CSS}}
{{Team:HokkaidoU_Japan/CSS}}
 +
{{Team:HokkaidoU_Japan/Top_Header/CSS}}
 +
{{Team:HokkaidoU_Japan/LargeDropDown/CSS}}
{{Team:HokkaidoU_Japan/JS}}
{{Team:HokkaidoU_Japan/JS}}
 +
{{Team:HokkaidoU_Japan/Book/CSS}}
 +
{{Team:HokkaidoU_Japan/Footer/CSS}}

Latest revision as of 15:20, 9 September 2015

~ RNA in love ~

This year iGEM HokkaidoU invites you to a lovely story ...

This is a love story of one shy girl called Annie. She was very hesitant, but her passion for him was second to none. One day, Cupid found Annie and helped her. Well, how would the future of her romance going to be?

Annie / asRNA

The shiest girl in the village, but has a feeling to Mike in secrecy.

Mike / mRNA

The most popular boy in the village, but a little indecisive.

Rachel / ribosome

The most confident girl in the village. She loves Mike and approaches him positively.

Cupid / HokkaidoU

A wonderful sprite in the village. He sometimes helps a villager whimsically.

Once upon a time, there was a girl, Annie. She fell in love with Mike who was the darling of the town. But she had a formidable rival, Rachel. She was very positive to her love so that she always wanted to monopolize Mike.
Contrasting to her, as Annie was too shy, it was difficult for her only to approach to Mike. Nevertheless, she never stopped thinking about Mike. Cupid found such poor Annie.
As Cupid wanted to help Annie’s love, he casted a spell over her. This was the wonderful magic STEM. Enchanted, her clothes turned into greatly beautiful clothes.
She was very surprised to look at herself in a mirror because the girl in a mirror appeared like not herself to her. Owing to wonderful magic, she was able to have confidence and a little courage to go to Mike.
Mike fell in love with changed Annie at a first sight. “Just a small change of myself makes my world more wonderful than I have dreamed ever.” Although Annie couldn’t hide her surprise, she felt very happy. And then, Annie and Mike were together happily forever.