Difference between revisions of "Team:HK GTC/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
 
 
{{HK_GTC}}
 
{{HK_GTC}}
 
<html>
 
<html>
  
−
<div class="column two_thirds_size" >
+
<div class="section-heading">
−
 
+
      <div class="mask"></div>
−
<h1>Team</h1>
+
      <h1>Team Members</h1>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
  </div>
−
 
+
−
 
+
−
<h3>What should this page contain?</h3>
+
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<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>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
 
+
−
<p><b>Important:</b> Your wiki pages will be archived at the end of the iGEM season and this content will remain online. Please keep this in mind as you post photos and personal information on this page.</p> 
+
−
</div>
+
−
 
+
  
 +
  <section>
 +
      <div class="brief-team">
 +
        <img src="../img/team_photo.JPG" alt="">
 +
        <div class="brief-team-right">
 +
            <h1>About Our Team</h1>
 +
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis eveniet corrupti ea minus laborum dolor
 +
              atque quis, praesentium esse voluptate quibusdam repellat mollitia repudiandae voluptatum impedit dicta
 +
              soluta error excepturi! Est accusantium, ab dolor molestias quam unde labore dignissimos, natus
 +
              obcaecati, sapiente rem vel aspernatur quaerat ratione. Laudantium est animi, exercitationem tempore,
 +
              reprehenderit, sunt quam quae vel quisquam aspernatur at.</p>
 +
        </div>
 +
      </div>
 +
      <h1 class="position">Team Leaders</h1>
 +
      <div class="card-display two-card">
 +
        <div class="card leader">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>John Man</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>
 +
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis
 +
              reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta
 +
              dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.
 +
              </p>
 +
            </div>
 +
        </div>
 +
        <div class="card leader">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>John Man</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>
 +
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis
 +
              reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta
 +
              dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.
 +
              </p>
 +
            </div>
 +
        </div>
 +
      </div>
  
−
<div class="column third_size" >
+
      <h1 class="position">Primary Instructor</h1>
−
<div class="highlight decoration_A_full">
+
      <div class="card-display one-card">
−
<h3>Inspiration</h3>
+
        <div class="card pi">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
            <div class="img"></div>
−
Here are a few examples:</p>
+
            <div class="mem-name-pi">
−
<ul>
+
              <h1>John Man</h1>
 +
              <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid, amet assumenda! Minus cumque
 +
                  tempora tempore velit quasi ipsa sequi numquam incidunt quaerat accusantium? Sapiente quod incidunt
 +
                  deleniti fuga rerum aut natus dolorem aspernatur! Quam unde rerum, aut error praesentium obcaecati
 +
                  qui, quisquam voluptate expedita exercitationem possimus consectetur consequuntur! Iusto, similique.
 +
              </p>
 +
              <h1>Another Desc</h1>
 +
              <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eligendi, veritatis provident non sunt alias
 +
                  optio modi assumenda? Facere est, aut ut deleniti molestiae doloribus natus a. Autem nihil doloremque
 +
                  quod voluptates rerum, quidem corporis natus, accusamus id incidunt modi eligendi aliquam nam nemo
 +
                  quas dolorum maxime esse illum tempore magnam!</p>
 +
            </div>
 +
        </div>
 +
      </div>
  
−
<li><a href="https://2019.igem.org/Team:CU/Team">2019 CU</a></li>
+
      <h1 class="position">Sub Leaders</h1>
−
<li><a href="https://2019.igem.org/Team:UANL/Team">2019 UANL</a></li>
+
      <div class="card-display sub-leader">
−
<li><a href="https://2019.igem.org/Team:William_and_Mary/Team">2019 William and Mary</a></li>
+
        <div class="card">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>Jonas Fok</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>
 +
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis
 +
              reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta
 +
              dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.
 +
              </p>
 +
            </div>
 +
        </div>
 +
        <div class="card">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>Jonas Fok</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>
 +
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis
 +
              reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta
 +
              dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.
 +
              </p>
 +
            </div>
 +
        </div>
 +
        <div class="card">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>Jonas Fok</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>
 +
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis
 +
              reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta
 +
              dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.
 +
              </p>
 +
            </div>
 +
        </div>
 +
        <div class="card">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>Jonas Fok</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>
 +
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis
 +
              reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta
 +
              dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.
 +
              </p>
 +
            </div>
 +
        </div>
 +
        <div class="card">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>Jonas Fok</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>
 +
              Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis
 +
              reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta
 +
              dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.
 +
              </p>
 +
            </div>
 +
        </div>
 +
        <div class="card">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>Jonas Fok</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>
 +
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis
 +
              reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta
 +
              dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.
 +
              </p>
 +
            </div>
 +
        </div>
 +
      </div>
  
−
<li><a href="https://2020.igem.org/Team:BOKU-Vienna/Team">2020 BOKU Vienna </a></li>
+
      <h1 class="position">Members</h1>
−
<li><a href="https://2020.igem.org/Team:CAU_China/Team_Member">2020 CAU China</a></li>
+
      <div class="card-display member">
−
<li><a href="https://2020.igem.org/Team:Lethbridge/Members">2020 Lethbridge</a></li>
+
        <div class="card">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>John Man</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, neque dignissimos sint nostrum excepturi reprehenderit iusto temporibus facilis esse laborum atque quos eum modi. Nobis deserunt, cupiditate distinctio porro ut, dolorum aliquam quod veniam fugiat quisquam officia aut nihil neque!</p>
 +
            </div>
 +
        </div>
 +
        <div class="card">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>John Man</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, neque dignissimos sint nostrum excepturi reprehenderit iusto temporibus facilis esse laborum atque quos eum modi. Nobis deserunt, cupiditate distinctio porro ut, dolorum aliquam quod veniam fugiat quisquam officia aut nihil neque!</p>
 +
            </div>
 +
        </div>
 +
        <div class="card">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>John Man</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, neque dignissimos sint nostrum excepturi reprehenderit iusto temporibus facilis esse laborum atque quos eum modi. Nobis deserunt, cupiditate distinctio porro ut, dolorum aliquam quod veniam fugiat quisquam officia aut nihil neque!</p>
 +
            </div>
 +
        </div>
 +
        <div class="card">
 +
            <div class="img"></div>
 +
            <div class="mem-name">
 +
              <h1>John Man</h1>
 +
            </div>
 +
            <div class="mem-desc">
 +
              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, neque dignissimos sint nostrum excepturi reprehenderit iusto temporibus facilis esse laborum atque quos eum modi. Nobis deserunt, cupiditate distinctio porro ut, dolorum aliquam quod veniam fugiat quisquam officia aut nihil neque!</p>
 +
            </div>
 +
        </div>
 +
      </div>
 +
  </section>
  
−
</ul>
+
  <footer>
−
</div>
+
      <div>
−
</div>
+
        <h1>GT COLLEGE iGEM2021</h1>
−
</html>
+
        <img width="30%" src="https://static.igem.org/mediawiki/2021/7/78/T--HK_GTC--logo.png" alt="">
 +
      </div>
 +
      <div>
 +
        <h1>Follow Us!</h1>
 +
        <a href="https://www.instagram.com/gtigemteam/">
 +
            <i class="icon fab fa-instagram fa-2x"></i>
 +
        </a>
 +
      </div>
 +
      <div>
 +
        <h1>Contact:</h1>
 +
        <p>igemteam.gt@gmail.com</p>
 +
      </div>
 +
  </footer></html>

Revision as of 12:49, 24 September 2021

HK_GTC 2021 Homepage

Team Members

About Our Team

Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis eveniet corrupti ea minus laborum dolor atque quis, praesentium esse voluptate quibusdam repellat mollitia repudiandae voluptatum impedit dicta soluta error excepturi! Est accusantium, ab dolor molestias quam unde labore dignissimos, natus obcaecati, sapiente rem vel aspernatur quaerat ratione. Laudantium est animi, exercitationem tempore, reprehenderit, sunt quam quae vel quisquam aspernatur at.

Team Leaders

John Man

Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.

John Man

Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.

Primary Instructor

John Man

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid, amet assumenda! Minus cumque tempora tempore velit quasi ipsa sequi numquam incidunt quaerat accusantium? Sapiente quod incidunt deleniti fuga rerum aut natus dolorem aspernatur! Quam unde rerum, aut error praesentium obcaecati qui, quisquam voluptate expedita exercitationem possimus consectetur consequuntur! Iusto, similique.

Another Desc

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eligendi, veritatis provident non sunt alias optio modi assumenda? Facere est, aut ut deleniti molestiae doloribus natus a. Autem nihil doloremque quod voluptates rerum, quidem corporis natus, accusamus id incidunt modi eligendi aliquam nam nemo quas dolorum maxime esse illum tempore magnam!

Sub Leaders

Jonas Fok

Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.

Jonas Fok

Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.

Jonas Fok

Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.

Jonas Fok

Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.

Jonas Fok

Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.

Jonas Fok

Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam voluptate, quos corporis debitis reiciendis ducimus exercitationem unde, quasi suscipit sint minima libero, facilis aspernatur soluta dolor maxime dignissimos temporibus nesciunt? Amet, quo eligendi! Non laudantium est maiores eum eaque.

Members

John Man

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, neque dignissimos sint nostrum excepturi reprehenderit iusto temporibus facilis esse laborum atque quos eum modi. Nobis deserunt, cupiditate distinctio porro ut, dolorum aliquam quod veniam fugiat quisquam officia aut nihil neque!

John Man

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, neque dignissimos sint nostrum excepturi reprehenderit iusto temporibus facilis esse laborum atque quos eum modi. Nobis deserunt, cupiditate distinctio porro ut, dolorum aliquam quod veniam fugiat quisquam officia aut nihil neque!

John Man

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, neque dignissimos sint nostrum excepturi reprehenderit iusto temporibus facilis esse laborum atque quos eum modi. Nobis deserunt, cupiditate distinctio porro ut, dolorum aliquam quod veniam fugiat quisquam officia aut nihil neque!

John Man

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, neque dignissimos sint nostrum excepturi reprehenderit iusto temporibus facilis esse laborum atque quos eum modi. Nobis deserunt, cupiditate distinctio porro ut, dolorum aliquam quod veniam fugiat quisquam officia aut nihil neque!

GT COLLEGE iGEM2021

Follow Us!

Contact:

igemteam.gt@gmail.com