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

(Prototype team page)
 
Line 1: Line 1:
−
{{NUDT_CHINA}}
+
{{NUDT_CHINA/navbar}}
 
<html>
 
<html>
 +
<style>
 +
.text-center {
 +
    text-align: center!important;
 +
}
 +
/* Sections Header
 +
--------------------------------*/
 +
.section-header h3 {
 +
  font-size: 32px;
 +
  color: #111;
 +
  text-transform: uppercase;
 +
  text-align: center;
 +
  font-weight: 700;
 +
  position: relative;
 +
  padding-bottom: 15px;
 +
}
  
 +
.section-header h3::before {
 +
  content: '';
 +
  position: absolute;
 +
  display: block;
 +
  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="column full_size">
+
.section-header p {
−
<h1>Description</h1>
+
  text-align: center;
 +
  padding-bottom: 30px;
 +
  color: #333;
 +
}
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
/* 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;
 +
}
  
−
</div>
+
.back-to-top i {
 +
  padding-top: 12px;
 +
  color: #fff;
 +
}
  
 +
@media (max-width: 768px) {
 +
  .back-to-top {
 +
    bottom: 30px;
 +
  }
 +
}
 +
</style>
 +
<div class="container">
 +
<div class="row clearfix">
 +
<div class="container" style="margin-top: 100px">
 +
<header class="section-header">
 +
<h3>Our Work</h3>
 +
</header>
 +
<div class="row" style="margin-top: 50px">
 +
<div class="col-md-push-1 col-md-10">
 +
<p 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 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 class="text-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 class="text-center"><em>This is the sign of the famous game!</em></p>
 +
</div>
 +
</div>
 +
<div class="col-md-push-1 col-md-10">
 +
<p 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 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 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 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 class="text-center">This is the sign of the famous game!</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-md-push-1 col-md-10">
 +
<p 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 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 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 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 two_thirds_size">
+
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
−
<h3>What should this page contain?</h3>
+
</div>
−
<ul>
+
<div class="col-md-push-3 col-md-4 thumbnail">
−
<li> A clear and concise description of your project.</li>
+
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
</div>
−
<li>References and sources to document your research.</li>
+
</div>
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
<div class="col-md-push-1 col-md-10">
−
</ul>
+
<p 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>
 +
</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="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>See how other teams have described and presented their projects: </p>
 
−
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
 
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
 
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
<div class="column two_thirds_size" >
 
−
<h3>Advice on writing your Project Description</h3>
 
−
 
−
<p>
 
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be concise, accurate, and unambiguous in your achievements.
 
−
</p>
 
−
 
−
</div>
 
−
 
−
<div class="column third_size">
 
−
<h3>References</h3>
 
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
 
  
  
 
</html>
 
</html>
 +
{{NUDT_CHINA/footer}}

Revision as of 05:33, 1 July 2018

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...