New Upcoming Game Niche + Landing Page BANK HARD
2014-11-05, 09:16 PM, (This post was last modified: 2014-11-15, 02:53 AM by DutchPride.)
#1
Preview : Click Here

[hide]
CSS
Code:
/*These are the white margins that surround the container*/
body {
margin-bottom:50px;
background: rgb(0,0,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTNhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(58,58,58,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(58,58,58,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-8 */


}
html {
    background-color: #3A3A3A;
}
/*This holds all of the divs*/
.container {
width: 100%;
max-width: 1050px;
margin: 0px auto;
background: url("https://i.imgur.com/LGkEkyR.png");
border-collapse:separate;
border: solid #000000 5px;
border-radius: 25px;
border-bottom: 0px;
border-bottom-left-radius:25px;    
border-bottom-right-radius: 25px;
overflow: hidden;
}

/*This is the very top part of the landing page which is the area where the logo goes*/
.header {
height: 315px;
color: white;
}

    .logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


/*This is the body and content within the landing page*/
.content {
font: 16px Arial, Helvetica, sans-serif;
color: #fff;

margin-right: 120px;
margin-left: 120px;
}


    h1 {
    color: #000000;

    }
    
    .img1 {
        box-shadow: 0px 0px 15px #000000;
    max-width: 100%;
    height: auto;
    border-radius: 25px;
    }

/*Testimonial box and font style and colors*/
    .testimonial {
    padding: 20px 25px;
    margin-right: 120px;
    margin-left: 120px;
    background-color: #f2f2f2; /*Change colour here and in .arrow-down*/
    float: left;
    font: italic 17px/22px Georgia, "Times New Roman", Times, serif;
    color: #53646d;
    text-shadow: 1px 1px 0 #ffffff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    }
    /*Author section wrapper*/
    .author-wrapper {
    width: 100%;
    margin-bottom: 20px;
    float: left;
    }
    /*This creates the arrow with no need for an image, thanks to css-tricks.com*/
    .arrow {
    float: left;
    margin-left: 160px;
    width: 0;
    height: 0;
    border-top: 30px solid #f2f2f2; /*Change colour here to match .testimonial*/
    border-left: 30px solid transparent;
    border-right: 0px solid transparent; /*Make this 30px to create a triangle*/
    }
    /*Author Name*/
    .testimonial-name {
    float: left;
    margin: 0 8px;
    color: #fff;
    padding-top: 5px;
    font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    }
    /*Author Job Title*/
    .testimonial-name span {
    color: #53646d;
    font-weight: normal;
    }



/*This is the very bottom of the landing page*/
.footer {
width: 100%;
max-width: 950px;
margin: 0px auto;
background: url("https://i.imgur.com/YTGRcek.jpg") no-repeat;
border: solid #000000 5px;
border-top: 0px;
height: 103px;
border-bottom-left-radius: 25px;    
border-bottom-right-radius: 25px;
}

HTML
Code:
<meta charset='UTF-8'>
<link rel="stylesheet" href="css/style.css">
<!--Start landing page-->
    <!--Start container-->
        <div class="container">
<!--Start header-->
            <div class="header">
     <centeR>
             <br><img src="http://i.gyazo.com/f0225653437849a0a0be014d5a697c1f.png" class="logo">
<br>
            </div>
        <!--End header-->
        <!--Start content-->
      
        <br>
            <div class="content">
<center>
</center>
<br>
        <p></p>            
        <p>Tom Clancy`s The Division</p>

<li>Full Game Experience</li>
            
            <li>Fast Download</li>
            
            <li>Compatible with any operating system</li>
      

<center>
<br>

<br><img src="https://i.imgur.com/FotlTW5.png">
</center>
<br>
<br>
<br><center><iframe width="560" height="315" src="//www.youtube.com/embed/XJVdt7z_WP8?autoplay=1" frameborder="0" allowfullscreen></iframe></center>
<br></br>

<center>
<img src="https://i.imgur.com/oKgHMBz.png">
<br></br>
<br></br>

                   Experience the Full Game<br>
        Last Downloaded on : {%today_date%}<br><br>
                         {%offers%}<br><br>    </center>
                   <br><small><center>{%anchor_text%}</center></small>
          </div>

<BR>    
              
                <br><br>
            </div>
            
        <!--End content-->
        
        
        
      
        <!--Start TOS-->
          
        </div>

[/hide]
Reply
Share This Thread :

2014-11-05, 10:37 PM,
#2
thanks for the niche share

Procrastination makes easy things hard, hard things harder.
Reply
2014-11-05, 11:55 PM,
#3
Niche share. I thought it was ...
Reply
2014-11-06, 01:22 AM,
#4
Thank you for this, good share
Reply
2014-11-06, 12:57 PM,
#5
Can we edit it or customjze it?
Reply
2014-11-06, 03:19 PM,
#6
(2014-11-06, 12:57 PM)Nullstrike Wrote: Can we edit it or customjze it?

Yes this is full editable LP
Reply
2014-11-06, 06:28 PM,
#7
Yes it is fully editable ^^
Enjoy it guys :p
Reply
2014-11-06, 07:29 PM,
#8
Thanks raizo the LD is awesome.
Reply
2014-11-06, 07:43 PM,
#9
No problem mate , enjoy it !
Reply
2014-11-06, 10:34 PM,
#10
Nice landing page :)

but not sure about conversions, you are promoting a download of a game that will be released next year, rumours also say it will maybe only be released in 2016 .... so I think quite early to offer a download now, not many people will fall for this
Reply


Related Threads
Thread Author Replies Views Last Post
  Create Your Own Landing Page Without Coding Knowledge! WealthyHustler 4 65 53 minutes ago
Last Post: WealthyHustler
  [GET][HQ][TUT] Movie Locker Template ( Java, Search, Multiple-niche ) + Setup TuT ⭐️ Borislav ⭐️ 55 22,484 2018-07-15, 02:31 PM
Last Post: amandh
  [FREE] Super Mario Run - Landing Page Generator qannabōs 24 3,448 2018-07-15, 02:12 PM
Last Post: kangur
  [HQ Tutorial]»» Boost your conversions/CTR - add a countdown to your landing page «« allnet 67 10,853 2018-07-14, 06:22 PM
Last Post: king007
  [TUT] ● How To Make A Blogger Landing Page ● EnChanter 75 14,220 2018-07-13, 02:43 PM
Last Post: siddakrish





About Us | Contact Us | CPA Elites | Advertise | Stats

© 2013-2018 CPA Elites Ltd
Enhanced by MyBB and WallBB
Return to top