modal.html

<div id="webfonts_modalBackdrop" class="modal-backdrop"></div>

<div id="webfonts_modal" class="template modal">
    <div class="modal-header">
        <a href="#" class="close">&times</a>
        <h2>Web Fonts</h2>
    </div>
    <div class="modal-body">
        <link id="webfonts_stylesheet" rel="stylesheet" type="text/css" href="">
        <div id="webfonts_example">
            <select></select>
            <button id="webfonts_addBtn" class="dialog-button btn">Add Font</button>
            <textarea>Example Text</textarea>
        </div>
        <div id="webfonts_fontList"></div>
        <button id="webfonts_swpBtn" class="dialog-button btn" disabled>Swap Fonts</button>
        <button id="webfonts_delBtn" class="dialog-button btn" disabled>Delete Font</button>
    </div>
    <div class="modal-footer">
        <a id="webfonts_modalBtn" href="#" class="dialog-button btn primary">Close</a>
    </div>
</div>