How to Create a Simple Website with HTML & CSS (TypeA : Sidebar Menu)

 

 

Introduction & Demo

In this video, I’ll show you how to create a simple website with HTML and CSS.

First, please check the demo page.

In this tutorial, you’ll use list tag, table, form, float… a lot of things!
Even if you’ve never code HTML and CSS, don’t worry.
You can watch every step in the video, and all you need is a text editor!

Hope you try and enjoy creating your website:)

 
 

File Structure

Here is the file structure. Please prepare these files before you start.

• Folder
• • about.html
  • access.html
  • contact.html
  • css
  • • font-awesome (← This is optional. You can download from here.)
    • style.css
  • image
  • • map.png (← Use image whatever you like. OR, you can save “map.png” from here.)
  • index.html

 
 

Video

 
 

Sample Code

 
 

References

Google Fonts: https://fonts.google.com/
Font Awesome: http://fontawesome.io/