How To Host A Stunning & Responsive Website Like This One – For Free On Google Drive!

Most people don’t know that you can actually host full blown web site, that is responsive and uses HTML, CSS and JavaScript files, for free on Google Drive.

Update: Sadly Google has announced that they are phasing out the ability to host websites in Google Drive but you can continue to use this feature until August 31st, 2016. Read more here.

Solid - a free bootstrap theme from blacktie.co

I am going to show you how you can host a website like this one on Google Drive. A site that is built on the Twitter Bootstrap framework (don’t worry, if you know basic html then you won’t have a problem customizing Bootstrap).

The theme I will be using is a free bootstrap theme from blacktie.co and is called Solid (live demo here).

Step 1 – Download the free Bootstrap theme

Download the free theme from blacktie.co and unzip it.

Step 2 – Sign in to Google Drive

Sign in to your Google Account and go to Drive.

Google Drive

Step 3 – Create a public folder

Create a new folder in Google Drive and share it as “Public on the web.”

Google Drive

Step 4 – Upload the theme

Upload the folder named “theme” (101 files so this might take a few minutes) in the folder on Google Drive you just created.

Google Drive

Step 5 – Open index.html file

Click on index.html file and click “Open” in the bottom-right corner. In the new window click the “Preview” button in the toolbar.

Google Drive

Step 6 – The site is live!

Your responsive website based on the Twitter Bootstrap framework is now hosted on Google Drive and is “live” on the web. If everything has gone according to plan it should look like this.

That wasn’t so hard was it! Now it is up to you to customize the Bootstrap theme and make it into what you like. You can edit the files offline in notepad or using a free html editor like html-kit or notepad++.

When done you simply delete the ‘old’ file on Google Drive and upload the ‘new’ file from your computer.

A word of advice

Free web hosting with Google Drive is a good option if you want to throw up a simple website, however if you mean business I strongly recommend that you sign up with a good web hosting company.

For example Bluehost.com. For under $10 per month you will get your own domain name (included for free), email addresses, WordPress installation, around the clock support and much more.

[UPDATE]

If you want a nicer looking and more memorable URL then you should check out my comment here below on how you can prettify the URL, either using a folder alias or a subdomain or even your own domain name.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *