CSS UI - Modal box

Simple modal box.

Installation

npm install --save css-ui-modal-box

Demo

• https://css-ui.github.io/modal.box/

Quick start

CSS dependencies.

<linkrel="stylesheet" href="path/to/normalize.css"><linkrel="stylesheet" href="path/to/font-awesome.css"><linkrel="stylesheet" href="path/to/open-sans.css"><linkrel="stylesheet" href="path/to/cssui.css">

CSS modal.

<linkrel="stylesheet" href="path/to/style.modal.box.css">

Use Open Sans fotns.

font-family:'Open Sans', sans-serif;

Modal html.

<divclass="wrapper align center"><ahref="#modal">Open</a><divid="modal" class="modal-box"><div><ahref="#close" title="Close" class="modal-close align center"><iclass="fa fa-times" aria-hidden="true"></i></a><h2>Modal Box</h2><p>This is an example of modal box.</p></div></div></div>

Enjoy modal box.