Difference between revisions of "Team:Hong Kong HKUST/Team"

Line 2: Line 2:
  
 
<html>
 
<html>
−
    <body>
+
<body>
−
        <div align="center" class="image">
+
<div class="row">
−
          <img src="https://static.igem.org/mediawiki/2017/c/c4/Hkustmembers.png" alt="Team"style" width="1080" height="1920"
+
  <div class="col-sm-4"><img src="https://static.igem.org/mediawiki/2017/5/56/HKUST_Alvin.png" class="img-responsive"></div>
−
          usemap="teammap">
+
  <div class="col-sm-4"></div>
−
          <map name="teammap">
+
  <div class="col-sm-4"></div>
−
              <area shape="rect" onmouseover="PopUp('William')" onmouseout="Hide('William')" coords="50,132,241,428"
+
</div>
−
                  alt="william">
+
<div class="row">
−
              <area shape="rect" onmouseover="PopUp('Devi')" onmouseout="Hide('Devi')" coords="302,133,524,428" alt="Devi">
+
  <div class="col-sm-4"></div>
−
              <area shape="rect" onmouseover="PopUp('Alvin')" onmouseout="Hide('Alvin')" coords="569,136,777,424" alt="Alvin">
+
  <div class="col-sm-4"></div>
−
              <area shape="rect" onmouseover="PopUp('Harold')" onmouseout="Hide('Harold')" coords="835,138,1037,425" alt="Harold">
+
   <div class="col-sm-4"></div>
−
              <area shape="rect" onmouseover="PopUp('Handi')" onmouseout="Hide('Handi')" coords="18,436,276,744" alt="Harold">
+
−
          </map>
+
−
          <div id="openModal" >
+
−
    <div id="name" class="">Yo</div>
+
−
            <div id="describe">
+
−
                <ul>
+
−
                    <li></li>
+
−
                </ul>
+
−
            </div>
+
−
            <div id="gallery">
+
−
           
+
−
            </div>
+
−
          </div>
+
−
        </div>
+
−
      <style>
+
−
          .image {
+
−
              position: relative;
+
−
              /*width: 100%;  for IE 6 */
+
−
          }
+
−
          #openModal {
+
−
              display: block;
+
−
              border: 5px solid red; 
+
−
              //position: absolute;
+
−
              z-index: 2;
+
−
          }
+
−
          .talk-bubble {
+
−
      //margin: 40px;
+
−
              display: inline-block;
+
−
              position: relative;
+
−
      width: 400px;
+
−
      height: auto;
+
−
      background-color: lightyellow;
+
−
            }
+
−
            .border{
+
−
                border: 8px solid #666;
+
−
            }
+
−
            .round{
+
−
                border-radius: 30px;
+
−
        -webkit-border-radius: 30px;
+
−
        -moz-border-radius: 30px;
+
−
            }
+
−
            .tri-right.border.btm-left-in:before {
+
−
      content: ' ';
+
−
      position: absolute;
+
−
      width: 0;
+
−
      height: 0;
+
−
      left: 30px;
+
−
              right: auto;
+
−
              top: auto;
+
−
      bottom: -40px;
+
−
      border: 20px solid;
+
−
      border-color: #666 transparent transparent #666;
+
−
            }
+
−
            .tri-right.btm-left-in:after{
+
−
      content: ' ';
+
−
      position: absolute;
+
−
      width: 0;
+
−
      height: 0;
+
−
      left: 38px;
+
−
              right: auto;
+
−
              top: auto;
+
−
      bottom: -20px;
+
−
      border: 12px solid;
+
−
      border-color: lightyellow transparent transparent lightyellow;
+
−
            }
+
−
            .talktext{
+
−
                padding: 1em;
+
−
        text-align: left;
+
−
                line-height: 1.5em;
+
−
            }
+
−
            .talktext p{
+
−
                /* remove webkit p margins */
+
−
                -webkit-margin-before: 0em;
+
−
                -webkit-margin-after: 0em;
+
−
            }
+
−
            h1 {
+
−
                text-align: center;
+
−
            }
+
−
      </style>
+
−
      <script>
+
−
          function PopUp(name) {
+
−
             
+
−
          }
+
−
          function Hide(name) {
+
−
 
+
−
          }
+
−
      </script>
+
−
 
+
−
      <h1>Our Advisors</h1>
+
−
 
+
−
 
+
−
<div class="container">
+
−
  <img src="https://static.igem.org/mediawiki/2017/thumb/6/6d/Hkusteric.png/601px-Hkusteric.png" width="241" height= "240" alt="Eric" class="eric">
+
−
   <div class="overlay">
+
−
    <div class="text">Eric Cheung</div>
+
−
  </div>
+
 
</div>
 
</div>
  

Revision as of 09:00, 27 September 2017

HKUST iGEM Team 2017


Footer