|
|
Line 76: |
Line 76: |
| <!-- Main --> | | <!-- Main --> |
| <section id="main"> | | <section id="main"> |
| + | |
| + | <section id="main"> |
| + | <div class='card-holder'> |
| + | <div class='card-wrapper'> |
| + | <a href='#to_hf'> |
| + | <div class='card bg-01'> |
| + | <span class='card-content'>1 Heart failure</span> |
| + | </div> |
| + | </a> |
| + | </div> |
| + | <div class='card-wrapper'> |
| + | <a href='#to_cartin'> |
| + | <div class='card bg-02'> |
| + | <span class='card-content'>2 CaRTIN</span> |
| + | </div> |
| + | </a> |
| + | </div> |
| + | <div class='card-wrapper'> |
| + | <a href='#to_references'> |
| + | <div class='card bg-03'> |
| + | <span class='card-content'>3 References</span> |
| + | </div> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | |
| <div class="container"> | | <div class="container"> |
| <!-- Content --> | | <!-- Content --> |
Line 82: |
Line 108: |
| <h2 style="text-align: center">Description</h2> | | <h2 style="text-align: center">Description</h2> |
| </header> | | </header> |
− | <header>
| |
− | <h3>One</h3>
| |
− | </header>
| |
− | <p>
| |
− | Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor
| |
− | hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo.
| |
− | Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.
| |
− | Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus.
| |
− | Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor
| |
− | hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo.
| |
− | Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.
| |
− | </p>
| |
− | <div style="text-align: center">
| |
− | <img alt="" src="https://static.igem.org/mediawiki/2018/3/30/T--SMMU-China--banner_replace.jpg" style="width:80%;margin: 0 auto;" >
| |
− | <p><strong>Figure 1: </strong>Overall scheme of our project. </p>
| |
− | </div>
| |
− |
| |
− |
| |
− | <p>
| |
− | Praesent a dolor leo. Duis in felis in tortor lobortis volutpat et pretium tellus. Vestibulum ac ante nisl,
| |
− | a elementum odio. Duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
| |
− | placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
| |
− | eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
| |
− | elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.
| |
− | </p>
| |
− | <section>
| |
− | <header>
| |
− | <h3>Two</h3>
| |
− | </header>
| |
| | | |
− | <p>
| + | <div id="to_hf" style="height: 15px"></div> |
− | Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
| + | <h2 class="inner-h">1 Heart failure</h2> |
− | placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
| + | <h3 class="inner-h">What is heart failure?</h3> |
− | eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
| + | <p class="inner-text"> |
− | elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor | + | The main function of the heart is to pump blood, providing power to promote blood circulation to meet the metabolic needs of tissue cells throughout the body. |
− | sit amet nullam consequat feugiat dolore tempus.
| + | |
− | Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
| + | |
− | placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
| + | |
− | eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
| + | |
− | elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.
| + | |
| </p> | | </p> |
− | <table>
| |
− | <tr>
| |
− | <th width="300px">Do</th>
| |
− | <th width="250px">Don't</th>
| |
− | <th width="410px">Why?</th>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>Make sure all wiki content is hosted on <b>2018.igem.org</b>. (This includes text, files, HTML, CSS, Javascript, and other scripts.)</td>
| |
− | <td>Don't host your wiki or parts of your wiki elsewhere. Don't include scripts or stylesheets from other servers. </td>
| |
− | <td>iGEM content is preserved on our servers so future teams can learn from what you've done. When content is stored on other sites/servers, links may become broken, sites may go down, and <b>information will be lost.</b></td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>Work on your wiki throughout the year and <b>save small edits for last</b></td>
| |
− | <td>Don't wait to add/edit large portions of wiki content the day of the <b>Wiki Freeze</b></td>
| |
− | <td>Just before the Wiki Freeze, iGEM websites experience <b>increased traffic and server loads.</b> This can be a difficult time to make larger changes or additions to your wiki. Don't wait till the last minute!</td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>Name uploaded files clearly and uniquely (T--TeamName--Filename.png)</td>
| |
− | <td>Don't use generic names for you files (Header.png)</td>
| |
− | <td>Using <b>unique names</b> makes searching/identification of uploaded files easier.</td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>Load your CSS and Javascript into the wiki, either directly into your page or using templates.</td>
| |
− | <td>Don't try to host your CSS and Javascript on a third party server</td>
| |
− | <td>You are required to host all content on the iGEM servers (see above)</td>
| |
− | </tr>
| |
− | </table>
| |
− | <p style="text-align: center"><strong>Table 1: </strong>Overall scheme of our project. </p>
| |
− | <p>
| |
− | Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
| |
− | eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
| |
− | elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
| |
− | sit amet nullam consequat feugiat dolore tempus.
| |
− | </p>
| |
− | </section>
| |
− | <section>
| |
− | <header>
| |
− | <h3>Three</h3>
| |
− | </header>
| |
− | <center>
| |
− | <video height="480" controls="">
| |
− | <source src="https://static.igem.org/mediawiki/2018/f/fe/IGEM_Human_Practices.mp4" type="video/mp4">
| |
− | </video>
| |
− | </center>
| |
− | <p>
| |
− | Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
| |
− | eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
| |
− | elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
| |
− | sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et lectus commodo fringilla.
| |
− | Maecenas sagittis convallis justo vel mattis.
| |
− | </p>
| |
− |
| |
− | </section>
| |
| </article> | | </article> |
| | | |