Line 335: | Line 335: | ||
<a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-plj"><img src="https://static.igem.org/mediawiki/2018/5/50/T--UESTC-China--plj.png" style="height: 180px;width: 200px;" ></a> | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-plj"><img src="https://static.igem.org/mediawiki/2018/5/50/T--UESTC-China--plj.png" style="height: 180px;width: 200px;" ></a> | ||
</li> | </li> | ||
− | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top: | + | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:460px; left:275px;"> |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal- | + | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-zx"><img src="https://static.igem.org/mediawiki/2018/thumb/b/b3/T--UESTC-China--zx.png/600px-T--UESTC-China--zx.png" style="height: 160px;width: 160px;"></a> |
</li> | </li> | ||
Line 416: | Line 416: | ||
<div class="md-content"> | <div class="md-content"> | ||
<h3>plj</h3> | <h3>plj</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-zx"> | ||
+ | <div class="md-content"> | ||
+ | <h3>zx</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:10, 18 September 2018
yjz
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.
ths
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.
plj
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.
zx
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