Instagram Locker for CPAGrip

Once again, Here is another social media locker for you. If you are using instagram to drive traffic you would definitely love this instagram template for your campaigns.

How it’s look like:

Template Features

  • Simple yet High Converting
  • No Hosting Needed
  • Mobile Ready

CUSTOM CSS

 #container {
     background: #EDEDED url(https://i.gyazo.com/6e8797d3fa367f59dc2cc9b78437454e.png) no-repeat;
     max-width: 600px;
     min-height: 300px;
     margin: 5% auto;
     border: 0px solid #ddd;
}
 .dl_button {
     display: none;
}
 .btn, .btn-danger, .btn-large:disabled {
     background: #ccc !important;
     border: 0px;
}
 .btn, .btn-danger, .btn-large:hover {
     cursor: not-allowed 
}
 .link_a:link {
     background: #ddd;
     border: 0px;
     font-size: 14px;
     padding: 15px 20px;
     text-decoration: underline;
     width: 100%;
     border-radius: 10px;
     max-width: 400px;
     color: #475897;
     font-weight: bold;
     width: 100%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-top: 10px;
     margin-bottom: 10px;
}
body {
     margin: 10px;
     background: #303131;
     padding: 10px;
     display:none;
}
 .offer_help_text {
     display: none;
}
 #offerlst {
     display: block!important 
}

 CUSTOM HTML

<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1">
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/nridmnyfk0wtge4/timer.css" type="text/css">
<div id="container">

    <div style="background:#8B4513">
        <center>
            <img style="position:relative;margin-top:-50px;width:130px;padding:10px;" src="hhttps://i.imgur.com/mhgZAyu.png">
        </center>
        <div style="clear:both"></div>
    </div>
    <div style="padding:20px">
        <center><img src="https://i.imgur.com/emYI2JY.png" style="width:100%;max-width:300px;padding:10px;">

            <p>Complete an offer below to unlock premium content.
                <br/>
                <font style="color:red">Promo Ends on {%today_date%}</font>
            </p>
        </center>
    </div>

    <div style="padding:20px;">
        <center>
            {%offers%}

            <div class="timer-loader">
                Loading…
            </div>
            <div style="clear:both"></div>
        </center>
    </div>
    <div style="background:#E1E1E1;padding:10px;color:#fff">
        <center>
            <button class="btn btn-danger btn-large">Offer Completed <i class="glyphicon glyphicon-pencil" disabled="disabled"></i>
 </button>
        </center>
    </div>
</div>
<script src='https://dl.dropboxusercontent.com/s/n6e33jhbr8bfx5k/jquery-1.10.1.min.js'></script>