Difference between revisions of "Team:NJU-China"

Line 12: Line 12:
 
         <link href='https://fonts.googleapis.com/css?family=Suranna' rel='stylesheet' type='text/css'>
 
         <link href='https://fonts.googleapis.com/css?family=Suranna' rel='stylesheet' type='text/css'>
 
         <link href='https://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
 
         <link href='https://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
−
         <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-2-1-4?action=raw&ctype=text/javascript"></script>
+
         <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-2-1-4? action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:bootstrap?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:bootstrap?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-scripts?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-scripts?action=raw&ctype=text/javascript"></script>
Line 28: Line 28:
 
         </script>
 
         </script>
 
         <style>
 
         <style>
−
    #sideMenu,
+
#sideMenu,
−
    #top_title {
+
#top_title{
−
        display: none;
+
    display: none;
−
        box-sizing: content-box;
+
    box-sizing: content-box;
−
    }
+
}
−
  #content{
+
#content{
−
        width: 100%;
+
    width: 100%;
−
        margin: 0;
+
    margin: 0;
−
        padding:0;
+
    padding:0;
−
      }
+
}
−
#top_menu_14 {
+
#top_menu_14{
 
     height: 25px;
 
     height: 25px;
 
}
 
}
−
#top_menu_under {
+
#top_menu_under{
 
     height: 0px;
 
     height: 0px;
 
}
 
}
 
</style>
 
</style>
−
 
 
     </head>
 
     </head>
−
 
 
     <body>
 
     <body>
−
 
+
    <div id="header-wrapper">
−
        <!-- .header-wrapper start -->
+
<!-- .header-wrapper start -->
−
        <div id="header-wrapper">
+
<div id="toplink">
−
            <!-- #header start -->
+
    <a href="#top"><img src="img/top.png" alt="top" id="topsec"></a>
−
            <header id="header">
+
</div>
−
 
+
<div id="top">
−
                <!-- Main navigation and logo container -->
+
</div>
−
                <div class="header-inner">
+
<!-- #header start -->
−
                    <!-- .container start -->
+
  <header id="header">
−
                    <div class="container">
+
      <!-- Main navigation and logo container -->
−
                        <!-- .main-nav start -->
+
        <div class="header-inner">
−
                        <div class="main-nav">
+
            <!-- .container start -->
−
                            <!-- .row start -->
+
            <div class="container">
−
                            <div class="row">
+
                <!-- .main-nav start -->
 +
                  <div class="main-nav">
 +
                    <!-- .row start -->
 +
                        <div class="row">
 
                                 <div class="col-md-12">
 
                                 <div class="col-md-12">
 
                                     <!-- .navbar start -->
 
                                     <!-- .navbar start -->
−
                                     <nav class="navbar navbar-default nav-left">
+
                                     <nav class="navbar navbar-default nav-left">                                  
  
 
                                         <!-- .navbar-header start -->
 
                                         <!-- .navbar-header start -->
Line 72: Line 73:
 
                                             <div class="logo">
 
                                             <div class="logo">
 
                                                 <a href="index.html">
 
                                                 <a href="index.html">
−
                                                     <img src="https://static.igem.org/mediawiki/2017/3/3a/NJU-CHINA_2017_logo.png" alt="Royal Plate Restaurant & Catering HTML Template">
+
                                                     <img src="img/logo.png" alt="NJU-CHINA">
 
                                                 </a>
 
                                                 </a>
 
                                             </div><!-- logo end -->
 
                                             </div><!-- logo end -->
Line 81: Line 82:
 
                                             <ul class="nav navbar-nav pi-nav">
 
                                             <ul class="nav navbar-nav pi-nav">
 
                                                 <li class="current-menu-item dropdown">
 
                                                 <li class="current-menu-item dropdown">
−
                                                     <a href="#">Home</a>  
+
                                                     <a href="index.html">Home</a>  
 
                                                 </li>
 
                                                 </li>
  
−
                                                 <li class="dropdown"><a href="about.html">Project</a>
+
                                                 <li class="dropdown"><a href="project.html">Project</a>
 
                                                     <ul class="dropdown-menu">
 
                                                     <ul class="dropdown-menu">
−
                                                         <li><a href="#">Description</a></li>
+
                                                         <li><a href="project.html#dcp">Description</a></li>
−
                                                         <li><a href="#">RNAi Module</a></li>
+
                                                         <li><a href="project.html#RNAi">RNAi Module</a></li>
−
                                                         <li><a href="#">Targeting Module</a></li>
+
                                                         <li><a href="project.html#tgt">Targeting Module</a></li>
−
                                                         <li><a href="#">Assembly</a></li>
+
                                                         <li><a href="project.html#asl">Assembly</a></li>
 
                                                     </ul>
 
                                                     </ul>
 
                                                     <!-- .dropdown-menu end -->
 
                                                     <!-- .dropdown-menu end -->
Line 95: Line 96:
  
 
                                                 <li class="dropdown">
 
                                                 <li class="dropdown">
−
                                                     <a href="#">Results</a>  
+
                                                     <a href="results.html">Results</a>  
 
                                                     <ul class="dropdown-menu">
 
                                                     <ul class="dropdown-menu">
−
                                                         <li><a href="#">Parts</a></li>
+
                                                         <li><a href="results.html#parts">Parts</a></li>
−
                                                         <li><a href="#">Validations</a></li>
+
                                                         <li><a href="results.html#validations">Validations</a></li>
−
                                                         <li><a href="#">Safety</a></li>
+
                                                         <li><a href="results.html#safety">Safety</a></li>
−
                                                         <li><a href="#">Conclusions</a></li>
+
                                                         <li><a href="results.html#conclusions">Conclusions</a></li>
 
                                                     </ul><!-- .dropdown-menu end -->
 
                                                     </ul><!-- .dropdown-menu end -->
 
                                                 </li>
 
                                                 </li>
  
 
                                                 <li>
 
                                                 <li>
−
                                                     <a href="#">Modeling</a>                                           
+
                                                     <a href="modeling.html">Modeling</a>                                           
 
                                                 </li>
 
                                                 </li>
 
                                                 <li class="dropdown">
 
                                                 <li class="dropdown">
−
                                                     <a href="#">Notebook</a>  
+
                                                     <a href="notebook.html">Notebook</a>  
 
                                                     <ul class="dropdown-menu">
 
                                                     <ul class="dropdown-menu">
−
                                                         <li><a href="#">Calendar</a></li>
+
                                                         <li><a href="notebook.html#calendar">Calendar</a></li>
−
                                                         <li><a href="#">Protocol</a></li>
+
                                                         <li><a href="notebook.html#protocol">Protocol</a></li>
 
                                                     </ul><!-- .dropdown-menu end -->
 
                                                     </ul><!-- .dropdown-menu end -->
 
                                                 </li>
 
                                                 </li>
 
                                                 <li>
 
                                                 <li>
−
                                                     <a href="#">Human practice</a>                                           
+
                                                     <a href="humanpractice.html">Human practice</a>                                           
 
                                                 </li>
 
                                                 </li>
 
                                                 <li class="dropdown">
 
                                                 <li class="dropdown">
−
                                                     <a href="#">Team</a>      <ul class="dropdown-menu">
+
                                                     <a href="team.html">Team</a>      <ul class="dropdown-menu">
−
                                                         <li><a href="#">Attributions</a></li>
+
                                                         <li><a href="team.html#team">Team</a></li>
−
                                                         <li><a href="#">Collaborations</a></li>
+
                                                        <li><a href="team.html#attributions">Attributions</a></li>
 +
                                                         <li><a href="team.html#collaborations">Collaborations</a></li>
 
                                                     </ul><!-- .dropdown-menu end -->                                   
 
                                                     </ul><!-- .dropdown-menu end -->                                   
 
                                                 </li>
 
                                                 </li>
 
                                                 <li>
 
                                                 <li>
−
                                                     <a href="#">Interlab</a>                                           
+
                                                     <a href="interlab.html">Interlab</a>                                           
 
                                                 </li>                                                 
 
                                                 </li>                                                 
 
                                             </ul><!-- .nav.navbar-nav.pi-nav end -->
 
                                             </ul><!-- .nav.navbar-nav.pi-nav end -->
Line 134: Line 136:
 
                                                 <ul class="dl-menu">
 
                                                 <ul class="dl-menu">
 
                                                     <li>
 
                                                     <li>
−
                                                         <a href="">Home</a>
+
                                                         <a href="home.html">Home</a>
 
                                                     </li>
 
                                                     </li>
  
 
                                                     <li>
 
                                                     <li>
−
                                                         <a href="">Project</a>
+
                                                         <a href="project">Project</a>
 
                                                         <ul class="dl-submenu">
 
                                                         <ul class="dl-submenu">
−
                                                             <li><a href="">Description</a></li>
+
                                                             <li><a href="project.html#dcp">Description</a></li>
−
                                                             <li><a href="">RNAi Module</a></li>
+
                                                             <li><a href="project.html#RNAi">RNAi Module</a></li>
−
                                                             <li><a href="">Targeting Module</a></li>
+
                                                             <li><a href="project.html#tgt">Targeting Module</a></li>
−
                                                             <li><a href="">Assembly</a></li>
+
                                                             <li><a href="project.html#asl">Assembly</a></li>
 
                                                         </ul>
 
                                                         </ul>
 
                                                     </li>
 
                                                     </li>
  
 
                                                     <li>
 
                                                     <li>
−
                                                         <a href="">Results</a>
+
                                                         <a href="results.html">Results</a>
 
                                                         <ul class="dl-submenu">
 
                                                         <ul class="dl-submenu">
−
                                                             <li><a href="">Parts</a></li>
+
                                                             <li><a href="results.html#parts">Parts</a></li>
−
                                                             <li><a href="">Validations</a></li>
+
                                                             <li><a href="results.html#validation">Validations</a></li>
−
                                                             <li><a href="">Safety</a></li>
+
                                                             <li><a href="results.html#safety">Safety</a></li>
−
                                                             <li><a href="">Conclusions</a></li>
+
                                                             <li><a href="results.html#conclusions">Conclusions</a></li>
 
                                                         </ul>
 
                                                         </ul>
 
                                                     </li>
 
                                                     </li>
  
 
                                                     <li>
 
                                                     <li>
−
                                                         <a href="">Modeling</a>
+
                                                         <a href="modeling.html">Modeling</a>
 
                                                     </li>
 
                                                     </li>
 
                                                     <li>
 
                                                     <li>
−
                                                         <a href="">Notebook</a>
+
                                                         <a href="notebook.html">Notebook</a>
 
                                                         <ul class="dl-submenu">
 
                                                         <ul class="dl-submenu">
−
                                                             <li><a href="">Calendar</a></li>
+
                                                             <li><a href="notebook.html#calendar">Calendar</a></li>
−
                                                             <li><a href="">Protocol</a></li>
+
                                                             <li><a href="notebook.html#protoclol">Protocol</a></li>
 
                                                         </ul>
 
                                                         </ul>
 
                                                     </li>
 
                                                     </li>
 
                                                     <li>
 
                                                     <li>
−
                                                         <a href="">Human Practice</a>
+
                                                         <a href="humanpractice.html">Human Practice</a>
 
                                                     </li>
 
                                                     </li>
  
 
                                                     <li>
 
                                                     <li>
−
                                                         <a href="">Team</a>
+
                                                         <a href="team.html">Team</a>
 
                                                         <ul class="dl-submenu">
 
                                                         <ul class="dl-submenu">
−
                                                             <li><a href="">Attributions</a></li>
+
                                                        <li><a href="team.html#team">Team</a></li>
−
                                                             <li><a href="">Collaborations</a></li>
+
                                                             <li><a href="team.html#attributions">Attributions</a></li>
 +
                                                             <li><a href="team.html#collaborations">Collaborations</a></li>
 
                                                         </ul>                                                         
 
                                                         </ul>                                                         
 
                                                     </li>
 
                                                     </li>
  
 
                                                     <li>
 
                                                     <li>
−
                                                         <a href="">Interlab</a>
+
                                                         <a href="interlab.html">Interlab</a>
 
                                                     </li><!-- Contact li end -->
 
                                                     </li><!-- Contact li end -->
  
Line 193: Line 196:
 
                 </div><!-- .header-inner end -->
 
                 </div><!-- .header-inner end -->
 
             </header><!-- #header end -->
 
             </header><!-- #header end -->
−
        </div><!-- #header-wrapper end -->
+
</div>
  
 
         <!-- .master-slider start -->
 
         <!-- .master-slider start -->
Line 199: Line 202:
 
             <!-- slide start -->
 
             <!-- slide start -->
 
             <div class="ms-slide">
 
             <div class="ms-slide">
−
                 <img  data-src="https://static.igem.org/mediawiki/2017/2/2d/NJU-CHINA_2017_slider01.jpeg" alt="Royal Plate - Restaurant & Catering HTML Template"/>  
+
                 <img  data-src="https://static.igem.org/mediawiki/2017/2/2d/NJU-CHINA_2017_slider01.jpeg" alt="NJU-CHINA"/>  
  
 
                 <!-- slide heading layer -->
 
                 <!-- slide heading layer -->
−
                <h3 class="ms-layer pi-caption02"
+
              <h2 class="ms-layer pi-caption01"  
−
                    style="top: 350px; left: 880px;"
+
                     style="top: 390px; left: 710px;"
−
                    data-type="text"
+
−
                    data-effect="bottom(40)"
+
−
                    data-duration="2000"
+
−
                    data-ease="easeOutExpo"
+
−
                    data-delay="1000"
+
−
                    >
+
−
                    IGEM
+
−
                </h3>
+
−
                <!-- slide heading layer -->
+
−
                <h2 class="ms-layer pi-caption01"  
+
−
                     style="top: 410px; left: 880px;"
+
 
                     data-type="text"
 
                     data-type="text"
 
                     data-effect="bottom(40)"
 
                     data-effect="bottom(40)"
Line 221: Line 213:
 
                     data-delay="800"
 
                     data-delay="800"
 
                     >
 
                     >
−
                     F-F-F
+
                     FREE FROM FAT
 
                 </h2>
 
                 </h2>
  
 
                 <!-- slide divider layer -->
 
                 <!-- slide divider layer -->
−
             
+
                <div class="ms-layer divider"
 +
                    style="top: 505px; left: 737px;"
 +
                    data-type="text"
 +
                    data-effect="top(40)"
 +
                    data-duration="2000"
 +
                    data-ease="easeOutExpo"
 +
                    data-delay="1000">
 +
                    <span class="hr-double left"></span>
 +
                    <span class="divider-svg">
 +
                        <img src="img/heading-icon.svg" alt="NJU-CHINA">
 +
                    </span>
 +
                    <span class="hr-double right"></span>
 +
                </div>
  
 
                 <!-- slide text layer -->
 
                 <!-- slide text layer -->
Line 236: Line 240:
 
                   data-delay="1000"
 
                   data-delay="1000"
 
                   >
 
                   >
−
                     NJU CHINA
+
                     NJU-CHINA
 
                 </p>
 
                 </p>
−
 
−
                <!-- slide text layer -->
 
−
                <p class="ms-layer pi-text02"
 
−
                  style="top: 630px; left: 788px;"
 
−
                  data-type="text"
 
−
                  data-effect="top(40)"
 
−
                  data-duration="2000"
 
−
                  data-ease="easeOutExpo"
 
−
                  data-delay="1000"
 
−
                  >
 
−
                    Monday - Friday: <span>08:00 A.M. - 23:00 P.M.</span>
 
−
                </p>
 
−
 
−
                <!-- slide text layer -->
 
−
                <p class="ms-layer pi-text02"
 
−
                  style="top: 662px; left: 813px;"
 
−
                  data-type="text"
 
−
                  data-effect="top(40)"
 
−
                  data-duration="2000"
 
−
                  data-ease="easeOutExpo"
 
−
                  data-delay="1000"
 
−
                  >
 
−
                    Weekends: <span>08:00 A.M. - 02:00 P.M.</span>
 
−
                </p>
 
−
 
 
                
 
                
 
             </div><!-- slide end -->
 
             </div><!-- slide end -->
Line 269: Line 248:
 
         <!-- .page-content start -->
 
         <!-- .page-content start -->
 
         <div class="page-content custom-img-background bkg-img1">
 
         <div class="page-content custom-img-background bkg-img1">
−
            <div class="container">
+
  <div class="container">
−
                <!-- .row start -->
+
    <div class="row">
−
                <div class="row">
+
      <div class="col-md-12 col-sm-12 centered">
−
                    <!-- .col-md-3 start -->
+
          <div class="frame-box custom-img-background bkg-img2">
−
                    <div class="col-md-3 col-sm-3 hidden-xs pt-80">
+
            <div class="custom-heading style-1">
−
                        <img src="img/pics/spices-left.png" alt="Royal Plate - Restaurant & Catering HTML Template" />
+
                <h3><span>PROJECT ABSTRACT</span></h3>
−
                    </div><!-- .col-md-3 end -->
+
                </div>
−
 
+
                    <p>Obesity has become increasingly disturbing and common these years. However, a perfect treatment of obesity has not appeared so far. The goal of our project is to develop a strategy to treat obesity, with building a transplantable system targeting a specific molecule that functions in white fat tissue. We packed siRNA into exosomes (nano-sized vesicles secreted by human cells). Then we modified our exosome with a certain peptide to act as white-fat-tissue-specific targeting tool. The siRNA will function to bring out the apoptosis of fat tissue. Our validation experiments will be carried out at the level of cells and animals (mice) to prove both the targeting and function of siRNA. Eventually, we expect to see a specific accumulation of the siRNA in the mice’s white fat tissue and the decrease of mice’s fat and their weights. This project may provide new insights into future treatment of obesity.</p>
−
                    <!-- .col-md-6 start -->
+
                </div>
−
                    <div class="col-md-6 col-sm-6 centered">
+
            </div>
−
                        <div class="frame-box custom-img-background bkg-img2">
+
        </div>
−
                            <div class="custom-heading style-1">
+
    </div>
−
                                <h3><span>Our story</span></h3>
+
</div>
−
                                <h3>PROJECT ABSTRACT</h3>
+
<div id="footer-wrapper" style="background-color: #181818;padding-top: 50px;">
−
 
+
    <div class="container">
−
                                <!-- .divider.style-1 start -->
+
        <div class="row">
−
                            </div><!-- .custom-heading.style-1 end -->
+
            <div class="col-sm-4 col-md-4">
−
 
+
                <img src="img/logo.png" alt="" style="float: left;">
−
                            <p>Obesity has become increasingly disturbing and common these years. However, a perfect treatment of obesity has not appeared so far. The goal of our project is to develop a strategy to treat obesity, with building a transplantable system targeting a specific molecule that functions in white fat tissue. We packed siRNA into exosomes (nano-sized vesicles secreted by human cells). Then we modified our exosome with a certain peptide to act as white-fat-tissue-specific targeting tool. The siRNA will function to bring out the apoptosis of fat tissue. Our validation experiments will be carried out at the level of cells and animals (mice) to prove both the targeting and function of siRNA. Eventually, we expect to see a specific accumulation of the siRNA in the mice’s white fat tissue and the decrease of mice’s fat and their weights. This project may provide new insights into future treatment of obesity.</p>
+
                <div style="background-color: gray;height: 70px;width:10px;float: left;margin-left: 15px;">
−
                        </div>
+
            </div>              
−
                    </div><!-- .col-md-6 end -->
+
            </div>          
−
 
+
            <div class="col-sm-8 col-md-8">
−
                    <!-- .col-md-3 start -->
+
                 <img src="img/attributions/acknowledgement1.png" alt="" width="100%">
−
                    <div class="col-md-3 col-sm-3 hidden-xs pt-80">
+
                <img src="img/attributions/acknowledgement2.png" alt="" width="100%">
−
                        <img src="img/pics/spices-right.png" alt="Royal Plate - Restaurant & Catering HTML Template" />
+
             </div>
−
                    </div><!-- .col-md-3 end -->
+
         </div>
−
                 </div><!-- .row end -->
+
</div>
−
             </div><!-- .container end -->
+
−
         </div><!-- .page-content end -->
+
 
          
 
          
  

Revision as of 05:00, 4 October 2017

NJU-CHINA

NJU-CHINA

FREE FROM FAT

NJU-CHINA

NJU-CHINA

PROJECT ABSTRACT

Obesity has become increasingly disturbing and common these years. However, a perfect treatment of obesity has not appeared so far. The goal of our project is to develop a strategy to treat obesity, with building a transplantable system targeting a specific molecule that functions in white fat tissue. We packed siRNA into exosomes (nano-sized vesicles secreted by human cells). Then we modified our exosome with a certain peptide to act as white-fat-tissue-specific targeting tool. The siRNA will function to bring out the apoptosis of fat tissue. Our validation experiments will be carried out at the level of cells and animals (mice) to prove both the targeting and function of siRNA. Eventually, we expect to see a specific accumulation of the siRNA in the mice’s white fat tissue and the decrease of mice’s fat and their weights. This project may provide new insights into future treatment of obesity.