diff --git a/src/data/roadmaps/html/content/browsers@4gvPprSH7hRS4gtXNMcCF.md b/src/data/roadmaps/html/content/browsers@4gvPprSH7hRS4gtXNMcCF.md
index 3eb1268ec..311594df1 100644
--- a/src/data/roadmaps/html/content/browsers@4gvPprSH7hRS4gtXNMcCF.md
+++ b/src/data/roadmaps/html/content/browsers@4gvPprSH7hRS4gtXNMcCF.md
@@ -1 +1,10 @@
-# Browsers
\ No newline at end of file
+# Browsers
+
+Web browsers request and display websites by interpreting HTML, CSS, and JavaScript. Use rendering engines (Blink, Gecko) for display and JavaScript engines (V8) for code execution. Handle security, bookmarks, history, and user interactions for web navigation.
+
+Visit the following resources to learn more:
+
+- [@article@How Browsers Work](https://www.ramotion.com/blog/what-is-web-browser/)
+- [@article@Populating the Page: How Browsers Work](https://developer.mozilla.org/en-US/docs/Web/Performance/Guides/How_browsers_work)
+- [@video@How Do Web Browsers Work?](https://www.youtube.com/watch?v=5rLFYtXHo9s)
+- [@feed@Explore top posts about Browsers](https://app.daily.dev/tags/browsers?ref=roadmapsh)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/css@fX71CXA26cUxY5WX_zABi.md b/src/data/roadmaps/html/content/css@fX71CXA26cUxY5WX_zABi.md
index 77abda782..af63ef9fb 100644
--- a/src/data/roadmaps/html/content/css@fX71CXA26cUxY5WX_zABi.md
+++ b/src/data/roadmaps/html/content/css@fX71CXA26cUxY5WX_zABi.md
@@ -1 +1,10 @@
-# CSS
\ No newline at end of file
+# CSS
+
+CSS, or Cascading Style Sheets, is a language used to describe the look and formatting of a document written in HTML. It controls things like the layout, colors, fonts, and overall visual presentation of web pages, ensuring a consistent and appealing user experience across different devices and screen sizes.
+
+Visit the following resources to learn more:
+
+- [@article@CSS MDN Docs](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/What_is_CSS)
+- [@article@CSS | Wikipedia](https://en.wikipedia.org/wiki/CSS)
+- [@video@CSS Tutorial – Full Course for Beginners](https://www.youtube.com/watch?v=OXGznpKZ_sA)
+- [@book@HTML & CSS: design and build websites](https://sites.math.duke.edu/courses/math_everywhere/assets/techRefs/HTML%20and%20CSS-%20Design%20and%20Build%20Websites_Jon%20Duckett_2011.pdf)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/dns@0Q41Bm_TZqsC7X-MH8uFe.md b/src/data/roadmaps/html/content/dns@0Q41Bm_TZqsC7X-MH8uFe.md
index afee8c5f4..90d1bcc07 100644
--- a/src/data/roadmaps/html/content/dns@0Q41Bm_TZqsC7X-MH8uFe.md
+++ b/src/data/roadmaps/html/content/dns@0Q41Bm_TZqsC7X-MH8uFe.md
@@ -1 +1,11 @@
-# DNS
\ No newline at end of file
+# DNS
+
+DNS (Domain Name System) translates human-readable domain names into IP addresses through a global, decentralized server network. Enables easy internet navigation by converting names like www.example.com to numeric addresses browsers can connect to.
+
+Visit the following resources to learn more:
+
+- [@article@What is DNS?](https://www.cloudflare.com/en-gb/learning/dns/what-is-dns/)
+- [@article@Mess with DNS - DNS Playground](https://messwithdns.net/)
+- [@article@How DNS works (comic)](https://howdns.works/)
+- [@video@DNS and How does it Work?](https://www.youtube.com/watch?v=Wj0od2ag5sk)
+- [@feed@Explore top posts about DNS](https://app.daily.dev/tags/dns?ref=roadmapsh)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/domain-names@oRjacb1OqAlsP-YB16Nuy.md b/src/data/roadmaps/html/content/domain-names@oRjacb1OqAlsP-YB16Nuy.md
index 0c6138393..bb04d4b5d 100644
--- a/src/data/roadmaps/html/content/domain-names@oRjacb1OqAlsP-YB16Nuy.md
+++ b/src/data/roadmaps/html/content/domain-names@oRjacb1OqAlsP-YB16Nuy.md
@@ -1 +1,9 @@
-# Domain names
\ No newline at end of file
+# Domain name
+
+Domain names are human-friendly web addresses (e.g., google.com) substituting numerical IP addresses. Comprise second-level ("google") and top-level (".com") domains. Registered through registrars, essential for branding and online presence. DNS translates names to IP addresses for accessibility.
+
+Visit the following resources to learn more:
+
+- [@article@What is a Domain Name?](https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Web_mechanics/What_is_a_domain_name)
+- [@article@What is a domain name? | Domain name vs. URL](https://www.cloudflare.com/en-gb/learning/dns/glossary/what-is-a-domain-name/)
+- [@video@What Is a Domain Name | Domain Names Explained](https://www.youtube.com/watch?v=lMHzpBwPuG8)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/frontend-development@Xy15NSxlS0QXYNzEvgocK.md b/src/data/roadmaps/html/content/frontend-development@Xy15NSxlS0QXYNzEvgocK.md
index 23e6bf46c..f9f4ecf2f 100644
--- a/src/data/roadmaps/html/content/frontend-development@Xy15NSxlS0QXYNzEvgocK.md
+++ b/src/data/roadmaps/html/content/frontend-development@Xy15NSxlS0QXYNzEvgocK.md
@@ -1 +1,9 @@
-# Frontend Development
\ No newline at end of file
+# Frontend Development
+
+Frontend development is the practice of creating the user interface and user experience of a website or web application. It focuses on the parts of a website that users directly interact with, such as buttons, text, images, and navigation menus. Frontend developers use languages like HTML, CSS, and JavaScript to build these interactive elements and ensure they are visually appealing and function correctly across different devices and browsers.
+
+Visit the following resources to learn more:
+
+- [@roadmap@Visit the dedicated Frontend Developer Roadmap](https://roadmap.sh/frontend)
+- [@article@What Is Front-End Development?](https://cloudinary.com/guides/front-end-development/front-end-development-the-complete-guide)
+- [@video@Frontend web development - a complete overview](https://www.youtube.com/watch?v=WG5ikvJ2TKA)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/hosting@t9KmPbRh6pkfouPi1mBqJ.md b/src/data/roadmaps/html/content/hosting@t9KmPbRh6pkfouPi1mBqJ.md
index 51f654262..58ffc7d4a 100644
--- a/src/data/roadmaps/html/content/hosting@t9KmPbRh6pkfouPi1mBqJ.md
+++ b/src/data/roadmaps/html/content/hosting@t9KmPbRh6pkfouPi1mBqJ.md
@@ -1 +1,9 @@
-# Hosting
\ No newline at end of file
+# Hosting
+
+Web hosting stores website files on servers, making sites accessible online. Types include shared (multiple sites per server) and dedicated (exclusive server) hosting. Providers offer additional services like email, domains, and security certificates. Critical for website performance and accessibility.
+
+Visit the following resources to learn more:
+
+- [@article@What is Web Hosting?](https://www.namecheap.com/guru-guides/what-is-web-hosting/)
+- [@video@Different Types of Web Hosting Explained](https://www.youtube.com/watch?v=AXVZYzw8geg)
+- [@video@Where to Host a Fullstack Project on a Budget](https://www.youtube.com/watch?v=Kx_1NYYJS7Q)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/how-the-web-works@0CHn_ubTBRWgrYGy0moZh.md b/src/data/roadmaps/html/content/how-the-web-works@0CHn_ubTBRWgrYGy0moZh.md
index 54b136572..dfd5ced08 100644
--- a/src/data/roadmaps/html/content/how-the-web-works@0CHn_ubTBRWgrYGy0moZh.md
+++ b/src/data/roadmaps/html/content/how-the-web-works@0CHn_ubTBRWgrYGy0moZh.md
@@ -1 +1,10 @@
-# How the web works
\ No newline at end of file
+# How the web works
+
+The internet is a global network connecting computers and devices for information sharing. Enables browsing, email, streaming, and communication through interconnected systems. Acts as worldwide infrastructure facilitating access to online resources and services.
+
+Visit the following resources to learn more:
+
+- [@article@Introduction to the Internet](https://roadmap.sh/guides/what-is-internet)
+- [@article@How does the Internet Work?](https://cs.fyi/guide/how-does-internet-work)
+- [@article@How does the Internet work? | MDN Dcos](https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Web_mechanics/How_does_the_Internet_work)
+- [@video@How the Internet Works in 5 Minutes](https://www.youtube.com/watch?v=7_LPdttKXPc)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/html@b83npHc-R9M03hEGzA9Ha.md b/src/data/roadmaps/html/content/html@b83npHc-R9M03hEGzA9Ha.md
index 291ef497c..c40d6c306 100644
--- a/src/data/roadmaps/html/content/html@b83npHc-R9M03hEGzA9Ha.md
+++ b/src/data/roadmaps/html/content/html@b83npHc-R9M03hEGzA9Ha.md
@@ -1 +1,8 @@
-# HTML
\ No newline at end of file
+# HTML
+
+HTML (HyperText Markup Language) is the standard markup language for creating web pages. It provides the structure of a webpage, defining elements like headings, paragraphs, images, and links using tags. Web browsers interpret these tags to display the content to users.
+
+Visit the following resources to learn more:
+
+- [@article@HTML MDN Docs](https://developer.mozilla.org/en-US/docs/Web/HTML)
+- [@article@HTML | Wikipedia](https://en.wikipedia.org/wiki/HTML)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/introduction@JkLec2vSBMFAUc1Dzra-L.md b/src/data/roadmaps/html/content/introduction@JkLec2vSBMFAUc1Dzra-L.md
index f6ecaa676..cf46e73ed 100644
--- a/src/data/roadmaps/html/content/introduction@JkLec2vSBMFAUc1Dzra-L.md
+++ b/src/data/roadmaps/html/content/introduction@JkLec2vSBMFAUc1Dzra-L.md
@@ -1 +1,10 @@
-# Introduction
\ No newline at end of file
+# Introduction to HTML
+
+HTML, or HyperText Markup Language, is the standard language for creating web pages. It uses a system of tags to structure content, such as headings, paragraphs, images, and links, so that web browsers can display them correctly. These tags tell the browser how to present the text, images, and other forms of multimedia on a webpage.
+
+Visit the following resources to learn more:
+
+- [@article@HTML MDN Docs](https://developer.mozilla.org/en-US/docs/Web/HTML)
+- [@article@What is HTML – Definition and Meaning of Hypertext Markup Language](https://www.freecodecamp.org/news/what-is-html-definition-and-meaning/)
+- [@video@HTML Tutorial for Beginners: HTML Crash Course](https://www.youtube.com/watch?v=qz0aGYrrlhU)
+- [@book@HTML & CSS: design and build websites](https://sites.math.duke.edu/courses/math_everywhere/assets/techRefs/HTML%20and%20CSS-%20Design%20and%20Build%20Websites_Jon%20Duckett_2011.pdf)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/javascript@F-9uI39S9oYVGA8hi7aZI.md b/src/data/roadmaps/html/content/javascript@F-9uI39S9oYVGA8hi7aZI.md
index c6f121e96..0c1b9a342 100644
--- a/src/data/roadmaps/html/content/javascript@F-9uI39S9oYVGA8hi7aZI.md
+++ b/src/data/roadmaps/html/content/javascript@F-9uI39S9oYVGA8hi7aZI.md
@@ -1 +1,12 @@
-# JavaScript
\ No newline at end of file
+# JavaScript
+
+JavaScript is a programming language primarily used to create interactive and dynamic effects within web browsers. It allows developers to implement complex features on web pages, updating content dynamically, controlling multimedia, animating images, and much more, enhancing the user experience beyond static HTML and CSS.
+
+Visit the following resources to learn more:
+
+- [@roadmap@Visit the dedicated JavaScript Roadmap](https://roadmap.sh/javascript)
+- [@opensource@You Don't Know JS Yet (book series)](https://github.com/getify/You-Dont-Know-JS)
+- [@article@JavaScript MDN Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
+- [@article@The Modern JavaScript Tutorial](https://javascript.info/)
+- [@article@Eloquent JavaScript textbook](https://eloquentjavascript.net/)
+- [@video@JavaScript Crash Course for Beginners](https://www.youtube.com/watch?v=hdI2bqOjy3c)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/what-are-markup-languages@4gst44L8-ps9YFMHzucfN.md b/src/data/roadmaps/html/content/what-are-markup-languages@4gst44L8-ps9YFMHzucfN.md
index 1c2f40888..74713c793 100644
--- a/src/data/roadmaps/html/content/what-are-markup-languages@4gst44L8-ps9YFMHzucfN.md
+++ b/src/data/roadmaps/html/content/what-are-markup-languages@4gst44L8-ps9YFMHzucfN.md
@@ -1 +1,8 @@
-# What are markup languages?
\ No newline at end of file
+# Markup Languages
+
+Markup languages are systems for annotating text in a way that makes it readable by both humans and computers. They use tags to define elements within a document, specifying how the text should be structured, formatted, and displayed. For example, HTML uses tags like `<p>` for paragraphs and `<h1>` for headings to structure web content, while XML uses custom tags to define data structures for various applications.
+
+Visit the following resources to learn more:
+
+- [@article@What Is a Markup Language?](https://www.semrush.com/blog/markup-language/)
+- [@video@Theory - Markup Languages](https://www.youtube.com/watch?v=6PWOswN4lgg)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/what-is-http@nXRjahYSDqfEqY26yfLEt.md b/src/data/roadmaps/html/content/what-is-http@nXRjahYSDqfEqY26yfLEt.md
index 5e1aa9ad3..1b3541402 100644
--- a/src/data/roadmaps/html/content/what-is-http@nXRjahYSDqfEqY26yfLEt.md
+++ b/src/data/roadmaps/html/content/what-is-http@nXRjahYSDqfEqY26yfLEt.md
@@ -1 +1,10 @@
-# What is HTTP?
\ No newline at end of file
+# What is HTTP?
+
+HTTP (Hypertext Transfer Protocol) enables browser-server communication through requests and responses. Stateless protocol using methods like GET and POST. HTTPS provides encrypted security. Newer versions (HTTP/2, HTTP/3) offer improved performance. Fundamental for web development understanding.
+
+Visit the following resources to learn more:
+
+- [@article@Everything you need to know about HTTP](https://cs.fyi/guide/http-in-depth)
+- [@article@What is HTTP?](https://www.cloudflare.com/en-gb/learning/ddos/glossary/hypertext-transfer-protocol-http/)
+- [@article@How HTTPS Works](https://howhttps.works/)
+- [@article@HTTP/3 Is Now a Standard: Why Use It and How to Get Started](https://thenewstack.io/http-3-is-now-a-standard-why-use-it-and-how-to-get-started/)
\ No newline at end of file
diff --git a/src/data/roadmaps/html/content/what-is-seo@6vGbvRsmQgOpRh8JJ3RF_.md b/src/data/roadmaps/html/content/what-is-seo@6vGbvRsmQgOpRh8JJ3RF_.md
index 7f72bbfb6..f430b3228 100644
--- a/src/data/roadmaps/html/content/what-is-seo@6vGbvRsmQgOpRh8JJ3RF_.md
+++ b/src/data/roadmaps/html/content/what-is-seo@6vGbvRsmQgOpRh8JJ3RF_.md
@@ -1 +1,11 @@
-# What is SEO?
\ No newline at end of file
+# Search Engine Optimization (SEO)
+
+Search Engine Optimization, or SEO, is the practice of improving your website to increase its visibility when people search for products or services related to your business in search engines like Google. The better visibility your pages have in search results, the more likely you are to garner attention and attract prospective and existing customers to your business. A related concept, Generative Engine Optimization (GEO), focuses on optimizing content for AI-powered search experiences, ensuring your information is accurately and effectively presented in AI-generated summaries and responses.
+
+Visit the following resources to learn more:
+
+- [@article@Search Engine Optimization (SEO) Starter Guide](https://developers.google.com/search/docs/fundamentals/seo-starter-guide)
+- [@article@What Is SEO?](https://exposureninja.com/blog/what-is-seo/)
+- [@article@GEO (Generative Engine Optimization) vs SEO (Search Engine Optimization): What’s The Difference?](https://writesonic.com/blog/geo-vs-seo)
+- [@video@SEO In 5 Minutes | What Is SEO And How Does It Work](https://www.youtube.com/watch?v=MYE6T_gd7H0)
+- [@video@Why Generative Engine Optimisation (GEO) is the FUTURE of SEO](https://www.youtube.com/watch?v=FoIc8LkSETo)
\ No newline at end of file