Publish your first AI Website ONLINE (100% FREE) | HTML & CSS basics | Lovable Tutorial with Tips

Visit my official website: www.aiwithhassan.com
Namecheap (Get your domain–my affiliate link): https://namecheap.pxf.io/ai.with.hassan

Learn how to put a website online for free using GitHub Pages — no hosting fees, no complex setup. In this step-by-step guide, you’ll learn how to deploy your first website with a free GitHub Pages domain and even upgrade to a custom domain name like aiwithhassan.com.

You’ll also learn how to:
Buy a domain (we use Namecheap)
Configure DNS settings (A Records & CNAME)
Set up the www subdomain
Enable free HTTPS/SSL encryption on GitHub Pages

📌 Perfect for beginners — no prior experience required!

Practice with the sample website: https://github.com/AIwithhassan/aiwit...
Namecheap (Get your domain–my affiliate link): https://namecheap.pxf.io/ai.with.hassan
Lovable Website: lovable.dev
Lovable Prompt Guidelines: https://docs.google.com/document/d/1x...
Lovable Invite Link: https://lovable.dev/invite/8d0f5301-e...
DNS lookup: https://mxtoolbox.com/DNSLookup.aspx
Bolt: https://bolt.new/
Base 44: https://base44.com/

🌐 DNS Tools & References:
DNS Lookup (IPv4): https://mxtoolbox.com/DNSLookup.aspx
DNS Lookup (IPv6): https://mxtoolbox.com/IPv6.aspx


⏱️ Video Chapters:
Intro - 0:00
Overview - 00:53
HTML & CSS Basics (P1) - 3:39
HTML Basics - 4:31
CSS Basics - 14:08
Second HTML Page - 20:56
Build final website - 24:21
Publish website with Github Pages (P2) - 27:36
Setup Domain (P3) - 37:11
Purchase Domain name with Namecheap - 39:07
How does the internet work? - 45:09
Lovable Tutorial - 1:03:48
Summary - 1:14:21


📌 Note: This video contains no paid promotions. I recommend Namecheap based on personal experience. This is not a sponsored video, and I received no compensation. Affiliate links help support the channel.

#html #webhosting #learntocode #webdev #webhost #javascript #javascripttutorial #css #websites #htmltutorial #internet #online #domainname #dns #csstutorial #softwareengineering #webdevelopment #webdeveloper #webapp #frontend #backend #coding #supersimpledev


⚠️ AI World Disclaimer ⚠️
For "AI with Hassan" Tutorial Videos
The AI landscape evolves at lightning speed! 🔥 While I strive to keep content accurate:
Model versions/pricing may change post-recording
APIs/tools shown might be deprecated/updated
Platform interfaces can be redesigned
🗓️ Always check video description for recording date
💡 If something breaks:

Comment below 💬
Write at my Discord server

I'll help troubleshoot/update instructions where possible! Let's navigate this fast-changing field together 🤖🚀
Stay curious, stay updated!
◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾
🔰 Stay Connected 🔰
🎙️ DISCORD Channel: discord.gg/BVa3d4BrVY
📁 GitHub: https://github.com/AIwithhassan
🤵 LinkedIn:   / m-hassan-mahmood  
◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾◾
#AIwithHassan
Questions Answered:
What is a Chatbot?
What is RAG?
What is Huggingface?
How to use HuggingFace for LLM?
What are LLMs?
What is Mistral?
AI in Healthcare?
How to use AI in Healthcare?
What is Medical Chatbot?
What is Langchain?
How to Use Langchain?
Chatbot project for the real world
AI Projects for beginners
Artificial Intelligence in Urdu