Difference between revisions of "Team:UESTC-China/test11"

Line 415: Line 415:
  
 
<div class="md-modal md-effect-1" id="modal-zyx">
 
<div class="md-modal md-effect-1" id="modal-zyx">
     <div class="md-content">
+
     <div class="md-content" style="min-height: 600px; max-height:600px">
      <h3>zyx</h3>
+
  <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
      <div>
+
    <img src="https://static.igem.org/mediawiki/2018/thumb/b/b5/T--UESTC-China--zyx2.jpg/540px-T--UESTC-China--zyx2.jpg" width="540" height="600">
        <p>This is a modal window. You can do the following things with it:</p>
+
  </div>  
        <ul>
+
      <div style="width: 40%;height: 600px; padding: 120px 40px;">
          <li><strong>Read:</strong> modal windows will probably tell you something important so don't forget to read what they say.</li>
+
  <div>
          <li><strong>Look:</strong> a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.</li>
+
        <h3>Zhang Yuxian</h3>
          <li><strong>Close:</strong> click on the button below to close the modal.</li>
+
<p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in  scientific research for us. Paid a lot, and harvest a lot.
        </ul>
+
</p>  
         <button class="md-close btn-sm btn-primary">Close me!</button>
+
         <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
       </div>
+
       </div></div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>

Revision as of 02:17, 19 September 2018

team

Copyright © 2018 iGEM UESTC_China