# Modal

All modular elements can be readily used and customized in every layout across pages.

Posh gives you the modal which is responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window with declarative configuration and hash tracking. Detail documentation ⟶

Show Modal

##### HTML

    <main class="remodal-bg remodal-is-closed">
    	...
    	<a href="#" class="btn btn-primary color-white" data-remodal-target="modal">Show Modal
    	</a>
    	...
    </main>
    <div class="remodal" data-remodal-id="modal">
    	<button class="remodal-close" data-remodal-action="close"></button>
    	<h4>Modal done right</h4>
    	<p>Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.</p><br>
    	<div class="buttons">
    		<button class="btn btn-sm btn-primary" data-remodal-action="confirm">Awesome</button>
    		<button class="btn btn-sm btn-outline-danger" data-remodal-action="cancel">Cancel</button>
    	</div>
    </div>

##### JavaScript

    <script src="assets/lib/remodal/dist/remodal.js"></script>

##### CSS

    <link href="assets/lib/remodal/dist/remodal.css" rel="stylesheet"/>
    <link href="assets/lib/remodal/dist/remodal-default-theme.css" rel="stylesheet"/>

##### Jump into

#### Modal done right

No matter the task, the new POSH is up to it — and even more. See for your self — the pre-made pages, inspired by world's finest websites, are all made with POSH. And this is only a tip of the iceberg of what you can do with POSH.