Difference between revisions of "Team:UAlberta/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{UAlberta}}
+
{{UAlberta/CSS}}
 
<html>
 
<html>
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
  </head>
 +
  <body>
 +
    <div class="ua-navbar">
 +
      <div class="container ">
 +
        <nav class="navbar navbar-expand-lg navbar-dark">
 +
          <a class="navbar-brand" href="#"><img class="ua-navbar-brand" src="./assets/images/logo_header_white.svg" /></a>
 +
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
 +
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 +
            <span class="navbar-toggler-icon"></span>
 +
          </button>
  
−
<div class="column two_thirds_size" >
+
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
 +
            <ul class="navbar-nav ml-auto">
 +
              <li class="nav-item">
 +
                <a class="nav-link" href="#">Modelling</a>
 +
              </li>
 +
              <li class="nav-item">
 +
                <a class="nav-link" href="#">Notebook</a>
 +
              </li>
 +
              <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
 +
                  aria-haspopup="true" aria-expanded="false">
 +
                  Project
 +
                </a>
 +
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                  <a class="dropdown-item" href="#">Description</a>
 +
                  <a class="dropdown-item" href="#">Design</a>
 +
                  <a class="dropdown-item" href="#">Experiments</a>
 +
                  <a class="dropdown-item" href="#">Results</a>
 +
                  <a class="dropdown-item" href="#">Demonstrate</a>
 +
                  <a class="dropdown-item" href="#">Interlab</a>
 +
                </div>
 +
              </li>
 +
            </ul>
 +
          </div>
 +
        </nav>
 +
      </div>
 +
    </div>
  
−
<h1>Team</h1>
+
    <div class="ua-research-content">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
      <div class="container">
 +
        <img width="100%" height="auto" src="./assets/images/T--UAlberta-Team-MembersBG.png" alt="..." />
 +
        <div class="ua-team-photos">
 +
        <h2 data-aos="fade-up">Student Members</h2>
  
  
−
<h3>What should this page contain?</h3>
+
<div class="card-deck">
−
<ul>
+
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="50">
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
    <a href="#anna" data-toggle="collapse"><img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/8c/T--UAlberta--Anna.png" alt="..."></a>
−
<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>
+
    <div class="card-body">
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
      <h5 class="card-title">Anna Kim</h5>
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
−
</ul>
+
    </div>
 +
  </div>
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="250" >
 +
    <a href="#clayton" data-toggle="collapse"><img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/11/T--UAlberta--Clayton.png" alt="..."></a>
 +
    <div class="card-body">
 +
      <h5 class="card-title">Clayton Molter</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="450">
 +
    <a href="#ej" data-toggle="collapse"><img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/a4/T--UAlberta--EJ.png" alt="...">
 +
    <div class="card-body"></a>
 +
      <h5 class="card-title">EJ Agena</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="650">
 +
    <a href="#ethan" data-toggle="collapse"><img class="card-img-top" src="https://static.igem.org/mediawiki/2018/0/08/T--UAlberta--Ethan.png" alt="..."></a>
 +
    <div class="card-body">
 +
      <h5 class="card-title">Ethan Agena</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
 +
<div class="accordion mb-5" id="member-info">
 +
  <div class="card shadow">
 +
    <div class="collapse" id="anna" data-parent="#member-info">
 +
      <div class="card-body">
 +
        <div class="card-title">Anna Kim</div>
 +
        <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
 +
          squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="card shadow">
 +
    <div class="collapse" id="clayton" data-parent="#member-info">
 +
      <div class="card-body">
 +
        <div class="card-title">Clayton Molter</div>
 +
        <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
 +
          squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="card shadow">
 +
    <div class="collapse" id="ej" data-parent="#member-info">
 +
      <div class="card-body">
 +
        <div class="card-title">EJ Agena</div>
 +
        <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
 +
          squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="card shadow">
 +
    <div class="collapse" id="ethan" data-parent="#member-info">
 +
      <div class="card-body">
 +
        <div class="card-title">Ethan Agena</div>
 +
        <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
 +
          squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
 +
<div class="card-deck">
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="50" data-toggle="collapse" data-target="#gerard">
 +
    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4a/T--UAlberta--Gerard.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Gerard Dineros</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="250" data-toggle="collapse" data-target="#irene">
 +
    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/0/0f/T--UAlberta--Irene.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Irene Shkolnikov</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="450" data-toggle="collapse" data-target="#julia">
 +
    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/3/36/T--UAlberta--Julia.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Julia Heaton</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="650" data-toggle="collapse" data-target="#raegan">
 +
    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/af/T--UAlberta--Raegan.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Raegan Larson</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="card-deck">
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="50" data-toggle="collapse" data-target="#scott">
 +
    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/0/03/T--UAlberta--Scott.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Scott Bath</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="250" data-toggle="collapse" data-target="#talia">
 +
    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/80/T--UAlberta--Talia.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Talia Mary Dixon</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 +
  <div class="card mb-3 invisible">
 +
    <!-- <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/3/36/T--UAlberta--Julia.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Julia Heaton</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div> -->
 +
  </div>
 +
  <div class="card mb-3 invisible">
 +
    <!-- <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/af/T--UAlberta--Raegan.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Raegan Larson</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div> -->
 +
  </div>
 +
</div>
  
−
<div class="column third_size" >
+
 
−
<div class="highlight decoration_A_full">
+
 
−
<h3>Inspiration</h3>
+
<h2 data-aos="fade-up">Advisors</h2>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
 
−
Here are a few examples:</p>
+
<div class="card-deck">
−
<ul>
+
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="50" data-toggle="collapse" data-target="#campbell">
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/7b/T--UAlberta--Campbell.png" alt="...">
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
    <div class="card-body">
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
      <h5 class="card-title">Dr. Robert Campbell</h5>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
−
</ul>
+
    </div>
 +
  </div>
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="250" data-toggle="collapse" data-target="#sauvageau">
 +
    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/2/2d/T--UAlberta--Sauvageau.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Dr. Dominic Sauvageau</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="450" data-toggle="collapse" data-target="#eason">
 +
    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4d/T--UAlberta--Eason.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Yi Shen</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="650" data-toggle="collapse" data-target="#rochelin">
 +
    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/ae/T--UAlberta--Rochelin.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Rochelin Dalangin</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
 +
        Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
 +
 +
<div class="card-deck">
 +
  <div class="card shadow mb-3" data-aos="fade-up" data-aos-delay="50" data-toggle="collapse" data-target="#courtney">
 +
    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/d/dd/T--UAlberta--Courtney.png" alt="...">
 +
    <div class="card-body">
 +
      <h5 class="card-title">Courtney</h5>
 +
      <p class="card-text">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
 +
    </div>
 +
  </div>
 +
  <div class="card mb-3 invisible"></div>
 +
  <div class="card mb-3 invisible"></div>
 +
  <div class="card mb-3 invisible"></div>
 
</div>
 
</div>
 +
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
    <footer>
 +
      <div class="ua-footer">
 +
        <div class="container">
 +
 +
        </div>
 +
      </div>
 +
    </footer>
 +
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 +
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
 +
    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
 +
    <script src="./js/script.js"></script>
 +
  </body>
 
</html>
 
</html>

Revision as of 00:48, 16 October 2018

...

Student Members

...
Anna Kim

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Clayton Molter

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
EJ Agena

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Ethan Agena

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Anna Kim

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Clayton Molter

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

EJ Agena

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Ethan Agena

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Gerard Dineros

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Irene Shkolnikov

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Julia Heaton

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Raegan Larson

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Scott Bath

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Talia Mary Dixon

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Advisors

...
Dr. Robert Campbell

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Dr. Dominic Sauvageau

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Yi Shen

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Rochelin Dalangin

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

...
Courtney

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.