Difference between revisions of "Team:UESTC-China/test11"
| Line 351: | Line 351: | ||
</li> | </li> | ||
<li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:151px; left:300px"> | <li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:151px; left:300px"> | ||
| − | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal- | + | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-2"><img src="https://static.igem.org/mediawiki/2018/2/29/T--UESTC-China--testhead.jpg" height="250"></a> |
</li> | </li> | ||
<li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:151px; left:500px"> | <li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:151px; left:500px"> | ||
| Line 379: | Line 379: | ||
<div class="md-content"> | <div class="md-content"> | ||
<h3>Modal Dialog</h3> | <h3>Modal Dialog</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-2"> | ||
| + | <div class="md-content"> | ||
| + | <h3>nmsl</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 01:54, 10 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.
nmsl
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