Difference between revisions of "Team:NUDT CHINA/Parts"

(Prototype team page)
 
Line 1: Line 1:
−
{{NUDT_CHINA}}
+
{{NUDT_CHINA/navbar}}
 
<html>
 
<html>
 +
<style>
 +
#mw-content-text p{
 +
    margin: 0px;
 +
}
 +
#content {
 +
    padding: 0px;
 +
    margin: 0px;
 +
    width: 100%;
 +
}
 +
body {
 +
    background-color: white;
 +
    margin: 0px;
 +
}
 +
#bodyContent h1 {
 +
    font-weight: 300 !important;
 +
}
 +
#bodyContent h1,
 +
#bodyContent h2,
 +
#bodyContent h3,
 +
#bodyContent h4,
 +
#bodyContent h5 {
 +
    margin-bottom: 0px;
 +
    border-bottom: none;
 +
}
  
 +
#bodyContent {
 +
    padding-right: 0px;
 +
}
 +
#globalWrapper {
 +
    font-size: 100%;
 +
    padding: 0px;
 +
    margin: 0px;
 +
}
 +
#top_title {
 +
    visibility: hidden;
 +
    display:none;
 +
}
 +
/* Sections Header
 +
--------------------------------*/
 +
.section-header h3 {
 +
  font-size: 40px;
 +
  color: #111;
 +
  text-transform: uppercase;
 +
  text-align: center;
 +
  font-weight: 700;
 +
  position: relative;
 +
  padding-bottom: 15px;
 +
}
  
−
<div class="column full_size">
+
.section-header h3::before {
−
<h1>Parts</h1>
+
  content: '';
−
<p>Each team will make new parts during iGEM and will submit them to the Registry of Standard Biological Parts. The iGEM software provides an easy way to present the parts your team has created. The <code>&lt;groupparts&gt;</code> tag (see below) will generate a table with all of the parts that your team adds to your team sandbox.</p>
+
  position: absolute;
−
<p>Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.</p>
+
  display: block;
−
</div>
+
  width: 120px;
 +
  height: 1px;
 +
  background: #ddd;
 +
  bottom: 1px;
 +
  left: calc(50% - 60px);
 +
}
  
−
<div class="column full_size">
+
.section-header h3::after {
−
<div class="highlight decoration_background">
+
  content: '';
−
<h3>Note</h3>
+
  position: absolute;
−
<p>Note that parts must be documented on the <a href="http://parts.igem.org/Main_Page"> Registry</a>. This page serves to <i>showcase</i> the parts you have made. Future teams and other users and are much more likely to find parts by looking in the Registry than by looking at your team wiki.</p>
+
  display: block;
−
</div>
+
  width: 40px;
−
</div>
+
  height: 3px;
 +
  background: #18d26e;
 +
  bottom: 0;
 +
  left: calc(50% - 20px);
 +
}
  
−
<div class="clear extra_space"></div>
+
.section-header p {
−
<div class="line_divider"></div>
+
  text-align: center;
−
<div class="clear extra_space"></div>
+
  padding-bottom: 30px;
 +
  color: #333;
 +
}
  
 +
/* Back to top button */
 +
.back-to-top {
 +
  position: fixed;
 +
  background: #18d26e;
 +
  background-repeat: no-repeat;
 +
  background-size: contain;
 +
  color: #fff;
 +
  display: inline-block;
 +
  width: 60px;
 +
  height: 60px;
 +
  text-align: center;
 +
  line-height: 1;
 +
  font-size: 16px;
 +
  border-radius: 50%;
 +
  right: 30px;
 +
  bottom: 30px;
 +
  transition: background 0.5s;
 +
  z-index: 500;
 +
}
  
 +
.back-to-top i {
 +
  padding-top: 12px;
 +
  color: #fff;
 +
}
  
 +
@media (max-width: 768px) {
 +
  .back-to-top {
 +
    bottom: 30px;
 +
  }
 +
}
 +
</style>
 +
<div class="col-md-12 column" alt="cover_photo" style="width:100%;height:250px;background-size:cover;background-position:0px -350px; background-image:url(https://static.igem.org/mediawiki/2016/thumb/3/3f/NUDT_CHINA2016_FILES-img-banner-3.0.png/800px-NUDT_CHINA2016_FILES-img-banner-3.0.png);background-repeat:no-repeat;">
 +
  <p style="font-size:36px;margin: 0 0%;padding: 8% 0 0 10%;color: white;">Development of A Novel</p>
 +
<p style="font-size:36px;margin: 0 0%;padding: 0 0 0 10%;color: white;">Blood-MicroRNA Handy Detection System with CRISPR</p></div>
  
 +
<div class="container">
 +
<div class="row clearfix">
 +
<div class="container" style="margin-top: 280px">
 +
<div class="row" style="margin-top: 25px">
 +
                                <div class="col-md-push-1 col-md-10">
 +
      <h1 style="font-size: 40px;font-weight: 900">Our Work</h1>
 +
                                      <h2 style="font-size: 32px;margin-bottom: 10px;margin-top: 15px;">Our Work</h2>
 +
<p alt="content_add" style="font-size: 18px;">hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 +
</div>
 +
<div class="col-md-12 column" alt = "main_content">
 +
<div class="col-md-8 col-md-push-2 thumbnail" alt="content_pictute">
 +
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
 +
<p alt="photo_detail" style="text-align: center;">This is the sign of the famous game!</p>
 +
</div>
 +
 +
<div class="col-md-6 col-md-push-3">
 +
<!-- <p class="text-center text-info">this is the sign of igem</p> -->
 +
<p alt="photo_detail" style="text-align: center;"><em>This is the sign of the famous game!</em></p>
 +
</div>
 +
</div>
 +
<div class="col-md-push-1 col-md-10">
 +
<p alt="content_add" style="font-size: 18px;">hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 +
<blockquote style="border-left-color: #18d26e;">
 +
Maybe you want to write <strong>something interesting thing</strong> here!
 +
<small>Someone famous in <cite>Source Title</cite></small>
 +
</blockquote>
 +
<p alt="content_add" style="font-size: 18px;">hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 +
</div>
 +
<div class="col-md-12 column" alt = "main_content">
 +
<div class="col-md-6 col-md-push-3" alt="content_pictute">
 +
<div class="row center-block">
 +
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
 +
<p alt="photo_detail" style="text-align: center;">This is the sign of the famous game!</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-md-push-1 col-md-10">
 +
<p alt="content_add" style="font-size: 18px;">hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 +
<table class="table table-striped">
 +
  <caption>The example table for show some data</caption>
 +
  <thead>
 +
<tr>
 +
  <th>name</th>
 +
  <th>city</th>
 +
  <th>mail</th>
 +
</tr>
 +
  </thead>
 +
  <tbody>
 +
<tr>
 +
  <td>Tanmay</td>
 +
  <td>Bangalore</td>
 +
  <td>560001</td>
 +
</tr>
 +
<tr>
 +
  <td>Sachin</td>
 +
  <td>Mumbai</td>
 +
  <td>400003</td>
 +
</tr>
 +
<tr>
 +
  <td>Uma</td>
 +
  <td>Pune</td>
 +
  <td>411027</td>
 +
</tr>
 +
  </tbody>
 +
</table>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Example block-level help text here.There are several variants of  derived from different organisms. In our project, we  . The structure of this protein has been determined with and without  The  a  lobe. The two lobes are positively charged towards the protein core to accommodate the negatively charged RNA. Each of these two lobes contains an RNase domain. At the  main is responsible for target cleavage. In contrast to other  two RNase domains of the NUC lobe are located at the outside of the protein, which is likely the reason collateral cleavage upon activation by binding to a matching target. These two domains have been labeled as red spots in Figure 2 and can be found at the interface between the green and pink domain.
 +
</p>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
  
−
<div class="column two_thirds_size">
+
<div class="col-md-push-1 col-md-4 thumbnail">
−
<div class="highlight decoration_B_full">
+
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
−
 
+
</div>
−
<h3>Adding parts to the registry</h3>
+
<div class="col-md-push-3 col-md-4 thumbnail">
−
<p>You can add parts to the Registry at our <a href="http://parts.igem.org/Add_a_Part_to_the_Registry">Add a Part to the Registry</a> link.</p>
+
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
−
 
+
</div>
−
<p>We encourage teams to start completing documentation for their parts on the Registry as soon as you have it available. The sooner you put up your parts, the better you will remember all the details about your parts. Remember, you don't need to send us the DNA sample before you create an entry for a part on the Registry. (However, you <b>do</b> need to send us the DNA sample before the Jamboree. If you don't send us a DNA sample of a part, that part will not be eligible for awards and medal criteria.)</p>
+
</div>
−
<div class="button_link">
+
<div class="col-md-push-1 col-md-10">
−
<a href="http://parts.igem.org/Add_a_Part_to_the_Registry">
+
<p alt="content_add" style="font-size: 18px;">
−
ADD PARTS
+
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
−
</a>
+
</p>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<header class="section-header">
 +
<h3>More details</h3>
 +
</header>
 +
<div class="col-md-12 column" alt="problem_answer">
 +
<div class="panel-group" id="panel-1">
 +
<div class="panel panel-success">
 +
<div class="panel-heading text-center">
 +
<a class="panel-title collapsed " data-toggle="collapse" data-parent="#panel-1" href="#panel-element-1"  style="color: #079209; font-size: 20px;text-decoration:none;">Question 1: What does the structure of domains look like?</a>
 +
</div>
 +
<div id="panel-element-1" class="panel-collapse collapse">
 +
<div class="panel-body" style="font-size:16px;">
 +
There are several variants of  derived from different organisms. In our project, we  . The structure of this protein has been determined with and without  The  a  lobe. The two lobes are positively charged towards the protein core to accommodate the negatively charged RNA. Each of these two lobes contains an RNase domain. At the main is responsible for target cleavage. In contrast to other  two RNase domains of the NUC lobe are located at the outside of the protein, which is likely the reason collateral cleavage upon activation by binding to a matching target. These two domains have been labeled as red spots in Figure 2 and can be found at the interface between the green and pink domain.
 +
</div>
 +
</div>
 +
</div>
 +
<div class="panel panel-success">
 +
<div class="panel-heading text-center">
 +
<a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-1" href="#panel-element-2" style="color: #079209; font-size: 20px;text-decoration:none;">Collapsible Group Item #2</a>
 +
</div>
 +
<div id="panel-element-2" class="panel-collapse collapse">
 +
<div class="panel-body" style="font-size:16px;">
 +
Anim pariatur cliche...
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
 
−
</div>
 
−
</div>
 
−
 
−
 
−
 
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>We have a created  a <a href="http://parts.igem.org/Well_Documented_Parts">collection of well documented parts</a> that can help you get started.</p>
 
−
 
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Parts"> 2014 Heidelberg</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Tokyo_Tech/Parts">2014 Tokyo Tech</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="clear extra_space"></div>
 
−
 
−
 
−
 
−
 
−
<div class="column full_size">
 
−
 
−
<h3>What information do I need to start putting my parts on the Registry?</h3>
 
−
<p>The information needed to initially create a part on the Registry is:</p>
 
−
<ul>
 
−
<li>Part Name</li>
 
−
<li>Part type</li>
 
−
<li>Creator</li>
 
−
<li>Sequence</li>
 
−
<li>Short Description (60 characters on what the DNA does)</li>
 
−
<li>Long Description (Longer description of what the DNA does)</li>
 
−
<li>Design considerations</li>
 
−
</ul>
 
−
 
−
<p>
 
−
We encourage you to put up <em>much more</em> information as you gather it over the summer. If you have images, plots, characterization data and other information, please also put it up on the part page. </p>
 
−
 
−
</div>
 
−
 
−
 
−
<div class="clear extra_space"></div>
 
−
<div class="line_divider"></div>
 
−
<div class="clear extra_space"></div>
 
−
 
−
<div class="column full_size">
 
−
<h3>Part Table </h3>
 
−
 
−
<p>Please include a table of all the parts your team has made during your project on this page. Remember part characterization and measurement data must go on your team part pages on the Registry. </p>
 
−
 
−
</html>
 
−
<groupparts>iGEM18 NUDT_CHINA</groupparts>
 
−
<html>
 
−
</div>
 
−
 
−
 
  
  
 
</html>
 
</html>
 +
{{NUDT_CHINA/footer}}

Revision as of 13:58, 12 October 2018

Development of A Novel

Blood-MicroRNA Handy Detection System with CRISPR

Our Work

Our Work

hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

300x200

This is the sign of the famous game!

This is the sign of the famous game!

hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Maybe you want to write something interesting thing here! Someone famous in Source Title

hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

300x200

This is the sign of the famous game!

hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

The example table for show some data
name city mail
Tanmay Bangalore 560001
Sachin Mumbai 400003
Uma Pune 411027

Example block-level help text here.There are several variants of derived from different organisms. In our project, we . The structure of this protein has been determined with and without The a lobe. The two lobes are positively charged towards the protein core to accommodate the negatively charged RNA. Each of these two lobes contains an RNase domain. At the main is responsible for target cleavage. In contrast to other two RNase domains of the NUC lobe are located at the outside of the protein, which is likely the reason collateral cleavage upon activation by binding to a matching target. These two domains have been labeled as red spots in Figure 2 and can be found at the interface between the green and pink domain.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

300x200
300x200

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

More details

There are several variants of derived from different organisms. In our project, we . The structure of this protein has been determined with and without The a lobe. The two lobes are positively charged towards the protein core to accommodate the negatively charged RNA. Each of these two lobes contains an RNase domain. At the main is responsible for target cleavage. In contrast to other two RNase domains of the NUC lobe are located at the outside of the protein, which is likely the reason collateral cleavage upon activation by binding to a matching target. These two domains have been labeled as red spots in Figure 2 and can be found at the interface between the green and pink domain.
Anim pariatur cliche...