Build Your Personal Website Using Chatgpt

Learn HTML, CSS, and JavaScript to design and build a mobile-responsive portfolio website with GitHub hosting

What you'll learn

Build a personal portfolio website using HTML, CSS, and JavaScript

Customize the design to match their personal style or brand

Add Profile picture and demo project video in website

Publish website for free using GitHub Pages

Learn the basic of website creation

Requirements

Basic computer and internet browsing skills

A computer/Laptop with internet access

No prior coding experience required

Also you can do it using mobile

Description

Are you looking to create a stunning personal portfolio website to showcase your skills, resume, and projects — without needing advanced coding skills?This beginner-friendly course will guide you step-by-step in building a fully responsive, modern portfolio website using HTML, CSS, JavaScript, and ChatGPT.In this course, you will:Set up your project using Visual Studio CodeWrite clean HTML, CSS, and JavaScript for key sections like Home, About, Projects, and ContactAdd your profile picture and embed a demo project video into your siteUse ChatGPT to generate content, fix coding errors, and improve design ideasMake your website fully responsive for mobile and tablet devicesPublish your website online for free using GitHub PagesWhether you're a student, freelancer, or job seeker, having a personal portfolio website is essential. By the end of this course, you’ll have a live, professional-looking site that you can confidently share with potential employers, clients, or on social media — without spending any money on hosting or domains.No prior experience? No problem. This course is designed for absolute beginners, with clear explanations and on-screen demonstrations to guide you every step of the way.By the end of the course, you'll have:A fully customized, professional portfolio website — published online for free, and ready to represent your unique identity and skills.

Overview

Section 1: Introduction

Lecture 1 Course Overview

Lecture 2 Website Overview

Section 2: Setup & Basics

Lecture 3 VS Code download

Lecture 4 Create Project Folder

Lecture 5 Create Required File

Section 3: Building the Website

Lecture 6 Home Section Setup

Lecture 7 About Section Setup

Lecture 8 Project Section

Lecture 9 Contact Section

Lecture 10 Add Email and WhatsApp Number in Contact Section

Section 4: Advanced Features

Lecture 11 Advanced Scroll Effects

Lecture 12 Profile Picture Setup

Lecture 13 Make Mobile Responsive

Section 5: Website Publish

Lecture 14 Website Publish by GitHub

Section 6: Website Customization

Lecture 15 Customization Overview

Lecture 16 Customize Home Section

Lecture 17 Customize About Section

Lecture 18 Customize Project Section

Lecture 19 Customize Contact Section

Lecture 20 Apply Update change to GitHub

Students or freelancers needing a personal website,Anyone looking to showcase their work or skills online,Beginners in web development