HTML and CSS Tutorial – Create a simple 6 page website and host it online with GitHub Pages

Welcome to our beginner-friendly tutorial where we’ll walk you through creating a 6-page website using just HTML and CSS! Dive into the fascinating world of computer hardware as we explore essential components like motherboards, CPUs, GPUs, and RAM.

But it doesn’t stop there! We’ll kick things off by giving our website a professional touch with CSS styling, ensuring it looks sleek and polished right from the start. You’ll be pleasantly surprised by how straightforward it is to construct a website and seamlessly link pages together.

This tutorial is tailor-made to simplify the basics of HTML and CSS for you. And the cherry on top? We’ll provide step-by-step guidance on uploading your masterpiece to Github pages via their intuitive interface.

Github pages serve as a handy platform to showcase your burgeoning work portfolio. By hosting your website directly from your primary repository, you’ll have a central hub to share your projects with the world. Moreover, it’s an ideal tool for testing your website’s functionality and appearance across various browsers while it’s live online.

Ready to embark on your journey to web development mastery? Let’s dive in and bring your website to life

You can view the LIVE website here Computer Hardware Website.

Video Tutorial


Using the link below you will be able to download the images and txt files used to make this website. Unzip the files first and move them to the folder you are working on. Make sure its loaded in Visual studio code with the folder.

Download the images and txt files for this tutorial

Source code for the website is available on the Github Below

Computer Hardware GitHub Repository



Comments are closed.