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
- }
- .content {
- width: 100%;
- height: 100%;
- background: #fff;
- position: fixed;
- top: 0px;
- left: 0px;
- z-index: 99999
- }
- #load-more {
- Background: #5890FF;
- color: white;
- border: 0px;
- width: 100%;
- padding: 15px;
- border-radius: 2px;
- max-width: 700px;
- }
- #load-more:focus {
- outline: none;
- }
- #hidden {
- display: none;
- }
- #profile {
- width: 50px;
- height: 50px;
- }
- #title {
- color: #fff
- }
- body {
- margin: 10px;
- background: #eee url(http://s08.imgs.to/share/image/VJAf1fhG5m_pc-background-clouds2.jpg);
- background-position: 50% 50%;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- background-attachment: fixed;
- }
- .important {
- width: 100%;
- height: 100%;
- background: #fff;
- position: fixed;
- top: 0px;
- left: 0px;
- z-index: 99999
- }
- #container {
- background: #fff;
- max-width: 900px;
- min-height: 300px;
- margin: 0px auto;
- padding: 20px;
- border: 1px solid #ddd;
- }
Custom HTML
- <html>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1" />
- </head>
- <body>
- <div class="content"></div>
- <div id="container">
- <center>
- <h1>Clash of Clans Giveaway Promo</h1>
- <h3>{%today_date%}</h3>
- <br>
- <img src="https://i.gyazo.com/03df782f256b503bcbf34c85593b111e.png" 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 : Like Our Website</h3>
- <div id="fb-root"></div>
- <script>
- (function(d, s, id) {
- var js, fjs = d.getElementsByTagName(s)[0];
- if (d.getElementById(id)) return;
- js = d.createElement(s);
- js.id = id;
- js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=974324642590574";
- fjs.parentNode.insertBefore(js, fjs);
- }(document, 'script', 'facebook-jssdk'));
- </script>
- <br/>
- <div class="fb-like" data-href="https://www.facebook.com/clashofclans" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
- <br>
- <h3>Step 2 : 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" onclick="alert('Please Complete An Offer Before You Leave a Comment');">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.gyazo.com/08f1d710bff5c0bd1ff38c3e61659245.png">
- </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="http://s08.imgs.to/share/image/h6e3r2La57_2.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="http://s08.imgs.to/share/image/jmj5L5NFLa_3.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="http://s08.imgs.to/share/image/QJaTAFBJTP_4.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="http://s08.imgs.to/share/image/zBQBBZzMqh_5.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 <img src="http://cpagriptemplates.com/wp-includes/images/smilies/simple-smile.png" alt=":)" class="wp-smiley" style="height: 1em; max-height: 1em;"> 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="http://s08.imgs.to/share/image/AmgZwghTYw_6.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="http://s08.imgs.to/share/image/AmgZwghTYw_6.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="http://s08.imgs.to/share/image/smJm53jI2V_7.jpg">
- </td>
- <td valign="top" style="padding:3px;">
- <p id="name">Angelica Foy</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="http://s08.imgs.to/share/image/T6CyyGhNAW_8.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="http://s08.imgs.to/share/image/AIrKhRQwZ9_9.jpg">
- </td>
- <td valign="top" style="padding:3px;">
- <p id="name">Chelsie White</p>
- <p id="message">This is real. 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>
- <div class="important"></div>
- <center>
- <img id="load" style="display:none;margin-bottom:20px" src="http://s08.imgs.to/share/image/3p5RvXe8hM_loading.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='http://cpagriptemplates.com/jquery-1.12.0.min.js'></script>
- </button>
- </center>
- </body>
- </html>
1 comments:
Did you know that that you can earn dollars by locking special pages of your blog / website?
Simply open an account on CPALead and embed their Content Locking tool.
Post a Comment