Free Landingpage Generator



How it works

Meta

Website Title (meta):

Body background

Background Type: Color Image

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

Backround image url (http://www.imageurl.com):

Headline

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. https://www.youtube.com/embed/9nEmwPagAwU):

If left part picture - picture url (f.ex. http://www.myimage.com):

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: http://www.mylink.com):

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="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></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="http://www.ref-hunters.ch/landing/pagegenerator.php" target="_blank"><span style="color:grey; font-size:8px; text-decoration:none;">created with the ref-hunters.ch landingpage generator</span></a> </footer> </body> </html>