- Joined
- Dec 1, 2018
- Messages
- 2,813
I said I would share my landers from my follow along this month, however, been so busy that I haven't managed to get round to posting them until now!
afflift.com
They are nothing super just an image, some text and a count-down timer, I'm pretty sure I shared one last year but now you can have all six I made and ran for my successful FA back then.
The landers share assets like images and a common Javascript file but all have embedded CSS as my aim at the time was small quick landers which is why they are quite basic really.
An example of the HTML from lander 1
My super late entry for the contest #PA10k
afflift.com
They are nothing super just an image, some text and a count-down timer, I'm pretty sure I shared one last year but now you can have all six I made and ran for my successful FA back then.
The landers share assets like images and a common Javascript file but all have embedded CSS as my aim at the time was small quick landers which is why they are quite basic really.
An example of the HTML from lander 1
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title>Online Sports Test $$$</title>
<link rel="icon" href="/assets/img/landers/sports/favicon.png" />
<style>.container{text-align:center;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;display:block;max-width:300px;margin:auto}.timer{color:red;font-weight:700;font-size:150%;margin:10px;}p{font-size:18px;margin:10px}.bold{font-weight:700}img{max-width:250px;padding:8px}.button{background-color:green;color:#fff;padding:18px;border-radius:10px;max-width:80%;margin:auto;font-size:125%}h1{margin-bottom:5px;margin-top:5%}</style>
<!-- PUT YOUR PUSH COLLECTION SCRIPT HERE -->
</head>
<body>
<div class="container">
<h1>Today Only!</h1>
<img src="/assets/img/landers/sports/footballgirl-1.jpg" />
<p>Answer these sports questions and <span class="">WIN BIG!</span></p>
<p class="bold">OFFER ONLY VALID FOR:</p>
<p class="timer" id="timer">01:59</p>
