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

Line 1: Line 1:
 
<html>
 
<html>
 
   <head>
 
   <head>
     <title>Theory by TEMPLATED</title>
+
     <title>iGEM Warwick 2016 - Human Practices</title>
 
     <meta charset="utf-8" />
 
     <meta charset="utf-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="https://dl.dropbox.com/s/35wa4mc39p6vytg/main.css" />
+
     <link rel="stylesheet" type="text/css" href="http:\\2016.igem.org/Team:Warwick\css?action=raw&ctype=text/css" />
 
   </head>
 
   </head>
 
   <body>
 
   <body>
Line 10: Line 10:
 
       <header id="header">
 
       <header id="header">
 
         <div class="inner">
 
         <div class="inner">
          <a href="https://2016.igem.org/Team:Warwick" class="logo" >
+
        <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">
+
             <img src="https://static.igem.org/mediawiki/2016/c/cd/T--Warwick--Logo.png" alt="IGEM WARWICK" class="logo">
          </a>
+
        </a>
 
           <nav id="nav">
 
           <nav id="nav">
 
             <a href="https://2016.igem.org/Team:Warwick">Home</a>
 
             <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/Team">Team</a>
 +
            <div class="dropdown">
 
             <a href="https://2016.igem.org/Team:Warwick/Project">Project</a>
 
             <a href="https://2016.igem.org/Team:Warwick/Project">Project</a>
             <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a>
+
             <div class="dropdown-content">
             <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>
+
                <a href="https://2016.igem.org/Team:Warwick/Project">Overview</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Design">Design</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Modelling">Modelling</a>
 +
            </div>
 +
            </div>
 +
            <div class="dropdown">
 +
             <a href="https://2016.igem.org/Team:Warwick/LabBook">Labs</a>
 +
            <div class="dropdown-content">
 +
                <a href="https://2016.igem.org/Team:Warwick/LabBook">Lab Book</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Interlab">Interlab</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Protocols">Protocols</a>
 +
            </div>
 +
            </div>
 
             <a href="https://2016.igem.org/Team:Warwick/Attributions">Attributions</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/Human_Practices">Human Practices</a>
Line 25: Line 40:
 
           <a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
 
           <a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
 
         </div>
 
         </div>
      </header>
+
    </header>
 +
     
  
 
     <!-- Banner -->
 
     <!-- Banner -->
 
       <section id="banner">
 
       <section id="banner">
         <h1>IGEM Warwick</h1>
+
         <h1>Human Practices</h1>
         <p>We do Science 'n Shit.</p>
+
         <p>NOT Human Testing</p>
       </section>
+
       </section>  
 
+
     
    <!-- One -->
+
     
      <section id="one" class="wrapper">
+
  <!-- Footer -->
        <div class="inner">
+
    <footer id="footer">
          <div class="flex flex-3">
+
              <div class="inner">
            <article>
+
              <div class="flex">
              <header>
+
                <div class="copyright">
                 <h3>Magna tempus sed amet<br /> aliquam veroeros</h3>
+
                  &copy; Warwick iGem 2016.
              </header>
+
                 <ul class="icons">
              <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
+
                    <li><a href="https://www.facebook.com/WarwickIGEM" class="logo" ><img src="https://dl.dropbox.com/s/4glmgypg4818k37/1473711361_Facebook_Color.png" alt="Facebook" class="logo">
              <footer>
+
                    </a></li>
                <a href="#" class="button special">More</a>
+
                    <li><a href="https://twitter.com/warwickigem" class="logo" ><img src="https://dl.dropbox.com/s/hg113rzniw2pxdq/1473711356_Twitter_Color.png" alt="Twitter" class="logo">
              </footer>
+
                    </a></li>
            </article>
+
                </ul>
            <article>
+
                 <a href="https://2016.igem.org/Team:Warwick" class="logo" >
              <header>
+
                    <img src="https://static.igem.org/mediawiki/2016/f/f6/T--Warwick--banner.png" alt="IGEM WARWICK" class="bannertop">
                <h3>Interdum lorem pulvinar<br /> adipiscing vitae</h3>
+
                </a>
              </header>
+
                <div class="links">
              <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
+
                    <a href="https://2016.igem.org/Team:Warwick">Home</a>
              <footer>
+
                    <a href="https://2016.igem.org/Team:Warwick/Team">Team</a>
                <a href="#" class="button special">More</a>
+
                    <a href="https://2016.igem.org/Team:Warwick/Project">Project</a>
              </footer>
+
                    <a href="https://2016.igem.org/Team:Warwick/Design">Design</a>
            </article>
+
                    <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a>
            <article>
+
                    <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>
              <header>
+
                    <a href="https://2016.igem.org/Team:Warwick/Attributions">Attributions</a>
                <h3>Libero purus magna sapien<br /> sed ullamcorper</h3>
+
                    <a href="https://2016.igem.org/Team:Warwick/Human_Practices">Human Practices</a>
              </header>
+
                    <a href="https://2016.igem.org/Team:Warwick/Awards">Awards</a> 
              <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
+
                </div>
              <footer>
+
                 <a href="#" class="button special">More</a>
+
              </footer>
+
            </article>
+
          </div>
+
        </div>
+
      </section>
+
 
+
    <!-- 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>
 
               </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>
 
           </div>
        </div>
 
      </section>
 
 
    <!-- Three -->
 
      <section id="three" class="wrapper special">
 
        <div class="inner">
 
          <header class="align-center">
 
            <h2>Nunc Dignissim</h2>
 
            <p>Aliquam erat volutpat nam dui </p>
 
          </header>
 
          <div class="flex flex-2">
 
            <article>
 
              <div class="image fit">
 
                <img src="images/pic01.jpg" alt="Pic 01" />
 
              </div>
 
              <header>
 
                <h3>Praesent placerat magna</h3>
 
              </header>
 
              <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>
 
                <a href="#" class="button special">More</a>
 
              </footer>
 
            </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>
 
       </footer>
 
 
     <!-- Scripts -->
 
     <!-- Scripts -->
 
       <script src="assets/js/jquery.min.js"></script>
 
       <script src="assets/js/jquery.min.js"></script>

Revision as of 17:20, 26 September 2016

iGEM Warwick 2016 - Human Practices