This is a post I put together to show the ITS Tech Bar Students I work with how to quickly put a static page up on their domain. I am assuming almost no prior knowledge of HTML, CSS, or cPanel. The only thing you need ahead of time is a domain at Reclaim Hosting.

When we are finished you will have a page that looks like this: demo.jadin.me

If you already have content on your root domain (ex: jadin.me) that you don’t want to get rid of, you might want to make a subdomain first.

Creating index.html

First, we will make an index.html file. The simplest way to do this will be to use cPanel’s File Manager tool.

  1. Log in at reclaimhosting.com, click on cPanel, then the name of your domain.
  2. Click on cPanel File Manager
  3. Select the folder named public_html, if you want to put this page on your subdomain (ex: demo.jadin.me), click folder named after that subdomain instead.
  4. Click new file button
  5. Name the file index.html (case matters!) and click Create New File
  6. Next, select the file and click edit button
  7. Click Edit
  8. Paste the HTML below into your index.html file:
  9. Click Save Changes
  10. Click Close
  11. Go to your site and take a look!

Creating main.css

We have the basic content there, but it should look a bit off if you compare it to my demo page at demo.jadin.me. It looks strange because it is missing style information, we can fix that by adding a main.css file!

  1. Go back to the cPanel file manager
  2. In the same folder where you have index.html, click new folder button
  3. Name the folder css (case matters!) and click Create New Folder
  4. Select the css folder you just created, and create a new file in this folder called main.css
  5. You should now have an index.html file, a css folder, and a main.css folder inside it:
    ├── css
    │   └── main.css
    └── index.html
    
  6. Edit main.css and paste the css below into the file:
  7. Click Save Changes and Close
  8. Check out your site again and see how it looks!