Difference between revisions of "Team:Hawaii/Team"

Line 4: Line 4:
  
 
<html>
 
<html>
−
  <div id="team-content-container">
+
  <div id="team-section1"></div>
−
     <div id="team-banner">
+
  <div id="team-section2">
−
 
+
     <div id="team-section2-inner">
−
    </div>
+
      <h2>MEMBERS</h2>
−
    <div id="team-content-container-inner">
+
      <div class="submember" id="submember1">
−
        <div id="team-title">
+
        <h2>ADVISOR & GRADUATE STUDENT</h2>
−
          <h1>Meet the Team</h1>
+
      </div>
−
 
+
      <div id="members1">
 +
        <div class="memb">
 +
          <img src="https://s.abcnews.com/images/Lifestyle/puppy-ht-3-er-170907_4x3_992.jpg" width="150px" height="150px" alt="">
 +
          <div class="caption">
 +
            <div class="title">
 +
              <h3>DR. GERNOT PRESTING</h3>
 +
              <h4>CODENAME</h4>
 +
            </div>
 +
            <div class="text">
 +
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas vitae, laborum nihil cum, nesciunt corporis asperiores voluptas eius odit tempore similique, ipsam repudiandae placeat laboriosam. Totam, recusandae? Eligendi, alias, beatae.</p>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
−
      <div id="team-members-container">
+
         <div class="memb">
−
         <div id="advisors" class="row">
+
           <img src="https://s.abcnews.com/images/Lifestyle/puppy-ht-3-er-170907_4x3_992.jpg" width="150px" height="150px" alt="">
−
 
+
          <div class="caption">
−
           <a href="https://2018.igem.org/Team:Hawaii/Presting">
+
            <div class="title">
−
            <div class="member">
+
              <h3>RYAN SHONTELL</h3>
−
              <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSkrOi46Fx8zODMtNyg5OisBCgoKDQ0NDg0NDisZFRktNzctLTcrNy03KzctLS0tLSstNzc3Ny0tNy03LTctLTc3LS0tLS03Ny0rLS0tKy03K//AABEIAJ8BPQMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EABcQAQEBAQAAAAAAAAAAAAAAAAARAQL/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9xus7prOurK1KzSg3SsUoN0rFKDdKzUoN0rFEGqVkoNUrIDdKwUG6ViqDVKxVBqlZpQapWaUGqVmlBqlZqVRulYKDdSs0BqlZKDVKwoNZrWa541gL0xresaCCAKIAogCiCCiAKVAFEUAAAABUAFQBUAAAAogKIKKgACKAIoLjWM41gNdMa30xoM6AAAAAAAAAgAAAAKAAAAAAAAAIAAAAAAAAgAAKNY1jGN4DXTnrp0xoMhoAAAAAAgAAKAAAAAAAAAAAAACKgAAAACaqKACAAC43jGNYo30xrfTnoIAAAAAAAgAAoAAAAAAAAAAAAIAAAAACAAAAAAAuNYzig30xrfTGqICAoigAAAIAAKIoAAAAAAAAAIAAAAAIAqAAAAAAABjeMNYDfTGtdM6oyAAACiAKIoACAACiAKAAAACAqAAAAgAAAAACAKgAAAuNYxjeA10xrXTOqIAAAAAgKgCiAKIoAAAAAAAAAgAAAAgCAAAAgoqAAAguNYzjWA1rGt9MNAACKCAAAAAAAqAKAAAACAqAgAgKJVARUAABAAAAEAAAFxrGcawHTWNx13GdxoYhGoRBmEaiwGIRuEBiEahAZhGoQGYsWLAZg1CAyNQgMajXWJAQIQABBFIuCoNxIDI1EgMwaiQGSNQgMjUIIzCNQgJmNEWA//Z" width="100%" height="80%" alt="">
+
              <h4>CODENAME</h4>
−
              <h3 class="member-name">Dr. Presting</h3>
+
 
             </div>
 
             </div>
−
          </a>
+
             <div class="text">
−
          <a href="https://2018.igem.org/Team:Hawaii/Muszynski">
+
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel sequi vero itaque harum, vitae natus, delectus expedita cum. Id voluptatibus illo ratione minus placeat! Fugiat ducimus voluptatem atque, voluptas laborum!</p>
−
             <div class="member">
+
−
               <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSkrOi46Fx8zODMtNyg5OisBCgoKDQ0NDg0NDisZFRktNzctLTcrNy03KzctLS0tLSstNzc3Ny0tNy03LTctLTc3LS0tLS03Ny0rLS0tKy03K//AABEIAJ8BPQMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EABcQAQEBAQAAAAAAAAAAAAAAAAARAQL/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9xus7prOurK1KzSg3SsUoN0rFKDdKzUoN0rFEGqVkoNUrIDdKwUG6ViqDVKxVBqlZpQapWaUGqVmlBqlZqVRulYKDdSs0BqlZKDVKwoNZrWa541gL0xresaCCAKIAogCiCCiAKVAFEUAAAABUAFQBUAAAAogKIKKgACKAIoLjWM41gNdMa30xoM6AAAAAAAAAgAAAAKAAAAAAAAAIAAAAAAAAgAAKNY1jGN4DXTnrp0xoMhoAAAAAAgAAKAAAAAAAAAAAAACKgAAAACaqKACAAC43jGNYo30xrfTnoIAAAAAAAgAAoAAAAAAAAAAAAIAAAAACAAAAAAAuNYzig30xrfTGqICAoigAAAIAAKIoAAAAAAAAAIAAAAAIAqAAAAAAABjeMNYDfTGtdM6oyAAACiAKIoACAACiAKAAAACAqAAAAgAAAAACAKgAAAuNYxjeA10xrXTOqIAAAAAgKgCiAKIoAAAAAAAAAgAAAAgCAAAAgoqAAAguNYzjWA1rGt9MNAACKCAAAAAAAqAKAAAACAqAgAgKJVARUAABAAAAEAAAFxrGcawHTWNx13GdxoYhGoRBmEaiwGIRuEBiEahAZhGoQGYsWLAZg1CAyNQgMajXWJAQIQABBFIuCoNxIDI1EgMwaiQGSNQgMjUIIzCNQgJmNEWA//Z" width="100%" height="80%" alt="">
+
−
              <h3 class="member-name">Dr. Muszynski </h3>
+
 
             </div>
 
             </div>
−
           </a>
+
           </div>
−
          <p>Lorem Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat aspernatur a molestiae laboriosam id, ducimus sed atque doloribus, labore officiis nam consectetur ea ipsum expedita accusantium, nihil aperiam esse ullam.
+
−
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo delectus, dicta culpa in facere nihil omnis totam voluptate. Illum molestiae totam, fugiat quisquam doloremque architecto aut, nisi porro libero maxime?
+
−
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, dolor. Explicabo beatae possimus aperiam officiis obcaecati consequatur quis magni, itaque ea! Quo vero nisi facere dignissimos. Nobis enim eveniet autem.
+
−
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem commodi asperiores consequuntur provident soluta repellat saepe architecto consequatur? Error ea explicabo quod soluta neque similique? Delectus accusantium incidunt, voluptatum debitis.</p>
+
 
         </div>
 
         </div>
 +
      </div>
  
−
        <div class="row">
+
      <div class="submember" id="submember2">
−
          <a href="https://2018.igem.org/Team:Hawaii/Ryan">
+
        <h2>UNDERGRADUATE STUDENTS</h2>
−
            <div class="member">
+
      </div>
−
              <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSkrOi46Fx8zODMtNyg5OisBCgoKDQ0NDg0NDisZFRktNzctLTcrNy03KzctLS0tLSstNzc3Ny0tNy03LTctLTc3LS0tLS03Ny0rLS0tKy03K//AABEIAJ8BPQMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EABcQAQEBAQAAAAAAAAAAAAAAAAARAQL/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9xus7prOurK1KzSg3SsUoN0rFKDdKzUoN0rFEGqVkoNUrIDdKwUG6ViqDVKxVBqlZpQapWaUGqVmlBqlZqVRulYKDdSs0BqlZKDVKwoNZrWa541gL0xresaCCAKIAogCiCCiAKVAFEUAAAABUAFQBUAAAAogKIKKgACKAIoLjWM41gNdMa30xoM6AAAAAAAAAgAAAAKAAAAAAAAAIAAAAAAAAgAAKNY1jGN4DXTnrp0xoMhoAAAAAAgAAKAAAAAAAAAAAAACKgAAAACaqKACAAC43jGNYo30xrfTnoIAAAAAAAgAAoAAAAAAAAAAAAIAAAAACAAAAAAAuNYzig30xrfTGqICAoigAAAIAAKIoAAAAAAAAAIAAAAAIAqAAAAAAABjeMNYDfTGtdM6oyAAACiAKIoACAACiAKAAAACAqAAAAgAAAAACAKgAAAuNYxjeA10xrXTOqIAAAAAgKgCiAKIoAAAAAAAAAgAAAAgCAAAAgoqAAAguNYzjWA1rGt9MNAACKCAAAAAAAqAKAAAACAqAgAgKJVARUAABAAAAEAAAFxrGcawHTWNx13GdxoYhGoRBmEaiwGIRuEBiEahAZhGoQGYsWLAZg1CAyNQgMajXWJAQIQABBFIuCoNxIDI1EgMwaiQGSNQgMjUIIzCNQgJmNEWA//Z" width="100%" height="80%" alt="">
+
      <div id="members2">
−
              <h3 class="member-name">Ryan</h3>
+
        <div class="memb">
 +
          <img src="https://s.abcnews.com/images/Lifestyle/puppy-ht-3-er-170907_4x3_992.jpg" width="150px" height="150px" alt="">
 +
          <div class="caption">
 +
            <div class="title">
 +
              <h3>EMILY YANG</h3>
 +
              <h4>CODENAME</h4>
 
             </div>
 
             </div>
−
          </a>
+
             <div class="text">
−
          <a href="https://2018.igem.org/Team:Hawaii/Chan">
+
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos maiores, architecto suscipit in quia accusantium libero voluptatem vel consectetur voluptas, velit facere fugiat ipsa. Aliquam natus dolor quaerat alias tempore!</p>
−
             <div class="member">
+
−
               <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSkrOi46Fx8zODMtNyg5OisBCgoKDQ0NDg0NDisZFRktNzctLTcrNy03KzctLS0tLSstNzc3Ny0tNy03LTctLTc3LS0tLS03Ny0rLS0tKy03K//AABEIAJ8BPQMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EABcQAQEBAQAAAAAAAAAAAAAAAAARAQL/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9xus7prOurK1KzSg3SsUoN0rFKDdKzUoN0rFEGqVkoNUrIDdKwUG6ViqDVKxVBqlZpQapWaUGqVmlBqlZqVRulYKDdSs0BqlZKDVKwoNZrWa541gL0xresaCCAKIAogCiCCiAKVAFEUAAAABUAFQBUAAAAogKIKKgACKAIoLjWM41gNdMa30xoM6AAAAAAAAAgAAAAKAAAAAAAAAIAAAAAAAAgAAKNY1jGN4DXTnrp0xoMhoAAAAAAgAAKAAAAAAAAAAAAACKgAAAACaqKACAAC43jGNYo30xrfTnoIAAAAAAAgAAoAAAAAAAAAAAAIAAAAACAAAAAAAuNYzig30xrfTGqICAoigAAAIAAKIoAAAAAAAAAIAAAAAIAqAAAAAAABjeMNYDfTGtdM6oyAAACiAKIoACAACiAKAAAACAqAAAAgAAAAACAKgAAAuNYxjeA10xrXTOqIAAAAAgKgCiAKIoAAAAAAAAAgAAAAgCAAAAgoqAAAguNYzjWA1rGt9MNAACKCAAAAAAAqAKAAAACAqAgAgKJVARUAABAAAAEAAAFxrGcawHTWNx13GdxoYhGoRBmEaiwGIRuEBiEahAZhGoQGYsWLAZg1CAyNQgMajXWJAQIQABBFIuCoNxIDI1EgMwaiQGSNQgMjUIIzCNQgJmNEWA//Z" width="100%" height="80%" alt="">
+
−
              <h3 class="member-name">Chan</h3>
+
 
             </div>
 
             </div>
−
           </a>
+
           </div>
−
          <a href="https://2018.igem.org/Team:Hawaii/Emily">
+
        </div>
−
            <div class="member">
+
        <div class="memb">
−
              <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSkrOi46Fx8zODMtNyg5OisBCgoKDQ0NDg0NDisZFRktNzctLTcrNy03KzctLS0tLSstNzc3Ny0tNy03LTctLTc3LS0tLS03Ny0rLS0tKy03K//AABEIAJ8BPQMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EABcQAQEBAQAAAAAAAAAAAAAAAAARAQL/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9xus7prOurK1KzSg3SsUoN0rFKDdKzUoN0rFEGqVkoNUrIDdKwUG6ViqDVKxVBqlZpQapWaUGqVmlBqlZqVRulYKDdSs0BqlZKDVKwoNZrWa541gL0xresaCCAKIAogCiCCiAKVAFEUAAAABUAFQBUAAAAogKIKKgACKAIoLjWM41gNdMa30xoM6AAAAAAAAAgAAAAKAAAAAAAAAIAAAAAAAAgAAKNY1jGN4DXTnrp0xoMhoAAAAAAgAAKAAAAAAAAAAAAACKgAAAACaqKACAAC43jGNYo30xrfTnoIAAAAAAAgAAoAAAAAAAAAAAAIAAAAACAAAAAAAuNYzig30xrfTGqICAoigAAAIAAKIoAAAAAAAAAIAAAAAIAqAAAAAAABjeMNYDfTGtdM6oyAAACiAKIoACAACiAKAAAACAqAAAAgAAAAACAKgAAAuNYxjeA10xrXTOqIAAAAAgKgCiAKIoAAAAAAAAAgAAAAgCAAAAgoqAAAguNYzjWA1rGt9MNAACKCAAAAAAAqAKAAAACAqAgAgKJVARUAABAAAAEAAAFxrGcawHTWNx13GdxoYhGoRBmEaiwGIRuEBiEahAZhGoQGYsWLAZg1CAyNQgMajXWJAQIQABBFIuCoNxIDI1EgMwaiQGSNQgMjUIIzCNQgJmNEWA//Z" width="100%" height="80%" alt="">
+
          <img src="https://s.abcnews.com/images/Lifestyle/puppy-ht-3-er-170907_4x3_992.jpg" width="150px" height="150px" alt="">
−
              <h3 class="member-name">Emily</h3>
+
          <div class="caption">
 +
            <div class="title">
 +
              <h3>FERNANDA HENNIG</h3>
 +
              <h4>CODENAME</h4>
 
             </div>
 
             </div>
−
          </a>
+
             <div class="text">
−
          <a href="https://2018.igem.org/Team:Hawaii/Fernanda">
+
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit deleniti similique officiis, reiciendis nam, unde nemo nostrum sit. Incidunt vitae culpa iure sunt, dolores cumque dicta in laboriosam. Unde, labore.</p>
−
             <div class="member">
+
−
               <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSkrOi46Fx8zODMtNyg5OisBCgoKDQ0NDg0NDisZFRktNzctLTcrNy03KzctLS0tLSstNzc3Ny0tNy03LTctLTc3LS0tLS03Ny0rLS0tKy03K//AABEIAJ8BPQMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EABcQAQEBAQAAAAAAAAAAAAAAAAARAQL/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9xus7prOurK1KzSg3SsUoN0rFKDdKzUoN0rFEGqVkoNUrIDdKwUG6ViqDVKxVBqlZpQapWaUGqVmlBqlZqVRulYKDdSs0BqlZKDVKwoNZrWa541gL0xresaCCAKIAogCiCCiAKVAFEUAAAABUAFQBUAAAAogKIKKgACKAIoLjWM41gNdMa30xoM6AAAAAAAAAgAAAAKAAAAAAAAAIAAAAAAAAgAAKNY1jGN4DXTnrp0xoMhoAAAAAAgAAKAAAAAAAAAAAAACKgAAAACaqKACAAC43jGNYo30xrfTnoIAAAAAAAgAAoAAAAAAAAAAAAIAAAAACAAAAAAAuNYzig30xrfTGqICAoigAAAIAAKIoAAAAAAAAAIAAAAAIAqAAAAAAABjeMNYDfTGtdM6oyAAACiAKIoACAACiAKAAAACAqAAAAgAAAAACAKgAAAuNYxjeA10xrXTOqIAAAAAgKgCiAKIoAAAAAAAAAgAAAAgCAAAAgoqAAAguNYzjWA1rGt9MNAACKCAAAAAAAqAKAAAACAqAgAgKJVARUAABAAAAEAAAFxrGcawHTWNx13GdxoYhGoRBmEaiwGIRuEBiEahAZhGoQGYsWLAZg1CAyNQgMajXWJAQIQABBFIuCoNxIDI1EgMwaiQGSNQgMjUIIzCNQgJmNEWA//Z" width="100%" height="80%" alt="">
+
−
              <h3 class="member-name">Fernanda</h3>
+
 
             </div>
 
             </div>
−
           </a>
+
           </div>
 
         </div>
 
         </div>
−
 
+
         <div class="memb">
−
         <div class="row">
+
           <img src="https://s.abcnews.com/images/Lifestyle/puppy-ht-3-er-170907_4x3_992.jpg" width="150px" height="150px" alt="">
−
           <a href="https://2018.igem.org/Team:Hawaii/Gina">
+
          <div class="caption">
−
            <div class="member">
+
            <div class="title">
−
              <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSkrOi46Fx8zODMtNyg5OisBCgoKDQ0NDg0NDisZFRktNzctLTcrNy03KzctLS0tLSstNzc3Ny0tNy03LTctLTc3LS0tLS03Ny0rLS0tKy03K//AABEIAJ8BPQMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EABcQAQEBAQAAAAAAAAAAAAAAAAARAQL/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9xus7prOurK1KzSg3SsUoN0rFKDdKzUoN0rFEGqVkoNUrIDdKwUG6ViqDVKxVBqlZpQapWaUGqVmlBqlZqVRulYKDdSs0BqlZKDVKwoNZrWa541gL0xresaCCAKIAogCiCCiAKVAFEUAAAABUAFQBUAAAAogKIKKgACKAIoLjWM41gNdMa30xoM6AAAAAAAAAgAAAAKAAAAAAAAAIAAAAAAAAgAAKNY1jGN4DXTnrp0xoMhoAAAAAAgAAKAAAAAAAAAAAAACKgAAAACaqKACAAC43jGNYo30xrfTnoIAAAAAAAgAAoAAAAAAAAAAAAIAAAAACAAAAAAAuNYzig30xrfTGqICAoigAAAIAAKIoAAAAAAAAAIAAAAAIAqAAAAAAABjeMNYDfTGtdM6oyAAACiAKIoACAACiAKAAAACAqAAAAgAAAAACAKgAAAuNYxjeA10xrXTOqIAAAAAgKgCiAKIoAAAAAAAAAgAAAAgCAAAAgoqAAAguNYzjWA1rGt9MNAACKCAAAAAAAqAKAAAACAqAgAgKJVARUAABAAAAEAAAFxrGcawHTWNx13GdxoYhGoRBmEaiwGIRuEBiEahAZhGoQGYsWLAZg1CAyNQgMajXWJAQIQABBFIuCoNxIDI1EgMwaiQGSNQgMjUIIzCNQgJmNEWA//Z" width="100%" height="80%" alt="">
+
              <h3>GINA WATANABE</h3>
−
              <h3 class="member-name">Gina</h3>
+
              <h4>CODENAME</h4>
 
             </div>
 
             </div>
−
          </a>
+
             <div class="text">
−
          <a href="https://2018.igem.org/Team:Hawaii/John">
+
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor id nobis minus, reprehenderit itaque. Voluptatibus, odit asperiores. Eveniet ut, animi quisquam illo error nihil harum atque qui magnam, vero officia.</p>
−
             <div class="member">
+
−
               <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSkrOi46Fx8zODMtNyg5OisBCgoKDQ0NDg0NDisZFRktNzctLTcrNy03KzctLS0tLSstNzc3Ny0tNy03LTctLTc3LS0tLS03Ny0rLS0tKy03K//AABEIAJ8BPQMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EABcQAQEBAQAAAAAAAAAAAAAAAAARAQL/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9xus7prOurK1KzSg3SsUoN0rFKDdKzUoN0rFEGqVkoNUrIDdKwUG6ViqDVKxVBqlZpQapWaUGqVmlBqlZqVRulYKDdSs0BqlZKDVKwoNZrWa541gL0xresaCCAKIAogCiCCiAKVAFEUAAAABUAFQBUAAAAogKIKKgACKAIoLjWM41gNdMa30xoM6AAAAAAAAAgAAAAKAAAAAAAAAIAAAAAAAAgAAKNY1jGN4DXTnrp0xoMhoAAAAAAgAAKAAAAAAAAAAAAACKgAAAACaqKACAAC43jGNYo30xrfTnoIAAAAAAAgAAoAAAAAAAAAAAAIAAAAACAAAAAAAuNYzig30xrfTGqICAoigAAAIAAKIoAAAAAAAAAIAAAAAIAqAAAAAAABjeMNYDfTGtdM6oyAAACiAKIoACAACiAKAAAACAqAAAAgAAAAACAKgAAAuNYxjeA10xrXTOqIAAAAAgKgCiAKIoAAAAAAAAAgAAAAgCAAAAgoqAAAguNYzjWA1rGt9MNAACKCAAAAAAAqAKAAAACAqAgAgKJVARUAABAAAAEAAAFxrGcawHTWNx13GdxoYhGoRBmEaiwGIRuEBiEahAZhGoQGYsWLAZg1CAyNQgMajXWJAQIQABBFIuCoNxIDI1EgMwaiQGSNQgMjUIIzCNQgJmNEWA//Z" width="100%" height="80%" alt="">
+
−
              <h3 class="member-name">John</h3>
+
 
             </div>
 
             </div>
−
           </a>
+
           </div>
−
          <a href="https://2018.igem.org/Team:Hawaii/Jon">
+
        </div>
−
            <div class="member">
+
        <div class="memb">
−
              <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSkrOi46Fx8zODMtNyg5OisBCgoKDQ0NDg0NDisZFRktNzctLTcrNy03KzctLS0tLSstNzc3Ny0tNy03LTctLTc3LS0tLS03Ny0rLS0tKy03K//AABEIAJ8BPQMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EABcQAQEBAQAAAAAAAAAAAAAAAAARAQL/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9xus7prOurK1KzSg3SsUoN0rFKDdKzUoN0rFEGqVkoNUrIDdKwUG6ViqDVKxVBqlZpQapWaUGqVmlBqlZqVRulYKDdSs0BqlZKDVKwoNZrWa541gL0xresaCCAKIAogCiCCiAKVAFEUAAAABUAFQBUAAAAogKIKKgACKAIoLjWM41gNdMa30xoM6AAAAAAAAAgAAAAKAAAAAAAAAIAAAAAAAAgAAKNY1jGN4DXTnrp0xoMhoAAAAAAgAAKAAAAAAAAAAAAACKgAAAACaqKACAAC43jGNYo30xrfTnoIAAAAAAAgAAoAAAAAAAAAAAAIAAAAACAAAAAAAuNYzig30xrfTGqICAoigAAAIAAKIoAAAAAAAAAIAAAAAIAqAAAAAAABjeMNYDfTGtdM6oyAAACiAKIoACAACiAKAAAACAqAAAAgAAAAACAKgAAAuNYxjeA10xrXTOqIAAAAAgKgCiAKIoAAAAAAAAAgAAAAgCAAAAgoqAAAguNYzjWA1rGt9MNAACKCAAAAAAAqAKAAAACAqAgAgKJVARUAABAAAAEAAAFxrGcawHTWNx13GdxoYhGoRBmEaiwGIRuEBiEahAZhGoQGYsWLAZg1CAyNQgMajXWJAQIQABBFIuCoNxIDI1EgMwaiQGSNQgMjUIIzCNQgJmNEWA//Z" width="100%" height="80%" alt="">
+
          <img src="https://s.abcnews.com/images/Lifestyle/puppy-ht-3-er-170907_4x3_992.jpg" width="150px" height="150px" alt="">
−
              <h3 class="member-name">Jon</h3>
+
          <div class="caption">
 +
            <div class="title">
 +
              <h3>JON TELLO</h3>
 +
              <h4>CODENAME</h4>
 
             </div>
 
             </div>
−
          </a>
+
             <div class="text">
−
          <a href="https://2018.igem.org/Team:Hawaii/Shelby">
+
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda temporibus voluptatibus architecto voluptas, dolorem numquam vero dolorum earum ipsa quasi autem, labore ullam, commodi quas. Ipsam quae, cupiditate esse quam?</p>
−
             <div class="member">
+
−
               <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSkrOi46Fx8zODMtNyg5OisBCgoKDQ0NDg0NDisZFRktNzctLTcrNy03KzctLS0tLSstNzc3Ny0tNy03LTctLTc3LS0tLS03Ny0rLS0tKy03K//AABEIAJ8BPQMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EABcQAQEBAQAAAAAAAAAAAAAAAAARAQL/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9xus7prOurK1KzSg3SsUoN0rFKDdKzUoN0rFEGqVkoNUrIDdKwUG6ViqDVKxVBqlZpQapWaUGqVmlBqlZqVRulYKDdSs0BqlZKDVKwoNZrWa541gL0xresaCCAKIAogCiCCiAKVAFEUAAAABUAFQBUAAAAogKIKKgACKAIoLjWM41gNdMa30xoM6AAAAAAAAAgAAAAKAAAAAAAAAIAAAAAAAAgAAKNY1jGN4DXTnrp0xoMhoAAAAAAgAAKAAAAAAAAAAAAACKgAAAACaqKACAAC43jGNYo30xrfTnoIAAAAAAAgAAoAAAAAAAAAAAAIAAAAACAAAAAAAuNYzig30xrfTGqICAoigAAAIAAKIoAAAAAAAAAIAAAAAIAqAAAAAAABjeMNYDfTGtdM6oyAAACiAKIoACAACiAKAAAACAqAAAAgAAAAACAKgAAAuNYxjeA10xrXTOqIAAAAAgKgCiAKIoAAAAAAAAAgAAAAgCAAAAgoqAAAguNYzjWA1rGt9MNAACKCAAAAAAAqAKAAAACAqAgAgKJVARUAABAAAAEAAAFxrGcawHTWNx13GdxoYhGoRBmEaiwGIRuEBiEahAZhGoQGYsWLAZg1CAyNQgMajXWJAQIQABBFIuCoNxIDI1EgMwaiQGSNQgMjUIIzCNQgJmNEWA//Z" width="100%" height="80%" alt="">
+
−
              <h3 class="member-name">Shelby</h3>
+
 
             </div>
 
             </div>
−
           </a>
+
           </div>
 +
        </div>
 +
        <div class="memb">
 +
          <img src="https://s.abcnews.com/images/Lifestyle/puppy-ht-3-er-170907_4x3_992.jpg" width="150px" height="150px" alt="">
 +
          <div class="caption">
 +
            <div class="title">
 +
              <h3>JOHN BANASIHAN</h3>
 +
              <h4>CODENAME</h4>
 +
            </div>
 +
            <div class="text">
 +
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero optio debitis harum perferendis voluptatibus inventore vitae ad eaque architecto nam molestias tenetur aliquid accusantium voluptate, tempore, eum velit error ea.</p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="memb">
 +
          <img src="https://s.abcnews.com/images/Lifestyle/puppy-ht-3-er-170907_4x3_992.jpg" width="150px" height="150px" alt="">
 +
          <div class="caption">
 +
            <div class="title">
 +
              <h3>SHELBY ROBERSON</h3>
 +
              <h4>CODENAME</h4>
 +
            </div>
 +
            <div class="text">
 +
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores omnis voluptates, inventore reiciendis sunt eligendi iure nisi consequatur quidem. Cupiditate nostrum atque, nulla exercitationem nihil, quam dolorum deleniti veniam doloribus.</p>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
 
<style>
 
<style>
−
#team-content-container {
+
#team-section1 {
 +
  width: 100%;
 +
  height: 400px;
 +
  background-color: rgb(30,30,30);
 +
}
 +
#team-section2 {
 +
  width: 100%;
 +
  height: auto;
 
   display: flex;
 
   display: flex;
 
   flex-direction: column;
 
   flex-direction: column;
−
  justify-content: center;
 
 
   align-items: center;
 
   align-items: center;
 
}
 
}
−
#team-banner {
+
#team-section2-inner {
−
  width: 100%;
+
−
  height: 400px;
+
−
  background-color: rgb(240,240,240);
+
−
}
+
−
#team-title {
+
−
  text-align: center;
+
−
  height: 10%;
+
−
}
+
−
#team-content-container-inner {
+
 
   width: 80%;
 
   width: 80%;
−
  height: auto;
 
 
   display: flex;
 
   display: flex;
 
   justify-content: center;
 
   justify-content: center;
 
   flex-direction: column;
 
   flex-direction: column;
 
   align-items: center;
 
   align-items: center;
−
  margin-top: 100px;
 
−
  margin-bottom: 100px;
 
 
}
 
}
−
#team-members-container {
+
#team-section2 h2 {
−
   height: auto;
+
   font-family: 'Oswald', sans-serif;
 +
  font-size: 40px;
 +
  letter-spacing: 3px;
 +
  color: rgb(50,50,50);
 +
  text-align: center;
 +
}
 +
#members1 {
 
   width: 100%;
 
   width: 100%;
 +
  display: flex;
 +
  flex-direction: row;
 +
  flex-wrap: wrap;
 +
  justify-content: space-around;
 +
  padding: 50px;
 
}
 
}
−
.row {
+
#members2 {
 
   width: 100%;
 
   width: 100%;
−
   height: auto;
+
   height: 1300px;
 +
  /* background-color: green; */
 
   display: flex;
 
   display: flex;
 
   flex-direction: row;
 
   flex-direction: row;
−
   justify-content: space-between;
+
  flex-wrap: wrap;
−
   align-items: center;
+
   justify-content: space-around;
 +
   padding: 50px;
 
}
 
}
−
.member {
+
.memb {
−
   width: 200px;
+
   width: 550px;
 
   height: 250px;
 
   height: 250px;
−
   margin: 20px;
+
  /* background-color: red; */
−
   padding: 10px;
+
  display: flex;
 +
  flex-direction: row;
 +
}
 +
.caption {
 +
  width: 50%;
 +
  height: 100%;
 +
  /* background-color: blue; */
 +
  padding-left: 10px;
 +
}
 +
.caption h3 {
 +
  padding-top: 10px;
 +
  font-family: 'Oswald', sans-serif;
 +
  font-size: 25px;
 +
   margin: 0;
 +
}
 +
#submember1 h2 {
 +
  font-family: 'Oswald', sans-serif;
 +
  font-size: 20px;
 +
}
 +
#submember2 h2 {
 +
   font-family: 'Oswald', sans-serif;
 +
  font-size: 20px;
 +
}
 +
.submember {
 +
  border-bottom: 1px solid grey;
 +
  width: 80%;
 +
  margin-bottom: 10px;
 +
  display: flex;
 +
  justify-content: center;
 +
  align-items: center;
 +
}
 +
.caption h4 {
 +
  font-family: 'Lato', sans-serif;
 +
  font-size: 20px;
 +
  margin: 0;
 +
  color: rgb(120,120,120);
 +
  font-style: italic;
 +
}
 +
.caption p {
 +
  font-family: 'Lato', sans-serif;
 +
  font-size: 15px;
 +
  margin-top: 20px;
 +
  padding: 0;
 +
}
 +
.memb img {
 +
  border-radius: 200px;
 
}
 
}
  

Revision as of 22:02, 2 October 2018


MEMBERS

ADVISOR & GRADUATE STUDENT

DR. GERNOT PRESTING

CODENAME

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas vitae, laborum nihil cum, nesciunt corporis asperiores voluptas eius odit tempore similique, ipsam repudiandae placeat laboriosam. Totam, recusandae? Eligendi, alias, beatae.

RYAN SHONTELL

CODENAME

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel sequi vero itaque harum, vitae natus, delectus expedita cum. Id voluptatibus illo ratione minus placeat! Fugiat ducimus voluptatem atque, voluptas laborum!

UNDERGRADUATE STUDENTS

EMILY YANG

CODENAME

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos maiores, architecto suscipit in quia accusantium libero voluptatem vel consectetur voluptas, velit facere fugiat ipsa. Aliquam natus dolor quaerat alias tempore!

FERNANDA HENNIG

CODENAME

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit deleniti similique officiis, reiciendis nam, unde nemo nostrum sit. Incidunt vitae culpa iure sunt, dolores cumque dicta in laboriosam. Unde, labore.

GINA WATANABE

CODENAME

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor id nobis minus, reprehenderit itaque. Voluptatibus, odit asperiores. Eveniet ut, animi quisquam illo error nihil harum atque qui magnam, vero officia.

JON TELLO

CODENAME

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda temporibus voluptatibus architecto voluptas, dolorem numquam vero dolorum earum ipsa quasi autem, labore ullam, commodi quas. Ipsam quae, cupiditate esse quam?

JOHN BANASIHAN

CODENAME

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero optio debitis harum perferendis voluptatibus inventore vitae ad eaque architecto nam molestias tenetur aliquid accusantium voluptate, tempore, eum velit error ea.

SHELBY ROBERSON

CODENAME

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores omnis voluptates, inventore reiciendis sunt eligendi iure nisi consequatur quidem. Cupiditate nostrum atque, nulla exercitationem nihil, quam dolorum deleniti veniam doloribus.