Create an 8-bit website with HTML and CSS

Kalob Taulien, Web Development Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
17 Lessons (39m)
    • 1. Intoduction

      0:39
    • 2. Installing 8-bit

      2:40
    • 3. Navigation bar

      2:22
    • 4. Adding a grid

      1:38
    • 5. 8-bit welcome balloon

      2:57
    • 6. Two column layout

      1:30
    • 7. 8-bit sections

      2:10
    • 8. Dark 8-bit sections and icons

      1:50
    • 9. 8-bit social icons

      1:58
    • 10. The right column

      3:24
    • 11. Large dark 8-bit section

      2:30
    • 12. Large light 8-bit section

      1:25
    • 13. 8-bit profile section

      5:57
    • 14. 8-bit spacing

      4:42
    • 15. The footer

      1:26
    • 16. Project complete

      1:28
    • 17. Summary

      0:39

About This Class

d4a927ba

Welcome to Create an 8-bit website!

We'll be designing and coding a retro-style 8-bit website that looks like it fits in with 90's Nintendo games. You can adapt this course, code and design to be anything you want: a portfolio website, a hobby website, or a resume-style website. In this course I'll be creating a resume web page, but definitely feel free to change the content! We'll be using super simple HTML and CSS to make this work for us.

1a13a6aa

*You should be somewhat familiar with basic HTML and CSS to get the most out of this course. Beginners knowledge of HTML is OK! 

05922fe5