Best Black Hat Forum

Wazzup everyone.
This script was not mine, but this belong to friend of mine, Leandro shared it on me, and this convert well depends on your TRAFFIC and on your OFFERS.

I will breakdown the script,
you will create 4 folders and index.html

[css]
[img] [js] [video] inside [css] folder create a file a name it style.css and copy and paste this inside style.css

Magic Button : PHP Code:

Code:
*{<br />  margin: 0;<br />  padding: 0;<br />  box-sizing: border-box;<br />}<br /><br />body, html {<br />    height: 100%;<br />}<br /><br /><br />body{<br />  background: url(../img/bg.jpg);<br />  height: 100%; <br />  background-position: center;<br />  background-repeat: no-repeat;<br />  background-size: cover;<br />  background-attachment: fixed;<br />  <br /><br />}<br /><br />.title{<br />  margin: 5% auto;<br />  background: rgba(19, 18, 23, .7);<br />  padding: 2% 0;<br /><br />}<br /><br />h1{<br />  text-align: center;<br />  font-family: 'Roboto', sans-serif;<br />  font-size: 50px;<br />  color: #C5000C;<br />}<br /><br />.flex-container{<br />    display: flex;<br />  align-items: center;<br />  width: 60%;<br />  height: 60%;<br />  margin:0 auto;<br />  display: block;<br />  background-color: #000;<br />  opacity: .5;<br />}<br /><br />.flex-container:hover{<br />  opacity: 1;<br />}<br />.player{<br />  margin: auto;<br />  width: 100%;<br />  height: 100%;<br />  display: flex;<br />  align-items: center;<br /><br />}<br /><br />.player img{<br />  width: 20%;<br />  margin: auto;<br />  opacity: .8;<br />}<br /><br />.player img:hover{<br />  opacity: 1;<br />  cursor: pointer;<br />}<br /><br />/*loader*/<br /><br />.loader {<br />    border: 16px solid #f3f3f3; /* Light grey */<br />    border-top: 16px solid #3498db; /* Blue */<br />    border-radius: 50%;<br />    width: 120px;<br />    height: 120px;<br />    animation: spin 2s linear infinite;<br />}<br /><br />@keyframes spin {<br />    0% { transform: rotate(0deg); }<br />    100% { transform: rotate(360deg); }<br />}.loader {<br />    border: 16px solid #f3f3f3; /* Light grey */<br />    border-top: 16px solid #3498db; /* Blue */<br />    border-radius: 50%;<br />    width: 120px;<br />    height: 120px;<br />    animation: spin 2s linear infinite;<br />}<br /><br />@keyframes spin {<br />    0% { transform: rotate(0deg); }<br />    100% { transform: rotate(360deg); }<br />}<br /><br />.loaderDesactived{<br />  display: none;<br />}<br /><br />.loaderActived{<br />  margin: auto;<br />}<br /><br />/*loader end*/<br /><br />.video{<br />  width: 100%;<br />}<br /><br />.playing{<br />  opacity: 1;<br />}<br /><br /><br />/*error div*/<br /><br />.error{<br />  width:80%;<br />  height: 60%;<br />}<br /><br />.showDiv{<br />    z-index: 9999;<br />    position: fixed;<br />    display: block !important;<br />    width: 85%;<br />    height: 70%;<br />    background-color: rgba(19, 18, 23, 1);;<br />    top: 20%;<br />    left: 10%;<br />}<br /><br />.showDiv h2{<br />  color: #C5000C;<br />  font-family: 'Roboto', sans-serif;<br />  font-size: 60px;<br />  margin: 60px auto;<br />  text-align: center;<br /><br />}<br /><br />.showDiv p{<br />  color: white;<br />  text-align: center;<br />  padding: 40px;<br />  font-size: 30px;<br />  font-family: Arial, "Roboto";<br />}<br /><br />.btn-server{<br />  text-align: center;<br />}<br /><br />.btn-server a{<br />  padding: 20px;<br />  margin: 0 auto;<br />  background: rgba(197, 0, 12, .6);<br />  color: white;<br />  text-decoration: none;<br />  border-bottom: 1px solid white;<br />  border-radius: 3px;<br />}<br /><br />.btn-server a:hover{<br />  background: rgba(197, 0, 12, 1);<br />}<br /><br />@media only screen and (max-width: 600px) {<br /><br />  .flex-container{<br />    width: 100%;<br />  }<br /><br /><br />  } 

on [img] folder is 2 files: bg.jpg <--- this is your background, you can change it. play-button.png sample background:

Image has been scaled down 29% (907x419). Click this bar to view original image (1265x584). Click image to open in new window.

[/b][/size]

on [js] folder, create a file and name it script.js and copy and paste it inside script.js

[b]Magic Button :
PHP Code:
[/b]

Code:
var playButton = document.getElementById("play-button");

function playVideo(){

  // delete loader

  var parent = document.getElementById("player");

  var child = document.getElementById("loader");

  parent.removeChild(child);

  // #videos

  var numVideos = 3;

  var numVideo = Math.floor((Math.random() * numVideos) + 1);

  var patch = "video/video" + numVideo + ".mp4";

  //add video and play

  var video = document.createElement("VIDEO");

  video.setAttribute("src",patch);

  video.setAttribute("class", "video");

  video.setAttribute("id", "video");

  video.setAttribute("autoplay", "");

  parent.appendChild(video);

  document.getElementById("flex-container").setAttribute("class", "flex-container playing");

  //add loader when video ends

  var videoChecker = setInterval(function(){

    if(video.ended){

      //delete video

      parent.removeChild(document.getElementById("video"));

      // create loader again

      var divLoader = document.createElement("DIV");

      divLoader.setAttribute("class", "loader loaderActived");

      parent.appendChild(divLoader);

      clearTimeout(videoChecker);

      //error

      setTimeout(function(){

        var divError = document.getElementById("error");

        error.setAttribute("class","showDiv");

      },3000);

    }

  },500);

}

//touch play button

playButton.addEventListener("click", function(){

    var parent = document.getElementById("player");

    var child = document.getElementById("play-button");

    parent.removeChild(child);

    document.getElementById("loader").className = "loader loaderActived";

    setTimeout("playVideo()",4000);

});

on [video] folder is number of videos you use:
video1.mp4
video2.mp4
video3.mp4

on index.html , copy and paste this inside index.html

[b]PHP Code:
[/b]

Code:
<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

  <title>conor mcgregor vs khabib online</title>

  <link href="https://fonts.googleapis.com/css?family=Roboto:500i" rel="stylesheet">

  <link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<body>

  <div class="title">

    <h1>Conor mcgregor vs Khabib online</h1>

  </div>

  <div class="flex-container" id="flex-container">

    <div class="player" id="player">

      <div class="loaderDesactived" id="loader">

      </div>     

      <img src="img/play-button.png" id="play-button">

    </div>

  </div>

  <div class="error" id="error" style="display:none;">

    <h2>Error</h2>

    <p>Due to the number of online users we have problems. Join our premium servers for free. </p>

    <div class="btn-server">

      <a href="">Free premium server</a>

    </div>

  </div>

<script type="text/javascript" src="js/script.js"></script>

</body>

</html>

[b]How the script works:
The script is programmed so that 4 seconds after the person clicks on the play button the video plays and at the end an error message appears.

to put the url of the cpa offer you are looking for the following:

<a href="">Free premium server</a>

and within " " you put the url of the offer cpa.

It is important that you add http or https but put that does not work.

example:[/b]

[b]Code:
[/b]

Code:
<a href="https://www.google.com">Free premium server</a>

I used videos of previous fights where fans appeared or where the cameras were far from the octagon for users to believe it is the real fight.

The videos are saved in the video folder.

I programmed the script to choose a random video from the ones you have in the video folder.

for example I have

video1.mp4
video2.mp4
video3.mp4

if you want to add more videos if the person reloads the page appears a different one you can do but this must have mp4 format and you must follow the order

example:

video5.mp5 , video6.mp4 and so on.

You should also change a part of the js code that is in the js folder.

You have to look inside the script.js file for the following:

[b]Code:
[/b]

Code:
var numVideos = 3;

and change the number 3 for the amount of video you have.

You can change as much as you like the error message, the button text or the title.

that's it your done Smile

==or==
[b]
Download: [BBHF VIP] Trending High Converted $$$ CPA Landing Page Script [MADE EASY to EDIT for YOU] [/b]

[b]Code:
[/b]

Code:
http://www.mediafire.com/file/nftqbqh3752s2hp/%5BBBHF+VIP%5D+Trending+High+Converted+%24%24%24+CPA+Landing+Page+Script+%5BMADE​+EASY+to+EDIT+for+YOU%5D.zip

Virus Scan [100% Clean] [0/59]

[b]Code:
[/b]

Code:
https://www.virustotal.com/#/file/5acecd87a41c203d4e8bdfa6d9d494e79b36a1e2370676856b9514424a19443e/detection

No engines detected this file
SHA-256 5acecd87a41c203d4e8bdfa6d9d494e79b36a1e2370676856b9514424a19443e
File name [BBHF VIP] Trending High Converted $$$ CPA Landing Page Script [MADE EASY to EDIT for YOU].zip
File size 3.56 MB
Last analysis 2018-09-23 00:47:35 UTC

[b]Demo:

CURRENT CPA LANDING PAGE is for the upcoming UFC fight
"conor mcgregor vs khabib online"

The brawl is scheduled for UFC 229, taking place on Saturday, October 6, 2018

this give you a plenty of time to take action.

You can also use this landing page script on future fights like upcoming rematch of pacquiao vs mayweather if there would be and i am sure it will convert well Smile

Good luck and bank more $$$! Wink

[/b]

TheBoss