|
|
| (5 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | {{NUDT_CHINA/navbar}} | + | {{NUDT_CHINA/content}} |
| | <html> | | <html> |
| − | <style>
| + | <div class="col-md-12 column" style="width:100%;height:250px;background-size:contain;0px -100px; background-image:url(https://static.igem.org/mediawiki/2018/8/87/T--NUDT_CHINA--banner_parts.jpg);background-repeat:no-repeat;"> |
| − | #mw-content-text p{
| + | <p style="font-size:36px;margin: 0 0%;padding: 5% 0 0 10%;color: white;">Designed Protein Degradation Method Based on</p> |
| − | margin: 0px;
| + | <p style="font-size:36px;margin: 0 0%;padding: 0 0 0 10%;color: white;">Trim21 And Nanobody -- Composite Parts</p> |
| − | }
| + | </div> |
| − | #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;
| + | |
| − | }
| + | |
| − | | + | |
| − | .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);
| + | |
| − | }
| + | |
| − | | + | |
| − | .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="container"> |
| Line 117: |
Line 10: |
| | <div class="container" style="margin-top: 280px"> | | <div class="container" style="margin-top: 280px"> |
| | <div class="row" style="margin-top: 25px"> | | <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>
| + | <<table class="table table-striped"> |
| − | <h2 style="font-size: 32px;margin-bottom: 10px;margin-top: 15px;">Our Work</h2>
| + | <thead> |
| − | <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> | | <tr> |
| − | <th>name</th> | + | <th>Name</th> |
| − | <th>city</th> | + | <th>Type</th> |
| − | <th>mail</th> | + | <th>Description</th> |
| | + | <th>Designer</th> |
| | + | <th>Length</th> |
| | </tr> | | </tr> |
| | </thead> | | </thead> |
| | <tbody> | | <tbody> |
| − | <tr>
| + | <tr> |
| − | <td>Tanmay</td> | + | <td> BBa_K2653006</td> |
| − | <td>Bangalore</td> | + | <td>DNA</td> |
| − | <td>560001</td> | + | <td>erbB3-composite</td> |
| | + | <td>Jiaxin Ma</td> |
| | + | <td></td> |
| | </tr> | | </tr> |
| − | <tr>
| + | <tr> |
| − | <td>Sachin</td> | + | <td> BBa_K2653016</td> |
| − | <td>Mumbai</td> | + | <td>DNA</td> |
| − | <td>400003</td> | + | <td>GFP-nano-IgG1-FC-HA TAG-Trim21</td> |
| − | </tr>
| + | <td>Chenxing Sun</td> |
| − | <tr>
| + | <td></td> |
| − | <td>Uma</td>
| + | |
| − | <td>Pune</td> | + | |
| − | <td>411027</td> | + | |
| | </tr> | | </tr> |
| | </tbody> | | </tbody> |
| − | </table> | + | </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">
| |
| − | <img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
| |
| − | </div>
| |
| − | <div class="col-md-push-3 col-md-4 thumbnail">
| |
| − | <img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="col-md-push-1 col-md-10">
| |
| − | <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>
| |
| − | </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> |
