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

(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 judges-will-not-evaluate">
+
.section-header h3::before {
−
<h3>★  ALERT! </h3>
+
  content: '';
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
  position: absolute;
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
  display: block;
−
</div>
+
  width: 120px;
 +
  height: 1px;
 +
  background: #ddd;
 +
  bottom: 1px;
 +
  left: calc(50% - 60px);
 +
}
  
 +
.section-header h3::after {
 +
  content: '';
 +
  position: absolute;
 +
  display: block;
 +
  width: 40px;
 +
  height: 3px;
 +
  background: #18d26e;
 +
  bottom: 0;
 +
  left: calc(50% - 20px);
 +
}
  
−
<div class="clear"></div>
+
.section-header p {
 +
  text-align: center;
 +
  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="col-md-push-1 col-md-4 thumbnail">
−
<div class="column full_size">
+
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
−
<h1>Attributions</h1>
+
</div>
−
<p>This page is your opportunity to explain what parts of your project you did and what was done by technicians, advisers, etc. This requirement is not about literature references - these can and should be displayed throughout your wiki.
+
<div class="col-md-push-3 col-md-4 thumbnail">
−
</p>
+
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
−
 
+
</div>
−
<h3> Bronze Medal Criterion #3</h3>
+
</div>
−
<p> All of the work done in your project must be attributed correctly on this page. You must clearly state the work that was done by the students on your team and note any work that was done by people outside of your team, including the host labs, advisors, instructors, and individuals not on the team roster.  
+
<div class="col-md-push-1 col-md-10">
−
<br><br>
+
<p alt="content_add" style="font-size: 18px;">
−
Please see the <a href="https://2018.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
+
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>
 +
</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 class="clear extra_space"></div>
 
−
 
−
 
−
 
−
<div class="column third_size">
 
−
<h3> What should this page contain?</h3>
 
−
 
−
<ul>
 
−
<li>Clearly state what the team accomplished</li>
 
−
<li>General Support</li>
 
−
<li>Project support and advice</li>
 
−
<li>Fundraising help and advice</li>
 
−
<li>Lab support</li>
 
−
<li>Difficult technique support</li>
 
−
<li>Project advisor support</li>
 
−
<li>Wiki support</li>
 
−
<li>Presentation coaching</li>
 
−
<li>Human Practices support</li>
 
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
 
−
</ul>
 
−
</div>
 
−
 
−
<div class="column third_size">
 
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
 
−
<ul>
 
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
 
−
<li>When did you start this course?</li>
 
−
<li>Are the syllabus and course materials freely available online?</li>
 
−
<li>When did you start your brainstorming?</li>
 
−
<li>When did you start in the lab?</li>
 
−
<li>When did you start working on  your project?</li>
 
−
</ul>
 
−
</div>
 
−
 
−
 
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
 
−
<h3>Inspiration</h3>
 
−
<p>Take a look at what other teams have done:</p>
 
−
<ul>
 
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
 
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
 
−
<div class="clear extra_space"></div>
 
−
 
−
<div class="column two_thirds_size">
 
−
<h3> Why is this page needed? </h3>
 
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
 
−
<p>
 
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
 
−
</div>
 
−
 
−
<div class="column third_size">
 
−
<div class="highlight decoration_B_full">
 
−
<h3> Can we base our project on a previous one? </h3>
 
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
 
−
</div>
 
−
</div>
 
−
 
  
  
 
</html>
 
</html>
 +
{{NUDT_CHINA/footer}}

Revision as of 13:16, 11 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...