Skip to content

Customised subscription list details #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 12 commits into
base: master
Choose a base branch
from
2 changes: 1 addition & 1 deletion CNAME
Original file line number Diff line number Diff line change
@@ -1 +1 @@
1stthing.in
new1.engineone.io
30 changes: 29 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,30 @@
# landing-page-boilerplate
A pure client-side landing page template that you can fork, customize and host freely. Relies on Mailchimp and Google Analytics.

A pure client-side landing page template that you can freely fork, customize, host and link to your own domain name (e.g. using Github Pages).
Relies on Mailchimp (for user email subscriptions) and Google Analytics (for stats).

# Features

- Static HTML page => no fancy hosting needed (Github Pages does it for free)
- Light source code => fast to load
- Reponsive design
- User emails are submitted to the Mailchimp list of your choice, so you can contact them when needed.

# How to use

- Fork this project to your own Github account;
- Change the name, description and link, on the page of your freshly forked project on Github;
- Make sure it's published, by opening `<your_github_username>.github.io/<your_fork_name>`;
- Update the following lines in index.html:
- enter the title of your page/product into the `<title>` and `<h1>` elements;
- update the baseline of your page/product into the first `<p>` element;
- update the content of all the `<meta>` elements;
- update the `action` attribute of the `<form>` element, so that it leads to your own [Mailchimp](http://mailchimp.com) list;
- update the `UA-1858235-15` code with your own Google Analytics code;
- replace `favicon.ico` with your own; ([ICO Converter](http://www.icoconverter.com/) can help)
- Replace the [default background image](https://www.pexels.com/photo/dawn-landscape-mountains-nature-1852/) with your own in `/res/background.jpg`;
- If you want to use Github Pages as hosting platform and that your custom domain name links to it, set your custom domain name in the `CNAME` file; (read more [here](https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages/))
- Go to your subdomain, hard-refresh a few times (or wait 24 hours), to make sure that it works;
- Submit your own email in the subscription form to make sure that it works;
- Go to your Google Analytics dashboard to make sure that your page view was taken into account;
- Enjoy your free landing page! :-)
39 changes: 21 additions & 18 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@
<html lang="en-us">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>1st Thing In The Morning</title>
<meta name="description" content="1st Thing In The Morning is a mobile app that is coming soon!" property="description">
<meta name="keywords" content=" Mobile App,motivation,todo-list,bucket-list,morning" property="keywords">
<title>Your free landing page</title>
<meta name="description" content="A pure client-side landing page template that you can freely fork, customize, host and link to your own domain name (e.g. using Github Pages). Relies on Mailchimp (for user email subscriptions) and Google Analytics (for stats)." property="description">
<meta name="keywords" content="landing page, free, product page, startup, github, template, boilerplate" property="keywords">
<meta name="viewport" content="width=device-width, initial-scale=1" property="viewport">
<meta name="og:title" content="1st Thing In The Morning" property="og:title">
<meta name="og:description" content="1st Thing In The Morning is a mobile app that is coming soon!" property="og:description">
<meta name="og:title" content="Fork to get your free landing page" property="og:title">
<meta name="og:description" content="A pure client-side landing page template that you can freely fork, customize, host and link to your own domain name (e.g. using Github Pages). Relies on Mailchimp (for user email subscriptions) and Google Analytics (for stats)." property="og:description">
<meta name="og:image" content="" property="og:image">
<link rel="icon" href="favicon.ico">
<link type="text/css" rel="stylesheet" href="./res/bootstrap.min.css">
Expand All @@ -24,19 +24,19 @@
<div class="container-fluid rel">
<div class="row">
<div class="user-signup__intro">
<h1 style="text-align: center;">1st Thing In The Morning</h1>
<h1 style="text-align: center;">Your free landing page</h1>
<p style="text-align: center;">
<img src="./res/spacer.png" alt="" class="spacer insert--image wrap-off-align-center"><br>
<img src="/res/spacer.png" alt="" class="spacer insert--image wrap-off-align-center"><br>
</p>
<p style="text-align: center;">The daily dose of motivation you need to get things done, every morning.</p>
<p style="text-align: center;">Would you like a free landing page like this one for your upcoming startup product?</p>
<p style="text-align: center;">
<img src="./res/clean-hr.png" alt="" class="clean-hr insert--image wrap-off-align-center">
<span style="font-size: 14px;">Enter your email address to know when our app is ready!</span>
<img src="/res/clean-hr.png" alt="" class="clean-hr insert--image wrap-off-align-center">
<span style="font-size: 14px;">Enter your email address if you don't want to do it yourself:</span>
</p>
</div>
</div>
<div class="row">
<form class="form form-horizontal user-signup__form" name="form" novalidate="" action="//adrienjoly.us12.list-manage.com/subscribe/post?u=c1cfafd58fc9699f6d5a661e2&amp;id=4c4e60505a" method="POST">
<form class="form form-horizontal user-signup__form" name="form" novalidate="" action="//lepsta.us16.list-manage.com/subscribe/post?u=a121ef3ead0d395e5e1bc1ffa&amp;id=731eac4a9f" method="POST">
<div class="mt-table--full">
<div class="mt-td--centered-vertical user-signup__col-1">
<div class="user-signup__form-group m-lg-v form-group col-sm-12">
Expand All @@ -57,13 +57,16 @@ <h1 style="text-align: center;">1st Thing In The Morning</h1>
</section>
</div>
</div>
<a href="https://github.com/adrienjoly/landing-page-boilerplate"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://assets-git-camo.f3mw1.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-1858235-14', 'auto');
ga('send', 'pageview');
</script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-85344113-1', 'auto');
ga('send', 'pageview');

</script>
</body>
</html>