Difference between revisions of "Team:SMMU-China/Description"

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>
  

Revision as of 16:01, 8 October 2018

Description

1 Heart failure

What is heart failure?

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.

to the top