(Prototype team page) |
Jonas232005 (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | ||
{{HK_GTC}} | {{HK_GTC}} | ||
<html> | <html> | ||
− | <div class=" | + | <div class="section-heading"> |
− | + | <div class="mask"></div> | |
− | < | + | <h1>Team Members</h1> |
− | < | + | </div> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </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=" | + | <h1 class="position">Primary Instructor</h1> |
− | <div class=" | + | <div class="card-display one-card"> |
− | < | + | <div class="card pi"> |
− | <p> | + | <div class="img"></div> |
− | + | <div class="mem-name-pi"> | |
− | < | + | <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> | ||
− | < | + | <h1 class="position">Sub Leaders</h1> |
− | < | + | <div class="card-display sub-leader"> |
− | < | + | <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> | ||
− | < | + | <h1 class="position">Members</h1> |
− | < | + | <div class="card-display member"> |
− | < | + | <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> | ||
− | </ | + | <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