Difference between revisions of "Team:Edinburgh/Team"

Line 2: Line 2:
 
<html>
 
<html>
  
<h2>Team</h2>
+
<body>
  
<p>In this page you can introduce your team members, instructors, and advisors. </p>
 
  
 +
      <header class="intro">
 +
        <div class="intro-body">
 +
          <div class="container">
 +
            <div class="row">
 +
              <div class="col-md-12">
 +
                <h1 class="brand-heading">The Team</h1>
 +
                <p class="intro-text">
 +
                This is us!
 +
                </p>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </header>
  
 +
<section id="cd-team" class="cd-section">
 +
<div class="cd-container">
 +
<ul>
 +
<li>
 +
<a href="#0" data-type="member-1">
 +
<figure>
 +
<img src="dominika1.jpg" alt="Dominika">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
  
 +
<div class="cd-member-info">
 +
Dominika <span>Part Caracterisation Genius</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
 +
<li>
 +
<a href="#0" data-type="member-2">
 +
<figure>
 +
<img src="ivana1.jpg" alt="Ivana">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
  
 +
<div class="cd-member-info">
 +
Ivana<span>Policy and Practices Mastermind</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
  
<h4>Inspiration</h4>
+
<li>
<p>You can look at what other teams did to get some inspiration! <br />
+
<a href="#0" data-type="member-3">
Here are a few examples:</p>
+
<figure>
<ul>
+
<img src="vicky1.jpg" alt="Vicky">
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
<div class="cd-img-overlay"><span>View Bio</span></div>
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
</figure>
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
</ul>
+
  
<h5>What should this page contain?</h5>
+
<div class="cd-member-info">
<ul>
+
Vicky<span>Compassionate Policy and Practices Mastermind</span>
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
</div> <!-- cd-member-info -->
<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>
+
</a>
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
</li>
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
<li>
</ul>
+
<a href="#0" data-type="member-4">
 +
<figure>
 +
<img src="img/team-member-1.jpg" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
  
 +
<div class="cd-member-info">
 +
Brooke <span>Cookie master</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#0" data-type="member-5">
 +
<figure>
 +
<img src="img/team-member-1.jpg" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
  
</div>
+
<div class="cd-member-info">
 +
Lusaidh<span></span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#0" data-type="member-1">
 +
<figure>
 +
<img src="aseem1.jpg" alt="aseem">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Aseem <span></span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#0" data-type="member-1">
 +
<figure>
 +
<img src="img/team-member-1.jpg" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Andreea <span>CEO</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#0" data-type="member-1">
 +
<figure>
 +
<img src="img/team-member-1.jpg" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
John Smith <span>CEO</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#0" data-type="member-1">
 +
<figure>
 +
<img src="img/team-member-1.jpg" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
John Smith <span>CEO</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#0" data-type="member-1">
 +
<figure>
 +
<img src="img/team-member-1.jpg" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
John Smith <span>CEO</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#0" data-type="member-1">
 +
<figure>
 +
<img src="img/team-member-1.jpg" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
John Smith <span>CEO</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
</ul>
 +
</div> <!-- cd-container -->
 +
</section> <!-- cd-team -->
 +
 
 +
<div class="cd-overlay"></div>
 +
</main>
 +
 
 +
<div class="cd-member-bio member-1">
 +
<div class="cd-member-bio-pict">
 +
<img src="dominika2.jpg" alt="Dominika Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1>Meet Dominika Pelegrinova</h1>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non, amet, voluptatibus et omnis dolore illo saepe voluptatem qui quibusdam sunt corporis ut iure repellendus delectus voluptate explicabo temporibus quos eaque?</p>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, explicabo, doloribus, esse rem officia quas facilis eius alias similique ducimus amet quam odio perspiciatis dolorem ipsam! Ab, dolores, adipisci, explicabo pariatur illum deleniti quam iusto placeat nisi aliquam praesentium mollitia eligendi a! Sequi, voluptatibus sed quos possimus harum rem tempore fugiat? Corporis, officia, assumenda, asperiores blanditiis quidem aliquam fugiat vel excepturi velit provident aut omnis quos aliquid tempora eaque. Nemo, eveniet, sint maxime eum maiores totam est inventore numquam voluptatem hic nam blanditiis placeat illum nesciunt voluptatum eos cum quos magni voluptates ipsam. Perspiciatis alias ducimus libero. Quo provident omnis fugiat ut repellendus optio cum quaerat odio et ipsa. Molestias, atque repellat non maxime amet corporis magni libero quam numquam error beatae at asperiores et a porro nostrum ab necessitatibus esse aliquid iure repellendus obcaecati unde quo eius eum dolores quasi consectetur culpa velit optio! Sequi, dolor, minima, veniam doloribus in ullam cupiditate iste animi ipsum esse eaque similique illo temporibus magni et earum amet sint deleniti est reiciendis. Maxime, quis, animi, ad quasi adipisci suscipit alias iste reprehenderit ea placeat nulla commodi nobis magnam provident veniam earum odit eveniet possimus aut voluptatum dolorum culpa necessitatibus facere totam quisquam. Ipsam.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
 
 +
<div class="cd-member-bio member-2">
 +
<div class="cd-member-bio-pict">
 +
<img class="img-responsive" src="ivana2.jpg" alt="Ivana Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1>Meet Ivana Lapsanska</h1>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non, amet, voluptatibus et omnis dolore illo saepe voluptatem qui quibusdam sunt corporis ut iure repellendus delectus voluptate explicabo temporibus quos eaque?</p>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, explicabo, doloribus, esse rem officia quas facilis eius alias similique ducimus amet quam odio perspiciatis dolorem ipsam! Ab, dolores, adipisci, explicabo pariatur illum deleniti quam iusto placeat nisi aliquam praesentium mollitia eligendi a! Sequi, voluptatibus sed quos possimus harum rem tempore fugiat? Corporis, officia, assumenda, asperiores blanditiis quidem aliquam fugiat vel excepturi velit provident aut omnis quos aliquid tempora eaque. Nemo, eveniet, sint maxime eum maiores totam est inventore numquam voluptatem hic nam blanditiis placeat illum nesciunt voluptatum eos cum quos magni voluptates ipsam. Perspiciatis alias ducimus libero. Quo provident omnis fugiat ut repellendus optio cum quaerat odio et ipsa. Molestias, atque repellat non maxime amet corporis magni libero quam numquam error beatae at asperiores et a porro nostrum ab necessitatibus esse aliquid iure repellendus obcaecati unde quo eius eum dolores quasi consectetur culpa velit optio! Sequi, dolor, minima, veniam doloribus in ullam cupiditate iste animi ipsum esse eaque similique illo temporibus magni et earum amet sint deleniti est reiciendis. Maxime, quis, animi, ad quasi adipisci suscipit alias iste reprehenderit ea placeat nulla commodi nobis magnam provident veniam earum odit eveniet possimus aut voluptatum dolorum culpa necessitatibus facere totam quisquam. Ipsam.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
 
 +
<div class="cd-member-bio member-3">
 +
<div class="cd-member-bio-pict">
 +
<img src="vicky2.jpg" alt="Vicky">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1>Meet Vicky Moynihan</h1>
 +
<p></p>
 +
<p>
 +
“iGEM has helped me see that science can be something collaborative and involved.I am amazed by how much working with the people who will be impacted by our device has influenced and improved the research we are doing. <br>
 +
I always imagined that scientific research would be a very solitary pursuit, never getting out to engage with the problem you’re trying to solve and the people you’re trying to help. Instead, through iGEM, I’ve learnt that there is a growing need for empathy and a strong social conscience in science and I am incredibly happy that we are moving this way.”
 +
</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
<a href="#0" class="cd-member-bio-close">Close</a> <!-- close the author bio section -->
 +
</body>
 
</html>
 
</html>

Revision as of 11:02, 2 September 2015

The Team

This is us!

Dominika Bio image

Meet Dominika Pelegrinova

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non, amet, voluptatibus et omnis dolore illo saepe voluptatem qui quibusdam sunt corporis ut iure repellendus delectus voluptate explicabo temporibus quos eaque?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, explicabo, doloribus, esse rem officia quas facilis eius alias similique ducimus amet quam odio perspiciatis dolorem ipsam! Ab, dolores, adipisci, explicabo pariatur illum deleniti quam iusto placeat nisi aliquam praesentium mollitia eligendi a! Sequi, voluptatibus sed quos possimus harum rem tempore fugiat? Corporis, officia, assumenda, asperiores blanditiis quidem aliquam fugiat vel excepturi velit provident aut omnis quos aliquid tempora eaque. Nemo, eveniet, sint maxime eum maiores totam est inventore numquam voluptatem hic nam blanditiis placeat illum nesciunt voluptatum eos cum quos magni voluptates ipsam. Perspiciatis alias ducimus libero. Quo provident omnis fugiat ut repellendus optio cum quaerat odio et ipsa. Molestias, atque repellat non maxime amet corporis magni libero quam numquam error beatae at asperiores et a porro nostrum ab necessitatibus esse aliquid iure repellendus obcaecati unde quo eius eum dolores quasi consectetur culpa velit optio! Sequi, dolor, minima, veniam doloribus in ullam cupiditate iste animi ipsum esse eaque similique illo temporibus magni et earum amet sint deleniti est reiciendis. Maxime, quis, animi, ad quasi adipisci suscipit alias iste reprehenderit ea placeat nulla commodi nobis magnam provident veniam earum odit eveniet possimus aut voluptatum dolorum culpa necessitatibus facere totam quisquam. Ipsam.

Ivana Bio image

Meet Ivana Lapsanska

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non, amet, voluptatibus et omnis dolore illo saepe voluptatem qui quibusdam sunt corporis ut iure repellendus delectus voluptate explicabo temporibus quos eaque?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, explicabo, doloribus, esse rem officia quas facilis eius alias similique ducimus amet quam odio perspiciatis dolorem ipsam! Ab, dolores, adipisci, explicabo pariatur illum deleniti quam iusto placeat nisi aliquam praesentium mollitia eligendi a! Sequi, voluptatibus sed quos possimus harum rem tempore fugiat? Corporis, officia, assumenda, asperiores blanditiis quidem aliquam fugiat vel excepturi velit provident aut omnis quos aliquid tempora eaque. Nemo, eveniet, sint maxime eum maiores totam est inventore numquam voluptatem hic nam blanditiis placeat illum nesciunt voluptatum eos cum quos magni voluptates ipsam. Perspiciatis alias ducimus libero. Quo provident omnis fugiat ut repellendus optio cum quaerat odio et ipsa. Molestias, atque repellat non maxime amet corporis magni libero quam numquam error beatae at asperiores et a porro nostrum ab necessitatibus esse aliquid iure repellendus obcaecati unde quo eius eum dolores quasi consectetur culpa velit optio! Sequi, dolor, minima, veniam doloribus in ullam cupiditate iste animi ipsum esse eaque similique illo temporibus magni et earum amet sint deleniti est reiciendis. Maxime, quis, animi, ad quasi adipisci suscipit alias iste reprehenderit ea placeat nulla commodi nobis magnam provident veniam earum odit eveniet possimus aut voluptatum dolorum culpa necessitatibus facere totam quisquam. Ipsam.

Vicky

Meet Vicky Moynihan

“iGEM has helped me see that science can be something collaborative and involved.I am amazed by how much working with the people who will be impacted by our device has influenced and improved the research we are doing.
I always imagined that scientific research would be a very solitary pursuit, never getting out to engage with the problem you’re trying to solve and the people you’re trying to help. Instead, through iGEM, I’ve learnt that there is a growing need for empathy and a strong social conscience in science and I am incredibly happy that we are moving this way.”

Close