3 Week Diet Niche – Earn Money From Weight Loss Category

3-week-diet_20160929225437

 

 

 

 

 CSS CODE :

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
        .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;
        }
        #hidden {
            display: none;
        }
        #profile {
            width: 50px;
            height: 50px;
        }
        #title {
            color: #fff
        }
        body {
            margin: 10px;
            background: #eee url(http://s10.imgs.to/share/image/Ks7e77p0XN_wall.jpg);
            background-position: 50% 50%;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-attachment: fixed;
        }
        #container {
            background: #fff;
            max-width: 900px;
            min-height: 300px;
            margin: 0px auto;
            padding: 20px;
            border: 1px solid #ddd;
        }

 HTML CODE :

    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1" />
    <script src='http://code.jquery.com/jquery-1.11.0.min.js'></script>
    <link rel="stylesheet" href="//motifiles.com/bootstrap3/css/bootstrap-glyphicons.css" />

    <div id="container">
        <center>
            <h1>The 3 Week Diet Free Download</h1>
            <br>
            <img src="http://saferedirect.us/wp-content/uploads/2016/09/3-Week-Diet-Special-offer.png" style="width:100%;max-width:600px">

<div class="videoWrapper">
    <iframe src="//player.vimeo.com/video/100683272?title=0&byline=0&portrait=0&color=ffffff" width="700" height="400" frameborder="0"></iframe>
</div>

           <br> {%offers%}
        <br><i style="color:#aaa">Available for Free 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">Very effective, I lost some lbs. applying this..</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">Im Old but I still lost some fat.. thank you for sharing this.</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 :) 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">I recommend this ebook</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" 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.10.1.min.js'></script>
                </button>
            </center>

Enjoy!