Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

css-ui/modal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

21 Commits

Repository files navigation

CSS UI - Modal box

Simple modal box.

Installation

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

Demo

Quick start

CSS dependencies.

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

CSS modal.

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

Use Open Sans fotns.

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

Modal html.

<div class="wrapper align center">
	<a href="#modal">Open</a>
	<div id="modal" class="modal-box">
		<div>
			<a href="#close" title="Close" class="modal-close align center">
				<i class="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.

About

πŸ“ƒ Simple modal box.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /