Easiest Path for a Profesional Website
Your product's new website can be created within the next hour. For free.
Download Site Files

What is this

Super Fast

In less than one hour from now you will have a duplicated site just as this one, up and running live on the web.

Professional. Full Control

You have full control of the code and the content. Powered by great products and stable technologies: Github, SourceTree, Bootstrap. These are here to stay.

Free. Open Source. Yours.

Its free, but its fully owned by you. All is established by open source code and apps. No hidden intentions. All legal stuff :)

Free Hosting

Making a website requires a place on the internet where you can keep the site's content. this is called Hosting. Github is now providing a free hosting service. You dont need to have any special skill to use that service.

You Design the Website

It is recommended you would know what site you want to create. It is your responsibility to write the content, bring the images etc.

Get a Web Developer Later

This site's html template can be fully edited. It would be easier to you if you would know a little html. but if not, you can still make enough changes by yourself.

Goal: Why have I created this?

I have searched for an easy system to create websites for years, from WIX to Wordpress to pure HTML. I have hosting accounts at GoDaddy and Bluehost. These have their advantages (they are very customer friendly and I do not complain). I write blogs, and have portfolios in almost every platform (picked Behance as my favorite).

Now even though this method forces you to be a little technical, I believe that its worth the price-value ratio (its 100% free). It is way less complicated than doing all this with a Hosting site (again, they are good services). Github provides the hosting for free, and a much faster getting started experience.

I have also created a basic template of a product website that you can easily edit. I hope that my work would serve you well and save you some time. I hope it make your life a little easier, at least with creating your site. :)

How: Step by step instructions to create your free website

I know how difficult that is. You are not sure how can this be, that someone would give you all this for free. Well, I just want to show you how to exploit all that is given for us, even if you are not a programmer. So, just follow these steps, and in less than an hour you should have a website up and running.

Step 1

Log in to your Github account

if you dont have an account at github, get one. and then log in.

Step 2

Create a repository

Side Note: in short, a repository is a very useful way of working on something that is constantly changing, either by youself or with a full team.

Press the "New Repository" button.

Fill the details in the form. All details can be changed further down the road. The only important thing is to mark the repository as Public.

This should be the end result, and the main page of the created repository.

Side Note: For more info read article creating a new repository.

Step 3

Generate an automatic site

Follow the first 3 steps in this guide: getting started with site generator. The rest of them are too complicated for now... I finished it in a simpler manner.

In short: Go to Settings, then find "Launch automatic page generator". Once you click the button, you'll find this form:

Click next. Dont worry about all this, because we are going to replace all these really soon.

You should see something like this. Its the design template of your site. Again, we are about to replace it with something else.

Go back to the main page of the repository. You should see something like this:

Side Note: For more info read at Github Pages. You can also watch a youtube video of another person who shows that process live (watch from minute 2:00 to 4:30).

Good job, you have a website on air! Github activates as your hosting service for the site and its content.

Now, in order to put your site's content into github, we need to use the help from another software.

Step 4

Open your SourceTree desktop app

SourceTree allows you to communicate with github's file system and its repositories. this is how we can upload files into github.

lets start by downloading and installing that software.

You will need to create an account at Atlassian (can connect using your Google account).

Then connect your Github account with your SourceTree app.

Step 5

Setup SourceTree with the new repository

Please follow the instructions made by Susan Reed.

in short: select Clone/New, select the repository you just created, define a target directory on your computer, and click Create.

You now should be able to see all the files from the created site at your PC.

Side Note: every change you make to the files there, will be remembered. SourceTree will tell you about all the differences between the files on your PC and the ones that exist online. You can then decide what changes to keep and upload to the site (called "Push" or "Commit" at the SourceTree app).

Delete the content of that folder. Commit that change.

Download the files of this site from its github, and unzip its content into the same folder. Commit that change as well.

Side Note: if you already have files for your website, just put them in the folder instead.

Step 6

Test your new site

After you have committed the site's files you can go to the link of the site and watch your creation live. The address should be something like: http://YOUR_USER_NAME.github.io/YOUR_REPOSITORY_NAME/

Side Note: its important to say that this site is built upon a template called Agency, that is powered by Bootstrap framework. It is a mobile friendly template (responsive). there are many more bootstrap templates from where this came from.

You should now start writing the content and design of the site. You got a lot of hard work now, so why dont you get to it? :)

About: Who are we?

Shachar Oz

Developer, Designer, UX

portfolio

Liron Levi Oz

Product Manager

Hi there, we are FLUX founders. In FLUX we design engaging learning experiences. But we also love to share back things we learned out to the world. Just because we know how many important questions are there to solve... Hope this helped you solving some of them.