How to launch a website

using Push2.io and CodePen.io




Launch your own website in minutes

Host it for free with Push2

How to use Codepen

Pick a website template

They're all made by codepen users like you!

(1)

Start with this list of website templates on CodePen.io.

(2)

Click 'Fork' on the template you want to start with, and save it to your own CodePen account.

Now you're ready to code your own website!

Add your own content into the HTML page.

Replace the exisitng text in the HTML with your own information

Want to add your own logo or images? There are a couple of ways to do this:

(1a)

Upload them to directly to your CodePen account (this method requires a paid account on CodePen)

(1b)

Upload them to a free image hosting website like imgur.com and copy your image's URL

(2)

Insert an image tag like this into your website template's HTML on CodePen, and paste your hosted image's URL into the tag:

<img src="//i.imgur.com/gChfgVw.gif">

Refine your Website

Open your 'pen' in full page view by selecting that view in the "change view" menu

Once you get everything looking how you want it, you're ready to go live for free using Push2.

(1) add your website

Copy your CodePen '/pen' URL into push2.

2) push a button

Click Save

3) that's it - really

Your Website is live on a push2.io domain.