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

Line 341: Line 341:
 
<a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-zl"><img src="https://static.igem.org/mediawiki/2018/5/59/T--UESTC-China--zl.png" style="height: 160px;width: 175px;"></a>
 
<a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-zl"><img src="https://static.igem.org/mediawiki/2018/5/59/T--UESTC-China--zl.png" style="height: 160px;width: 175px;"></a>
 
</li>
 
</li>
         <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:560px; left:600px;">
+
         <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:640px; left:720px;">
<a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-zl"><img src="https://static.igem.org/mediawiki/2018/8/83/T--UESTC-China--pqc.png" style="height: 160px;width: 175px;"></a>
+
<a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-pqc"><img src="https://static.igem.org/mediawiki/2018/8/83/T--UESTC-China--pqc.png" style="height: 160px;width: 170px;"></a>
 
</li>
 
</li>
 
 
Line 452: Line 452:
 
     <div class="md-content">
 
     <div class="md-content">
 
       <h3>zl</h3>
 
       <h3>zl</h3>
 +
      <div>
 +
        <p>This is a modal window. You can do the following things with it:</p>
 +
        <ul>
 +
          <li><strong>Read:</strong> modal windows will probably tell you something important so don't forget to read what they say.</li>
 +
          <li><strong>Look:</strong> a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.</li>
 +
          <li><strong>Close:</strong> click on the button below to close the modal.</li>
 +
        </ul>
 +
        <button class="md-close btn-sm btn-primary">Close me!</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
<div class="md-modal md-effect-1" id="modal-pqc">
 +
    <div class="md-content">
 +
      <h3>pqc</h3>
 
       <div>
 
       <div>
 
         <p>This is a modal window. You can do the following things with it:</p>
 
         <p>This is a modal window. You can do the following things with it:</p>

Revision as of 03:40, 18 September 2018

team

Copyright © 2018 iGEM UESTC_China