Difference between revisions of "Team:NJU-China"

 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
−
    <!--loader start-->
+
<head>
−
     <style type="text/css">
+
     <meta charset="UTF-8">
−
.chromeframe {
+
     <title>Home</title>
−
    margin: 0.2em 0;
+
     <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/jquery_min_js?action=raw&ctype=text/javascript"></script>
−
    background: #ccc;
+
     <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/jquery_js?action=raw&ctype=text/javascript"></script>
−
    color: #000;
+
     <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/Pages_js?action=raw&ctype=text/javascript"></script>
−
    padding: 0.2em 0;}
+
     <!--Loader start-->
−
#loader-wrapper {
+
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Pages_css?action=raw&ctype=text/css">
−
    position: fixed;
+
−
    top: 0;
+
−
    left: 0;
+
−
    width: 100%;
+
−
    height: 100%;
+
−
    z-index:999999;}
+
−
#loader {
+
−
    display: block;
+
−
    position: relative;
+
−
    left: 50%;
+
−
    top: 50%;
+
−
    width: 150px;
+
−
    height: 150px;
+
−
    margin: -75px 0 0 -75px;
+
−
    border-radius: 50%;
+
−
    border: 3px solid transparent;
+
−
     /* COLOR 1 */
+
−
     border-top-color: #FFF;
+
−
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    -ms-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    -moz-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    -o-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
+
−
    z-index:1001;}
+
−
#loader:before {
+
−
    content: "";
+
−
    position: absolute;
+
−
    top: 5px;
+
−
    left: 5px;
+
−
    right: 5px;
+
−
    bottom: 5px;
+
−
    border-radius: 50%;
+
−
    border: 3px solid transparent;
+
−
    /* COLOR 2 */
+
−
    border-top-color: #FFF;
+
−
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    -moz-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    -o-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    -ms-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */}
+
−
#loader:after {
+
−
    content: "";
+
−
    position: absolute;
+
−
    top: 15px;
+
−
    left: 15px;
+
−
    right: 15px;
+
−
    bottom: 15px;
+
−
    border-radius: 50%;
+
−
    border: 3px solid transparent;
+
−
    border-top-color: #FFF;
+
−
    /* COLOR 3 */
+
−
    -moz-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    -o-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    -ms-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+
−
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */}
+
−
 
+
−
 
+
−
@-webkit-keyframes spin {
+
−
     0%{
+
−
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
+
−
        -ms-transform: rotate(0deg);  /* IE 9 */
+
−
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
+
−
    }100%{
+
−
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
+
−
        -ms-transform: rotate(360deg);  /* IE 9 */
+
−
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
+
−
}
+
−
 
+
−
@keyframes spin {
+
−
    0%{
+
−
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
+
−
        -ms-transform: rotate(0deg);  /* IE 9 */
+
−
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
+
−
    }100%{
+
−
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
+
−
        -ms-transform: rotate(360deg);  /* IE 9 */
+
−
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
+
−
}
+
−
 
+
−
 
+
−
#loader-wrapper .loader-section {
+
−
     position: fixed;
+
−
    top: 0;
+
−
    width: 51%;
+
−
    height: 100%;
+
−
    background: #197580; /* Old browsers */
+
−
    z-index: 1000;
+
−
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
+
−
    -ms-transform: translateX(0);  /* IE 9 */
+
−
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */}
+
−
#loader-wrapper .loader-section.section-left {left: 0;}
+
−
#loader-wrapper .loader-section.section-right {right: 0;}
+
−
 
+
−
/* Loaded */
+
−
.loaded #loader-wrapper .loader-section.section-left {
+
−
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
+
−
    -ms-transform: translateX(-100%);  /* IE 9 */
+
−
     transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
+
−
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
+
−
     transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
+
−
.loaded #loader-wrapper .loader-section.section-right {
+
−
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
+
−
    -ms-transform: translateX(100%);  /* IE 9 */
+
−
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
+
−
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
+
−
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
+
−
.loaded #loader {
+
−
    opacity: 0;
+
−
    -webkit-transition: all 0.3s ease-out;
+
−
    transition: all 0.3s ease-out;}
+
−
.loaded #loader-wrapper {
+
−
    visibility: hidden;
+
−
    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
+
−
    -ms-transform: translateY(-100%);  /* IE 9 */
+
−
    transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
+
−
    -webkit-transition: all 0.3s 1s ease-out;
+
−
    transition: all 0.3s 1s ease-out;}
+
−
/* JavaScript Turned Off */
+
−
.no-js #loader-wrapper {display: none;}
+
−
.no-js h1 {color: #222222;}
+
−
#loader-wrapper .load_title {
+
−
    font-family:'Open Sans';
+
−
    color:#FFF; font-size:19px; width:100%; text-align:center; z-index:9999999999999; position:absolute; top:60%; opacity:1; line-height:30px; }
+
−
#loader-wrapper .load_title span {  font-weight:normal; font-style:italic; font-size:13px; color:#FFF; opacity:0.5;}
+
−
    </style>
+
 
     <script type="text/javascript">
 
     <script type="text/javascript">
 
         //
 
         //
−
         $(window).load(function(){
+
         $(window).ready(function(){
 
             $('body').addClass('loaded');
 
             $('body').addClass('loaded');
 
             $('#loader-wrapper .load_title').remove();
 
             $('#loader-wrapper .load_title').remove();
Line 148: Line 22:
 
         <div class="load_title">Now Loading...</div>
 
         <div class="load_title">Now Loading...</div>
 
     </div>
 
     </div>
−
     <!--loader end-->
+
     <!--Loader end-->
 +
 
 
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Erase_css?action=raw&ctype=text/css">
 
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Erase_css?action=raw&ctype=text/css">
 +
 
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Home_css?action=raw&ctype=text/css">
 
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Home_css?action=raw&ctype=text/css">
−
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Nav_css?action=raw&ctype=text/css">
 
−
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/NerBack_css?action=raw&ctype=text/css">
 
−
    <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/jquery_min_js?
 
−
action=raw&ctype=text/javascript"></script>
 
−
    <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/jquery_js?
 
−
action=raw&ctype=text/javascript"></script>
 
−
    <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/NerBack_js?
 
−
action=raw&ctype=text/javascript"></script>
 
−
    <script>
 
−
        function click_to_nav() {
 
−
            var height = $('#main_body').offset();
 
−
            $('html,body').animate({scrollTop: height.top}, 500);
 
−
        }
 
−
        $(function() {
 
−
            $(window).scroll(function() {
 
−
                scy = $(window).scrollTop();
 
−
                //console.info(scy);
 
  
−
             });
+
    <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/Home_js?action=raw&ctype=text/javascript"></script>
−
         })
+
    <!--Work in Progress start-->
 +
    <style type="text/css">
 +
    </style>
 +
    <script  type="text/javascript">
 +
        function setleft() {
 +
             $("#pic_1_1").removeClass(("top_pic_hid")).addClass(("top_pic"));
 +
            $("#pic_1_2").removeClass(("top_pic_hid_2")).addClass(("top_pic_2"));
 +
            $("#pic_2").removeClass(("top_pic")).addClass(("top_pic_hid"));
 +
         }
 +
        function setright() {
 +
            $("#pic_1_1").removeClass(("top_pic")).addClass(("top_pic_hid"));
 +
            $("#pic_1_2").removeClass(("top_pic_2")).addClass(("top_pic_hid_2"));
 +
            $("#pic_2").removeClass(("top_pic_hid")).addClass(("top_pic"));
 +
        }
 
     </script>
 
     </script>
−
<div class="scrollbar" id="bar" style="width: 0%; background: orange;"></div>
+
    <!--Work in Progress end-->
−
<img id="mainimg" src="https://static.igem.org/mediawiki/2018/5/5a/T--NJU-China--teamlogo1.png" class="img1" alt="teamlogo">
+
    <style>
−
<div class="begindiv" onClick="click_to_nav()">
+
        .top_pic{
−
    <p class="begintitle-1">New Strategy for Treating </p>
+
            width:100%;
−
    <p class="begintitle-2">Fragile X Syndrome </p>
+
            position:absolute;
−
    <p class="begintitle-3">by Targeting Expression of</p>
+
            z-index:99;
−
    <p class="begintitle-4">FMRP Using TBEV5'-UTR</p>
+
            transition-duration: 1s;
−
    <p class="begintitle-5">———— NJU-CHINA</p>
+
            opacity: 1;
−
    <div class="down" style="opacity: 1">
+
            left:0;
−
        <p class="learnmore">Learn more about us!</p>
+
            top:0;
−
         <img src="https://static.igem.org/mediawiki/2018/0/04/T--NJU-China--down.png" class="downimg" alt="downarrow">
+
        }
 +
        .top_pic_hid_2{
 +
            width:100%;
 +
            position:relative;
 +
            z-index:100;
 +
            opacity: 0;
 +
        }
 +
        .top_pic_2{
 +
            animation: Change2 3s linear infinite;
 +
            width:100%;
 +
            position:relative;
 +
            z-index:100;
 +
        }
 +
        @keyframes Change2 {
 +
            0% {
 +
                opacity: 0;
 +
            }
 +
            50%{
 +
                opacity: 1;
 +
            }
 +
            100% {
 +
                opacity: 0;
 +
            }
 +
        }
 +
        .top_pic_hid {
 +
            width: 100%;
 +
            position: absolute;
 +
            z-index: 99;
 +
            transition-duration: 1s;
 +
            opacity: 0;
 +
            left: 0;
 +
            top: 0;
 +
        }
 +
        .main_next{
 +
            bottom:11%;
 +
            right:10%;
 +
            width:10%;
 +
            position: absolute;
 +
        }
 +
        .main_next:hover{
 +
            transform: scale(1.2);
 +
            -webkit-transform: scale(1.2);
 +
            -moz-transform: scale(1.2);
 +
            -o-transform: scale(1.2);
 +
            -ms-transform: scale(1.2);
 +
        }
 +
        .Hm_branding_img{
 +
            position: relative;
 +
            float:left;
 +
            height:134px;
 +
            width:134px;
 +
            margin:0 0 0 0;
 +
            z-index: 9999;
 +
            left:17px;
 +
        }
 +
        .Hm_branding_img_w{
 +
            position: relative;
 +
            height:42px;
 +
            width:133px;
 +
            top:0;
 +
            left:0;
 +
            z-index: 9999;
 +
        }
 +
        .Hm_branding{
 +
            position:relative;
 +
            float:left;
 +
            height:150px;
 +
            width:133px;
 +
            top:5px;
 +
            left:3%;
 +
            z-index: 9999;
 +
            cursor: pointer;
 +
        }
 +
    </style>
 +
</head>
 +
<body>
 +
<canvas id="canvas" style="position: fixed">
 +
    <p>your browser doesn't support canvas.</p>
 +
</canvas>
 +
<script>
 +
    window.onload = function() {
 +
        ParticleEffect.run();
 +
    };
 +
</script>
 +
 
 +
 
 +
<div class="scrollbar" id="bar" ></div>
 +
<div class="branding_f" id="branding_f">
 +
    <img id="branding_img_f" src="https://static.igem.org/mediawiki/2018/d/de/T--NJU-China--2018--Logo_o.png" class="branding_img_f" alt="branding_img">
 +
    <img id="branding_img_w_f" src="https://static.igem.org/mediawiki/2018/a/a2/T--NJU-China--2018--Logo_w.png" class="branding_img_w_f" alt="branding_img_w">
 +
</div>
 +
<header id="header" class="header">
 +
    <!--nav start-->
 +
    <div id="nav" class="nav">
 +
        <ul class="nav-menu clearfix unstyled">
 +
            <li><a href="https://2018.igem.org/Team:NJU-China" class="three-d active">
 +
                Home
 +
                <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span>
 +
            </a></li>
 +
            <li><a href="javascript:void(0)" class="three-d">
 +
                Project
 +
                <span class="three-d-box"><span class="front">Project</span><span class="back">Project</span></span>
 +
            </a>
 +
                <ul class="clearfix unstyled drop-menu">
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Project" class="three-d">
 +
                        Background
 +
                        <span class="three-d-box"><span class="front">Background</span><span class="back">Background</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Design" class="three-d">
 +
                        Design
 +
                        <span class="three-d-box"><span class="front">Design</span><span class="back">Design</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Results" class="three-d">
 +
                        Results
 +
                        <span class="three-d-box"><span class="front">Results</span><span class="back">Results</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/InterLab" class="three-d">
 +
                        InterLab
 +
                        <span class="three-d-box"><span class="front">InterLab</span><span class="back">InterLab</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Notebook" class="three-d">
 +
                        Notebook
 +
                        <span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span>
 +
                    </a></li>
 +
                </ul>
 +
            </li>
 +
            <li><a href="https://2018.igem.org/Team:NJU-China/Parts" class="three-d">
 +
                Parts
 +
                <span class="three-d-box"><span class="front">Parts</span><span class="back">Parts</span></span>
 +
            </a></li>
 +
            <li><a href="https://2018.igem.org/Team:NJU-China/Model" class="three-d">
 +
                Model
 +
                <span class="three-d-box"><span class="front">Model</span><span class="back">Model</span></span>
 +
            </a></li>
 +
            <li><a href="https://2018.igem.org/Team:NJU-China/Safety" class="three-d">
 +
                Safety
 +
                <span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span>
 +
            </a></li>
 +
            <li><a href="https://2018.igem.org/Team:NJU-China/Human_Practices" class="three-d">
 +
                Human Practice
 +
                <span class="three-d-box"><span class="front">Human Practice</span><span class="back">Human Practice</span></span>
 +
            </a>
 +
                <ul class="clearfix unstyled drop-menu">
 +
                </ul>
 +
            </li>
 +
            <li><a href="javascript:void(0)" class="three-d">
 +
                Team
 +
                <span class="three-d-box"><span class="front">Team</span><span class="back">Team</span></span>
 +
            </a>
 +
                <ul class="clearfix unstyled drop-menu">
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Team" class="three-d" style="font-size:18px;">
 +
                        Team
 +
                        <span class="three-d-box"><span class="front" style="font-size:18px;">Team</span><span class="back" style="font-size:18px;">Team</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Attributions" class="three-d" style="font-size:18px;">
 +
                        Attributions
 +
                        <span class="three-d-box"><span class="front" style="font-size:18px;">Attributions</span><span class="back" style="font-size:18px;">Attributions</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Collaborations" class="three-d" style="font-size:17px;">
 +
                        Collaborations
 +
                        <span class="three-d-box"><span class="front" style="font-size:17px;">Collaborations</span><span class="back" style="font-size:17px;">Collaborations</span></span>
 +
                    </a></li>
 +
                </ul>
 +
            </li>
 +
        </ul>
 +
    </div>
 +
    <!--nav end-->
 +
 
 +
    <div id="Hm_branding" class="Hm_branding">
 +
         <img id="branding_img" src="https://static.igem.org/mediawiki/2018/f/f1/T--NJU-China--2018--Logo2.png" class="Hm_branding_img" alt="branding_img">
 
     </div>
 
     </div>
 +
    <!--ner-back start-->
 +
    <!--ner-back end-->
 +
</header>
 +
<div id="ner-back"  class="ner-back">
 +
    <img  id="ner-back-img" class="ner-back-img" src="https://static.igem.org/mediawiki/2018/d/d6/T--NJU-China--PageUp.png" alt="ner-back" onclick="returnTop()">
 
</div>
 
</div>
−
<div id="nav" class="nav">
+
<div class="top">
−
     <ul class="nav-menu clearfix unstyled">
+
     <img id="pic_1_1" class="top_pic" src="https://static.igem.org/mediawiki/2018/e/ed/T--NJU-China--2018--Home1-1.png" alt="top_pic" style="">
−
        <li><a href="#" class="three-d active">
+
    <img id="pic_1_2" class="top_pic_2" src="https://static.igem.org/mediawiki/2018/5/59/T--NJU-China--2018--Home1-2.png" style="">
−
            Home
+
    <img id="pic_2" class="top_pic_hid" src="https://static.igem.org/mediawiki/2018/a/a2/T--NJU-China--2018--Home2.png" style="">
−
            <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span>
+
    <div id="left" onclick="setleft()" style="position: absolute;width: 8%;top: 43%;height: 14%;left: 6%;z-index:999;cursor: pointer;"></div>
−
        </a></li>
+
    <div id="right" onclick="setright()" style="position: absolute;width: 8%;top: 43%;height: 14%;right: 6%;z-index:999;cursor: pointer;"></div>
−
        <li><a href="#" class="three-d">
+
−
            Project
+
−
            <span class="three-d-box"><span class="front">Project</span><span class="back">Project</span></span>
+
−
        </a>
+
−
            <ul class="clearfix unstyled drop-menu">
+
−
                <li><a href="#" class="three-d">
+
−
                    Design
+
−
                    <span class="three-d-box"><span class="front">Design</span><span class="back">Design</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    Description
+
−
                    <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    Results
+
−
                    <span class="three-d-box"><span class="front">Results</span><span class="back">Results</span></span>
+
−
                </a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li><a href="#" class="three-d">
+
−
            Parts
+
−
            <span class="three-d-box"><span class="front">Parts</span><span class="back">Parts</span></span>
+
−
        </a></li>
+
−
        <li><a href="#" class="three-d">
+
−
            Model
+
−
            <span class="three-d-box"><span class="front">Model</span><span class="back">Model</span></span>
+
−
        </a></li>
+
−
        <li><a href="#" class="three-d">
+
−
            Judge
+
−
            <span class="three-d-box"><span class="front">Judge</span><span class="back">Judge</span></span>
+
−
        </a></li>
+
−
        <li><a href="#" class="three-d">
+
−
            Human Practice
+
−
            <span class="three-d-box"><span class="front">Human Practice</span><span class="back">Human Practice</span></span>
+
−
        </a>
+
−
            <ul class="clearfix unstyled drop-menu">
+
−
                <li><a href="#" class="three-d">
+
−
                    1
+
−
                    <span class="three-d-box"><span class="front">1</span><span class="back">1</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    2
+
−
                    <span class="three-d-box"><span class="front">2</span><span class="back">2</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    3
+
−
                    <span class="three-d-box"><span class="front">3</span><span class="back">3</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    4
+
−
                    <span class="three-d-box"><span class="front">4</span><span class="back">4</span></span>
+
−
                </a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li><a href="#" class="three-d">
+
−
            Team
+
−
            <span class="three-d-box"><span class="front">Team</span><span class="back">Team</span></span>
+
−
        </a>
+
−
            <ul class="clearfix unstyled drop-menu">
+
−
                <li><a href="#" class="three-d">
+
−
                    Team
+
−
                    <span class="three-d-box"><span class="front">Team</span><span class="back">Team</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    Attributions
+
−
                    <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    Collaborations
+
−
                    <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span>
+
−
                </a></li>
+
−
            </ul>
+
−
        </li>
+
−
    </ul>
+
 
</div>
 
</div>
−
<!--ner-back start-->
+
<div id="main" class="main">
−
<div id="ner-back" class="ner-back-up">
+
    <img src="https://static.igem.org/mediawiki/2018/5/5e/T--NJU-China--2018--main_frame.png" style="width:100%"/>
−
     <img  id="ner-back-img" class="ner-back-img"src="https://static.igem.org/mediawiki/2018/1/17/T--NJU-China--ner-back.png" alt="ner-back" onclick="returnTop()">
+
    <a href="https://2018.igem.org/Team:NJU-China/Project"><img class="main_next" src="https://static.igem.org/mediawiki/2018/6/64/T--NJU-China--2018--Next.png" /></a>
 +
     <div id="footer" class="footer">
 +
        <img src="https://static.igem.org/mediawiki/2018/a/a6/T--NJU-China--footer-img2.png" class="footer_img"/>
 +
    </div>
 
</div>
 
</div>
−
<script type="text/javascript">
 
  
−
</script>
+
 
−
<!--ner-back end-->
+
</body>
−
<div class="main_body" id="main_body">
+
−
    <p class="abstract" id="abstract">
+
−
        We (NJU-China 2018 team) aim to find the possible therapy of
+
−
        the Fragile X Syndrome, a genetical disease causing a great number
+
−
        of ill of brain. As is previously analyzed, the syndrome is due to the
+
−
        reduction of a specific protein named FMR-1 in the dendrites of our
+
−
        neural cells. In order to innovate the treatment, we developed a
+
−
        strategy by using a designed sequence of mRNA to transfer the
+
−
        target gene specially into the dendrites for higher efficiency and
+
−
        accuracy. With the production of the certain sequence, we are able
+
−
        to maintain the production of certain protein in the neuron to the
+
−
        required level.
+
−
    </p>
+
−
</div>
+
−
<div class="footer" id="footer">
+
−
    <img  id="footer-img" class="footer-img"src="https://static.igem.org/mediawiki/2018/f/fb/T--NJU-China--footer-img.png" alt="footer-img">
+
 
</html>
 
</html>

Latest revision as of 16:50, 17 October 2018

Home

Now Loading...

your browser doesn't support canvas.
branding_img branding_img_w
ner-back
top_pic