Difference between revisions of "Team:UESTC-China/test11"
| Line 324: | Line 324: | ||
</li> | </li> | ||
<li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:466px; left:82px"> | <li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:466px; left:82px"> | ||
| − | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal- | + | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-wq"><img src="https://static.igem.org/mediawiki/2018/4/4f/T--UESTC-China--wq.png" style="width: 150px;height: 145px;"></a> |
</li> | </li> | ||
<li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:290px; left:465px"> | <li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:290px; left:465px"> | ||
| − | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal- | + | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-zyx"><img src="https://static.igem.org/mediawiki/2018/thumb/1/13/T--UESTC-China--zyx.png/320px-T--UESTC-China--zyx.png" style="width: 200px;height: 145px;"></a> |
</li> | </li> | ||
<li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:151px; left:700px"> | <li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:151px; left:700px"> | ||
| Line 364: | Line 364: | ||
</div> | </div> | ||
| − | <div class="md-modal md-effect-1" id="modal- | + | <div class="md-modal md-effect-1" id="modal-wq"> |
<div class="md-content"> | <div class="md-content"> | ||
| − | <h3> | + | <h3>wq</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> | ||
| Line 379: | Line 379: | ||
</div> | </div> | ||
| + | |||
| + | <div class="md-modal md-effect-1" id="modal-zyx"> | ||
| + | <div class="md-content"> | ||
| + | <h3>zyx</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-overlay"></div> | <div class="md-overlay"></div> | ||
Revision as of 02:36, 18 September 2018
Modal Dialog
This is a modal window. You can do the following things with it:
- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.
wq
This is a modal window. You can do the following things with it:
- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.
zyx
This is a modal window. You can do the following things with it:
- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.
Copyright © 2018 iGEM UESTC_China