Difference between revisions of "Team:Warwick/Human Practices"

Line 1: Line 1:
−
{{Warwick}}
 
 
<html>
 
<html>
 +
  <head>
 +
    <title>Theory by TEMPLATED</title>
 +
    <meta charset="utf-8" />
 +
    <meta name="viewport" content="width=device-width, initial-scale=1" />
 +
    <link rel="stylesheet" href="https://dl.dropbox.com/s/35wa4mc39p6vytg/main.css" />
 +
  </head>
 +
  <body>
 +
    <!-- Header -->
 +
      <header id="header">
 +
        <div class="inner">
 +
          <a href="https://2016.igem.org/Team:Warwick" class="logo" >
 +
            <img src="https://dl.dropbox.com/s/z381m7hq0no0qz2/Final%20logo.png" alt="IGEM WARWICK" class="logo">
 +
          </a>
 +
          <nav id="nav">
 +
            <a href="https://2016.igem.org/Team:Warwick">Home</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Team">Team</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Project">Project</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Attributions">Attributions</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Human_Practices">Human Practices</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Awards">Awards</a>
 +
          </nav>
 +
          <a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
 +
        </div>
 +
      </header>
  
−
<div class="column full_size">
+
    <!-- Banner -->
 +
      <section id="banner">
 +
        <h1>IGEM Warwick</h1>
 +
        <p>We do Science 'n Shit.</p>
 +
      </section>
  
 +
    <!-- One -->
 +
      <section id="one" class="wrapper">
 +
        <div class="inner">
 +
          <div class="flex flex-3">
 +
            <article>
 +
              <header>
 +
                <h3>Magna tempus sed amet<br /> aliquam veroeros</h3>
 +
              </header>
 +
              <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
 +
              <footer>
 +
                <a href="#" class="button special">More</a>
 +
              </footer>
 +
            </article>
 +
            <article>
 +
              <header>
 +
                <h3>Interdum lorem pulvinar<br /> adipiscing vitae</h3>
 +
              </header>
 +
              <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
 +
              <footer>
 +
                <a href="#" class="button special">More</a>
 +
              </footer>
 +
            </article>
 +
            <article>
 +
              <header>
 +
                <h3>Libero purus magna sapien<br /> sed ullamcorper</h3>
 +
              </header>
 +
              <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
 +
              <footer>
 +
                <a href="#" class="button special">More</a>
 +
              </footer>
 +
            </article>
 +
          </div>
 +
        </div>
 +
      </section>
  
−
<h3> Lymes Disease </h3>
+
    <!-- Two -->
 +
      <section id="two" class="wrapper style1 special">
 +
        <div class="inner">
 +
          <header>
 +
            <h2>Ipsum Feugiat</h2>
 +
            <p>Semper suscipit posuere apede</p>
 +
          </header>
 +
          <div class="flex flex-4">
 +
            <div class="box person">
 +
              <div class="image round">
 +
                <img src="images/pic03.jpg" alt="Person 1" />
 +
              </div>
 +
              <h3>Magna</h3>
 +
              <p>Cipdum dolor</p>
 +
            </div>
 +
            <div class="box person">
 +
              <div class="image round">
 +
                <img src="images/pic04.jpg" alt="Person 2" />
 +
              </div>
 +
              <h3>Ipsum</h3>
 +
              <p>Vestibulum comm</p>
 +
            </div>
 +
            <div class="box person">
 +
              <div class="image round">
 +
                <img src="images/pic05.jpg" alt="Person 3" />
 +
              </div>
 +
              <h3>Tempus</h3>
 +
              <p>Fusce pellentes</p>
 +
            </div>
 +
            <div class="box person">
 +
              <div class="image round">
 +
                <img src="images/pic06.jpg" alt="Person 4" />
 +
              </div>
 +
              <h3>Dolore</h3>
 +
              <p>Praesent placer</p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </section>
  
−
<img src="https://static.igem.org/mediawiki/2016/5/5c/WarwickiGEM2016MapOf_LymesDisease.jpeg" alt="Map of Lymes' Disease US" style="width:500px;height:380px;">
+
    <!-- Three -->
−
 
+
      <section id="three" class="wrapper special">
−
<p>Lymes disease is the most common vector-borne human infection in England and Wales, caused by bites from ticks containing the bacteria Borrelia burgdoferi. These ticks are found throughout the UK, in Northern and Central Europe and North America, commonly in woodland and heathland areas. Approximately 30,000 cases are reported to the Centres for Disease Control and Prevention (CDC) in the U.S every year, however it is estimated that 300,000 people contract the disease and are not reported <sup>[1]</sup>. There are 2000-3000 newly confirmed cases in the U.K each year, with 15% being contracted abroad <sup>[2]</sup>. Our project will help to diagnose people who have the disease early enough to prevent irreversible and life-long damage to their body.</p>
+
        <div class="inner">
−
 
+
          <header class="align-center">
−
 
+
            <h2>Nunc Dignissim</h2>
−
 
+
            <p>Aliquam erat volutpat nam dui </p>
−
<p>Oral antibiotics are prescribed when Lymes disease is suspected, due to presence of a circular expanding rash. To confirm presence of disease, antibody screening and immunoblotting is completed. However, these blood tests take weeks and can show a negative result in early stages of the disease <sup>[3]</sup>.</p>
+
          </header>
−
 
+
          <div class="flex flex-2">
−
<p>Our novel system aims to help diagnose Lymes disease at its early stage to increase the likelihood of successful treatment. To confirm presence of disease, antibody screening and immunoblotting is completed. However, these blood tests take weeks and can show a negative result in early stages of the disease. Treatment with antibiotics can be effective, if the disease is detected early, so our novel system aims to help diagnose Lymes disease at its early stage to increase the likelihood of successful treatment.</p>
+
            <article>
−
 
+
              <div class="image fit">
−
<p>The development of a paper based technology will allow easy world-wide transport, storage and usage of our biosensor. This can be implemented in developed countries, through health services (e.g. NHS in the UK), and in developing countries, through the form of foreign aid and aid workers. For other diagnosis tests a laboratory is required, however our paper based biosensor does not need this. This results in the product being commercially available to everyone as, once freeze dried, it can be stored in a dry environment indefinitely.</p>
+
                <img src="images/pic01.jpg" alt="Pic 01" />
−
</div>
+
              </div>
−
 
+
              <header>
−
<h3> Heavy Metal Poisoning </h3>
+
                <h3>Praesent placerat magna</h3>
−
 
+
              </header>
−
<p>Heavy metal poisoning occurs when toxic amounts of metals such as lead, mercury, arsenic or cadmium accumulates in soft tissues of the body due to exposure, such as ingestion of contaminated food or water, in medicines or occupational exposure. The effects depend on age of exposure and level of exposure. Many systems in the body may be effected and in some cases, symptoms may be life-threatening. Diagnosis may be based on clinical symptoms or blood tests for example for the presence of lead. We aim to design a modular system which can be adapted to recognise and indicate the presence of various metals which could cause heavy metal poisoning. </p>
+
              <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
−
 
+
              <footer>
−
<p>In just a single year lead exposure will kill 143,000 people, intellectually disable 600,000 children and will trigger 750,000 strokes <sup>[6, 7]</sup>. The majority of these cases are within developing countries. Over 500,000 children each year suffer from loss of IQ associated with excessive mercury uptake. The loss of productivity caused by the symptoms associated with mercury poisoning results in a significant economic loss of $ 8.7 billion annually <sup>[8]</sup>.</p>
+
                <a href="#" class="button special">More</a>
−
 
+
              </footer>
−
<p>Our team have chosen to develop a system capable of detecting these ions in water sources, potentially improving the quality of human life on a global scale, in an inexpensive easily accessible manner.</p>
+
            </article>
 +
            <article>
 +
              <div class="image fit">
 +
                <img src="images/pic02.jpg" alt="Pic 02" />
 +
              </div>
 +
              <header>
 +
                <h3>Fusce pellentesque tempus</h3>
 +
              </header>
 +
              <p>Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna non comodo sodales tempus.</p>
 +
              <footer>
 +
                <a href="#" class="button special">More</a>
 +
              </footer>
 +
            </article>
 +
          </div>
 +
        </div>
 +
      </section>
  
 +
    <!-- Footer -->
 +
      <footer id="footer">
 +
        <div class="inner">
 +
          <div class="flex">
 +
            <div class="copyright">
 +
              &copy; Untitled. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>.
 +
            </div>
 +
            <ul class="icons">
 +
              <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
 +
              <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
 +
              <li><a href="#" class="icon fa-linkedin"><span class="label">linkedIn</span></a></li>
 +
              <li><a href="#" class="icon fa-pinterest-p"><span class="label">Pinterest</span></a></li>
 +
              <li><a href="#" class="icon fa-vimeo"><span class="label">Vimeo</span></a></li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </footer>
  
 +
    <!-- Scripts -->
 +
      <script src="assets/js/jquery.min.js"></script>
 +
      <script src="assets/js/skel.min.js"></script>
 +
      <script src="assets/js/util.js"></script>
 +
      <script src="assets/js/main.js"></script>
 +
  </body>
 
</html>
 
</html>

Revision as of 15:55, 8 September 2016

Theory by TEMPLATED

Magna tempus sed amet
aliquam veroeros

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.

Interdum lorem pulvinar
adipiscing vitae

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.

Libero purus magna sapien
sed ullamcorper

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.

Ipsum Feugiat

Semper suscipit posuere apede

Person 1

Magna

Cipdum dolor

Person 2

Ipsum

Vestibulum comm

Person 3

Tempus

Fusce pellentes

Person 4

Dolore

Praesent placer

Nunc Dignissim

Aliquam erat volutpat nam dui

Pic 01

Praesent placerat magna

Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.

Pic 02

Fusce pellentesque tempus

Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna non comodo sodales tempus.