Free Landingpage Generator

How it works


Website Title (meta):

Body background

Background Type: Color Image

Background color (f.ex: red, #fffff, rgb(255,0,255)):

Backround image url (


Main Headline:

Headline color (f.ex: red, #fffff, rgb(255,0,255)):

Headline size in em (0.5 - 4.0):

Sub Headline

Sub Headline:

Sub Headline color (f.ex: red, #fffff, rgb(255,0,255)):

Sub Headline size in em (0.5 - 4.0):

Central part, Left side

Content of left side: Video Picture Empty

If left part video - video url (f.ex.

If left part picture - picture url (f.ex.

Central part, Right side

Main argument 1:

Main argument 2:

Main argument 3:

Argument color (f.ex: red, #fffff, rgb(255,0,255)):

Argument text size in em(0.5 - 2.5):

Call to action

Button color (f.ex: red, #fffff, rgb(255,0,255)):

Font size in em (0.5 - 2.5):

Font color (f.ex: red, #fffff, rgb(255,0,255)):

Link (affiliate link. f.ex:

Text on button:

tutorials for the fre landing page generator

How your Landingpage will look like

The code of your website to copy and paste

<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href=""> <script src=""></script> <script src=""></script> <style> body{ /*height: 800px;*/ /*width: 90%;*/ } /* Main Headline */ h1{ font-family: verdana, Sans-serif; font-weight: bold; font-size:em; color: ; } /* Sub Headline */ h2{ font-family: verdana, Sans-serif; font-weight: bold; font-size:em; color: ; } /* Argument List */ ul{ list-style-position:inside; color: ; font-size: em; text-align: left; line-height: 0em; margin-left: 40px; } li { padding-left: 30px; } li:before { padding-right: 10px; } /* Button */ .button { background-color: ; border: none; border-radius: 2px; color: ; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: em; margin: 4px 2px; cursor: pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .button1 { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } </style> </head> <body> <div class="container-fluid text-center"> <div class="row content"> <div class="col-md-2"></div> <div class="col-md-8"> <br><br> <br><br> <!-- Main Headline --> <h1></h1> <!-- Sub Headline --> <h2></h2> <br><br> <br><br> </div> <div class="col-md-2"></div> </div> </div> <div class="container-fluid text-center"> <div class="row content"> <div class="col-md-2"></div> <div class="col-md-4"> <!-- Left part --> <center> <img class="img-responsive" width="640" height="360" src=""/> </center> </div> <div class="col-md-4"> <!-- Right part --> <br><br> <ul style="list-style-type:disc" class="arglist"> <li><p></p></li> <li><p></p></li> <li><p></p></li> </ul> </div> <div class="col-md-2"> </div> </div> </div> <div class="container-fluid text-center"> <div class="row"> <div class="cold-md-2"></div> <div class="cold-md-8"> <br><br> <!-- Call to action button --> <a href="" target="_blank"><button class="button button1"></button></a> </div> <div class="cold-md-2"> </div> </div> </div> </div> <footer class="container-fluid text-center"> <br><br> <a href="" target="_blank"><span style="color:grey; font-size:8px; text-decoration:none;">created with the landingpage generator</span></a> </footer> </body> </html>