Difference between revisions of "Team:Warwick/Team"

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>
  
 +
    <!-- 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>
  
−
<div class="column full_size" >
+
    <!-- Two -->
−
 
+
      <section id="two" class="wrapper style1 special">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
        <div class="inner">
−
 
+
          <header>
−
 
+
            <h2>Ipsum Feugiat</h2>
−
</div>
+
            <p>Semper suscipit posuere apede</p>
−
 
+
          </header>
−
<div class="column half_size" >
+
          <div class="flex flex-4">
−
<h5>Inspiration</h5>
+
            <div class="box person">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
              <div class="image round">
−
Here are a few examples:</p>
+
                <img src="images/pic03.jpg" alt="Person 1" />
−
<ul>
+
              </div>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
              <h3>Magna</h3>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
              <p>Cipdum dolor</p>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
            </div>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
            <div class="box person">
−
</ul>
+
              <div class="image round">
−
 
+
                <img src="images/pic04.jpg" alt="Person 2" />
−
</div>
+
              </div>
−
 
+
              <h3>Ipsum</h3>
−
<div class="column half_size" >
+
              <p>Vestibulum comm</p>
−
<h5>What should this page contain?</h5>
+
            </div>
−
<ul>
+
            <div class="box person">
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
              <div class="image round">
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
                <img src="images/pic05.jpg" alt="Person 3" />
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
              </div>
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
              <h3>Tempus</h3>
−
</ul>
+
              <p>Fusce pellentes</p>
−
</div>
+
            </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>
  
 +
    <!-- 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>
  
 +
    <!-- 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:54, 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.