|
|
(11 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
| {{HK_SSC}} | | {{HK_SSC}} |
| <html> | | <html> |
− | <div class="igem_2018_team_content"> | + | <center><h1>Our Team</h1></center> |
− | <div class="igem_2018_team_column_wrapper">
| + | <br> |
− | <div class="clear extra_space"></div>
| + | <h2>Primary Pi</h2> |
− | <div class="clear extra_space"></div>
| + | <center><img src="https://static.igem.org/mediawiki/2019/0/0b/T--HK_SSC--NgSzeHo.jpg" height="256"></center> |
| + | <center>Ng Sze Ho, Teacher</center> |
| + | <br> |
| + | <h2>Team Leader</h2> |
| + | <center><img src="https://static.igem.org/mediawiki/2019/4/4d/T--HK_SSC--Chelsy.jpg" height="256"></center> |
| + | <center>Lee Hong Kiu (Chelsy)</center> |
| + | <br> |
| + | <h2>Student Advisors</h2> |
| + | <center><img src="https://static.igem.org/mediawiki/2019/0/03/T--HK_SSC--Peter.jpg" height="256"> |
| + | <center>Wong Chun Hin (Peter)</center> |
| + | <center><img src="https://static.igem.org/mediawiki/2019/d/df/T--HK_SSC--Anson.jpg" height="256"> |
| + | <center>Chung Chun Ho (Anson)</center> |
| + | <br> |
| + | <h3>Members</h3> |
| + | <img src="https://static.igem.org/mediawiki/2019/b/be/T--HK_SSC--Jay.jpg" height="256"> |
| + | <center>Leung Chung Yin, Research and Laboratory</center> |
| + | <img src="https://static.igem.org/mediawiki/2019/2/28/T--HK_SSC--Conrad.jpeg" height="256"> |
| + | <center>Young Hon Yui, Research and Laboratory</center> |
| + | <img src="https://static.igem.org/mediawiki/2019/9/9c/T--HK_SSC--Angela.jpg" height="256"> |
| + | <center>Leung Tung Yan, Angela, Research and Laboratory</center> |
| + | <img src="https://static.igem.org/mediawiki/2019/8/8b/T--HK_SSC--Curtis.jpg" height="256"> |
| + | <center>Poon Curtis Long Yiu, Research and Laboratory</center> |
| + | <center><<img src="https://static.igem.org/mediawiki/2019/a/a8/T--HK_SSC--Ethan.jpg" height="256"><center> |
| + | <center>Lam Ngok (Ethan), Research</center> |
| + | <img src="https://static.igem.org/mediawiki/2019/6/6c/T--HK_SSC--CarolWong.png" height="256"> |
| + | <center>Wong Kin-ning (Carol), Research</center> |
| + | <img src="https://static.igem.org/mediawiki/2019/3/3b/T--HK_SSC--Karin.jpg" height="256"> |
| + | <center>Wong Hoi Ling, Human practice and Designer</center> |
| + | <img src="https://static.igem.org/mediawiki/2019/e/e9/T--HK_SSC--Justin.jpg" height="256"> |
| + | <center>Choi Justin Yuet Hei, Wiki Designer</center> |
| + | <br> |
| + | <h2>Advisors</h2> |
| + | <img src="https://static.igem.org/mediawiki/2019/3/31/T--HK_SSC--Chun.jpg" height="256"> |
| + | <center>Man Chun Cheung</center> |
| + | <img src="https://static.igem.org/mediawiki/2019/d/d0/T--HK_SSC--ProfessorChan.jpeg" height="256"> |
| + | <center>Professor Chan, Chi Wai Michael</center> |
| + | <img src="https://static.igem.org/mediawiki/2019/6/61/T--HK_SSC--John.jpg" height="256"> |
| + | <center>Dr. Ho Chi Wang John</center> |
| + | <img src="https://static.igem.org/mediawiki/2019/a/aa/T--HK_SSC--SO.png" height="256"> |
| + | <center>So Wai Lok, Henry</center> |
| + | <img src="https://static.igem.org/mediawiki/2019/5/5f/T--HK_SSC--uglyteam-ishpic.jpeg" height="256"></center> |
| | | |
− | <style> | + | </html> |
− | | + | |
− | html, body {
| + | |
− | max-width: 100%;
| + | |
− | overflow-x: hidden;
| + | |
− | }
| + | |
− | | + | |
− | img {
| + | |
− | max-width: 100%;
| + | |
− | height: auto;
| + | |
− | display: block;
| + | |
− | margin-left: auto;
| + | |
− | margin-right: auto;
| + | |
− | }
| + | |
− | .row .wrap {
| + | |
− | margin-bottom: 15px;
| + | |
− | }
| + | |
− | h1 {
| + | |
− | text-align: center;
| + | |
− | line-height: 120% !important;
| + | |
− | margin: 48px auto 0;
| + | |
− | border-bottom: 0px;
| + | |
− | font-size: 40px !important;
| + | |
− | font-family: 'Lora', serif !important;
| + | |
− | font-style: italic;
| + | |
− | display: inline;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | h2 {
| + | |
− | margin: 48px auto 0;
| + | |
− | font-size: 30px !important;
| + | |
− | font-family: 'Lora', serif !important;
| + | |
− | font-style: italic;
| + | |
− | padding: 5px 0 5px 0;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | | + | |
− | h2.modal {
| + | |
− | font-size: 20px !important;
| + | |
− | }
| + | |
− | | + | |
− | h2 span {
| + | |
− | color: #fff;
| + | |
− | font-weight: bold;
| + | |
− | padding: 5px;
| + | |
− | line-height: 170% !important;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .page-footer {
| + | |
− | background-color: #ecf0f1 !important;
| + | |
− | }
| + | |
− | | + | |
− | .footer-copyright {
| + | |
− | background-color: ##ecf0e1 !important;
| + | |
− | }
| + | |
− | | + | |
− | .container {
| + | |
− | padding-bottom: 70px !important;
| + | |
− | width: 55% !important;
| + | |
− | }
| + | |
− | | + | |
− | /*.toggle { | + | |
− | width: auto;
| + | |
− | padding: 10px 20px;
| + | |
− | background: #1f1c20;
| + | |
− | text-align: right;
| + | |
− | box-sizing: border-box;
| + | |
− | display: none;
| + | |
− | margin-left: 0 !important;
| + | |
− | position: fixed; /* Set the navbar to fixed position */
| + | |
− | top: 16px; /* Position the navbar at the top of the page */
| + | |
− | width: 100%; /* Full width */
| + | |
− | opacity: 0.7 !important;
| + | |
− | z-index: 7;
| + | |
− | }
| + | |
− | | + | |
− | .toggle:hover {
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | */
| + | |
− | | + | |
− | .footer {
| + | |
− | padding: 20px;
| + | |
− | }
| + | |
− | | + | |
− | .header-img {
| + | |
− | position: relative;
| + | |
− | top: -10px;
| + | |
− | left: 0;
| + | |
− |
| + | |
− | /* Preserve aspet ratio */
| + | |
− | min-width: 100%;
| + | |
− | min-height: 100%;
| + | |
− | | + | |
− | object-fit: scale-down;
| + | |
− | | + | |
− | z-index: -1;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | body, html {
| + | |
− | height: 100%;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .floating {
| + | |
− | animation-name: floating;
| + | |
− | animation-duration: 2s;
| + | |
− | animation-iteration-count: infinite;
| + | |
− | animation-timing-function: ease-in-out;
| + | |
− | }
| + | |
− | | + | |
− | @keyframes floating {
| + | |
− | from { transform: translate(0, 0px); }
| + | |
− | 65% { transform: translate(0, 15px); }
| + | |
− | to { transform: translate(0, -0px); }
| + | |
− | }
| + | |
− | | + | |
− | .home-box {
| + | |
− | padding: 50px 20px 50px 20px;
| + | |
− | border-bottom: solid 0.5px #1f1c24;
| + | |
− | }
| + | |
− | | + | |
− | .home-text {
| + | |
− | text-align: justify;
| + | |
− | -moz-text-align-last: center;
| + | |
− | text-align-last: center;
| + | |
− | color: #1f1c24;
| + | |
− | font-size: 16px;
| + | |
− | }
| + | |
− | | + | |
− | .home-box-2 {
| + | |
− | border: 20px solid #FF5144;
| + | |
− | padding: 50px;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | timeline-header-left div {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | | + | |
− | ul.modal-list li {
| + | |
− | list-style-type: disc !important;
| + | |
− | list-style-image: none !important;
| + | |
− | }
| + | |
− | | + | |
− | .row{
| + | |
− | margin-top: 8px;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | h1 {
| + | |
− | font-size: 25px !important;
| + | |
− | }
| + | |
− | | + | |
− | h2 {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | | + | |
− |
| + | |
− | .timeline img {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | }
| + | |
− | | + | |
− | </style>
| + | |
− | <body>
| + | |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:HKJS_S/css/TeamPage&action=raw&ctype=text/css"/>
| + | |
− | <!— Top div background -->
| + | |
− | <div class="main_photo">
| + | |
− | <div class="top" style="margin:auto;"><h1 style="font-size: 30px !important; color: red;">Our Team</h1></div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="whole">
| + | |
− | <div style="color:#eee;" id="view">a<br/>a</div>
| + | |
− | <div class="title"><font size="7">Primary PI</font></div>
| + | |
− | <div class="wrap" style="width: 18rem; margin:auto;">
| + | |
− | <img class="img" src="https://static.igem.org/mediawiki/2019/0/0b/T--HK_SSC--NgSzeHo.jpg"/>
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Ng Sze Ho<br/>
| + | |
− | Teacher
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="title"><font size="7">Team Leader</font></div>
| + | |
− | <div class="row" style="width: 66%; margin: auto;">
| + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img src="https://i.ibb.co/qJvY4nS/s2015140.jpg">
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Lee Hong Kiu (Chelsy)<br/>
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="title"><font size="7">Student Advisors</font></div>
| + | |
− | <div class="row" style="width: 66%; margin: auto;">
| + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/0/03/T--HK_SSC--Peter.jpg">
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Wong Chun Hin (Peter)<br/>
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/d/df/T--HK_SSC--Anson.jpg">
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Chung Chun Ho (Anson)<br/>
| + | |
− | Research
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="title"><font size="7">Members</font></div>
| + | |
− | <div class="row" style="width: 100%; margin: auto;">
| + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img class="img" src="https://static.igem.org/mediawiki/2019/a/a8/T--HK_SSC--Ethan.jpg"/>
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Lam Ngok (Ethan)<br/>
| + | |
− | Research
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img class="img" src="https://static.igem.org/mediawiki/2019/6/6c/T--HK_SSC--CarolWong.png"/>
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Wong Kin-ning (Carol)<br/>
| + | |
− | Research
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/b/be/T--HK_SSC--Jay.jpg">
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Leung Chung Yin<br/>
| + | |
− | Research and Laboratory
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/2/28/T--HK_SSC--Conrad.jpeg">
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Young Hon Yui<br/>
| + | |
− | Research and Laboratory
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/9/9c/T--HK_SSC--Angela.jpg">
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Leung Tung Yan, Angela<br/>
| + | |
− | Research and Laboratory
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/3/3b/T--HK_SSC--Karin.jpg">
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Wong Hoi Ling<br/>
| + | |
− | Human practice and Designer
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/e/e9/T--HK_SSC--Justin.jpg">
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Choi Justin Yuet Hei<br/>
| + | |
− | Wiki Desginer
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="title"><font size="7">Advisors</font></div>
| + | |
− | <div class="row" style="width: 66%; margin: auto;">
| + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img class="img" src="https://static.igem.org/mediawiki/2019/3/31/T--HK_SSC--Chun.jpg"/>
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Man Chun Cheung<br/>
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="row" style="width: 66%; margin: auto;">
| + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img class="img" src="https://static.igem.org/mediawiki/2019/d/d0/T--HK_SSC--ProfessorChan.jpeg"/>
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Professor Chan, Chi Wai Michael<br/>
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="row" style="width: 66%; margin: auto;">
| + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/6/61/T--HK_SSC--John.jpg">
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">Mr. Ho Chi Wang John<br/>
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | <div class="wrap" style="width: 18rem;">
| + | |
− | <img class="img" src="https://static.igem.org/mediawiki/2019/a/aa/T--HK_SSC--SO.png"/>
| + | |
− | <div class="wrap_text">
| + | |
− | <p class="text">So Wai Lok, Henry<br/>
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | </div>
| + | |
− | </body>
| + | |
− | | + | |
− | </p>
| + | |