    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-php">&lt;?php
if (!defined(&#039;ABSPATH&#039;)) die();
/**
 * User: shahnuralam
 * Date: 1/16/18
 * Time: 12:33 AM
 */
error_reporting(0);

$pid = wpdm_query_var(&#039;__wpdmxp&#039;, &#039;int&#039;);
//setup_postdata($post);
//$pack = new \WPDM\Package();
//$pack-&gt;Prepare(get_the_ID());

?&gt;
&lt;!DOCTYPE html&gt;
&lt;html style=&quot;background: transparent&quot;&gt;
&lt;head&gt;
    &lt;title&gt;Download &lt;?php the_title(); ?&gt;&lt;/title&gt;
    &lt;script&gt;
        var wpdm_url = &lt;?= json_encode(WPDM()-&gt;wpdm_urls) ?&gt;;
    &lt;/script&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;?php echo WPDM_BASE_URL; ?&gt;assets/bootstrap/css/bootstrap.css&quot; /&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;?php echo WPDM_BASE_URL; ?&gt;assets/css/front.css&quot; /&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;?php echo WPDM_ASSET_URL; ?&gt;fontawesome/css/fontawesome.min.css&quot; /&gt;
    &lt;script src=&quot;&lt;?php echo includes_url(); ?&gt;/js/jquery/jquery.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;&lt;?php echo includes_url(); ?&gt;/js/jquery/jquery.form.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;&lt;?php echo WPDM_BASE_URL; ?&gt;assets/bootstrap/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;&lt;?php echo WPDM_BASE_URL; ?&gt;assets/js/front.js&quot;&gt;&lt;/script&gt;
    &lt;?php if((isset($pack-&gt;packageData[&#039;form_lock&#039;]) &amp;&amp; $pack-&gt;packageData[&#039;form_lock&#039;] == 1)  || $pack-&gt;packageData[&#039;base_price&#039;] &gt; 0) wp_head(); ?&gt;
    &lt;style&gt;
        html, body{
            overflow: visible;
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
            font-family: &#039;Josefin Sans&#039;, sans-serif;
            font-weight: 300;
            font-size: 10pt;
        }
        h4.modal-title{
            font-family: &#039;Josefin Sans&#039;, sans-serif;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #555555;
            font-size: 11pt;
            display: inline-block;
        }

        .w3eden label{
            font-weight: 400;
        }
        img{
            max-width: 100%;
        }
        .modal-backdrop{
            background: rgba(0,0,0,0.5);
        }


        .modal.fade{
            opacity:1;
        }
        .modal.fade .modal-dialog {
            -webkit-transform: translate(0);
            -moz-transform: translate(0);
            transform: translate(0);
        }

        .modal {
            text-align: center;
            padding: 0!important;
        }

        .wpdm-social-lock.btn {
            display: block;
            width: 100%;
        }

        @media (min-width: 768px) {
            .modal:before {
                content: &#039;&#039;;
                display: inline-block;
                height: 100%;
                vertical-align: middle;
                margin-right: -4px;
            }

            .modal-dialog {
                display: inline-block;
                text-align: left;
                vertical-align: middle;
            }

            .wpdm-social-lock.btn {
                display: inline-block;
                width: 47%;
            }
        }

        @-moz-keyframes spin {
            from { -moz-transform: rotate(0deg); }
            to { -moz-transform: rotate(360deg); }
        }
        @-webkit-keyframes spin {
            from { -webkit-transform: rotate(0deg); }
            to { -webkit-transform: rotate(360deg); }
        }
        @keyframes spin {
            from {transform:rotate(0deg);}
            to {transform:rotate(360deg);}
        }
        .spin{
            -webkit-animation-name: spin;
            -webkit-animation-duration: 2000ms;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            -moz-animation-name: spin;
            -moz-animation-duration: 2000ms;
            -moz-animation-iteration-count: infinite;
            -moz-animation-timing-function: linear;
            -ms-animation-name: spin;
            -ms-animation-duration: 2000ms;
            -ms-animation-iteration-count: infinite;
            -ms-animation-timing-function: linear;

            animation-name: spin;
            animation-duration: 2000ms;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            display: inline-block;
        }


        .w3eden .card-default {
            border-radius: 3px;
            margin-top: 10px !important;
        }
        .w3eden .card-default:last-child{
            margin-bottom: 0 !important;
        }
        .w3eden .card-default .card-header{
            letter-spacing: 0.5px;
            font-weight: 600;
            background-color: #f6f8f9;
        }

        .w3eden .card-default .card-footer{
            background-color: #fafafa;
        }

        .btn{
            outline: none !important;
        }
        .w3eden .card{
            margin-bottom: 0;
        }
        .w3eden .modal-header{
            border: 0;
        }
        .w3eden .modal-content{
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
            border: 0;
            border-radius: 6px;
            background: rgb(255,255,255);
            background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
            background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
            background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#ffffff&#039;, endColorstr=&#039;#ffffff&#039;,GradientType=1 );
            overflow: hidden;
            max-width: 100%;
        }
        .w3eden .modal-body{
            max-height:  calc(100vh - 210px);
            overflow-y: auto;
            padding-top: 0 !important;
        }


        .w3eden .input-group-lg .input-group-btn .btn{
            border-top-right-radius: 4px !important;
            border-bottom-right-radius: 4px !important;
        }
        .w3eden .wpforms-field-medium{
            max-width: 100% !important;
            width: 100% !important;
        }

        .w3eden .input-group.input-group-lg .input-group-btn .btn {
            font-size: 11pt !important;
        }


    &lt;/style&gt;
    &lt;?php do_action(&quot;wpdm_shortcode_iframe_head&quot;); ?&gt;
&lt;/head&gt;
&lt;body class=&quot;w3eden&quot; style=&quot;background: transparent&quot;&gt;

&lt;?php
echo do_shortcode(&quot;[wpdm_package id=&#039;{$pid}&#039;]&quot;);
?&gt;

&lt;script&gt;

    jQuery(function ($) {

        $(&#039;a&#039;).each(function () {
            $(this).attr(&#039;target&#039;, &#039;_blank&#039;);
        });

        $(&#039;body&#039;).on(&#039;click&#039;,&#039;a&#039;, function () {
            $(this).attr(&#039;target&#039;, &#039;_blank&#039;);
        });


    });

    function showModal() {
        jQuery(&#039;#wpdm-locks&#039;).modal(&#039;show&#039;);
    }
    showModal();
&lt;/script&gt;
&lt;div style=&quot;display: none&quot;&gt;
&lt;?php  if((isset($pack-&gt;packageData[&#039;form_lock&#039;]) &amp;&amp; $pack-&gt;packageData[&#039;form_lock&#039;] == 1)  || $pack-&gt;packageData[&#039;base_price&#039;] &gt; 0) wp_footer(); ?&gt;
&lt;?php do_action(&quot;wpdm_shortcode_iframe_footer&quot;); ?&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>        </div>
    </div>