src/example/index.html

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
    <link rel="stylesheet" type="text/css" href="../../dist/rkd-modal.min.css">
    <script src="../../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../../dist/rkd-modal.min.js"></script>
</head>
    <body>
        <a href="#" class="rkd-modal" data-rkd-modal-id="modal-content">Open content modal (content in other element)</a><br />
        <a href="#" class="rkd-modal-this">Open content modal (content from current (this) element)</a><br />
        <a
            href="http://cors.io/?u=http://example.com"
            class="rkd-modal-ajax"
            data-rkd-modal-selector="p"
        >Open ajax modal</a>

        <!-- Content modal -->
        <div class="modal" id="modal-content">
            <input class="modal-state" type="checkbox" />
            <div class="modal-fade-screen">
                <div class="modal-inner">
                    <div class="modal-close"></div>
                    <h1>Modal Title</h1>
                    <p class="modal-intro">Intro text lorem ipsum dolor sit ametm, quas, eaque facilis aliquid cupiditate tempora cumque ipsum accusantium illo modi commodi  minima.</p>
                    <p class="modal-content">Body text lorem ipsum dolor ipsum dolor sit sit possimus amet, consectetur adipisicing elit. Itaque, placeat, explicabo, veniam quos aperiam molestias eriam molestias molestiae suscipit ipsum enim quasi sit possimus quod atque nobis voluptas earum odit accusamus quibusdam. Body text lorem ipsum dolor ipsum dolor sit sit possimus amet.</p>
                </div>
            </div>
        </div>
    </body>
</html>