feat(curriculum): add second lecture block (freeCodeCamp#56639)

Co-authored-by: Jessica Wilkins <[email protected]>

Author: moT01

client/i18n/locales/english/intro.json

@@ -1714,7 +1714,10 @@
           "For this lab, you will create a web page of your favorite recipe."
         ]
       },
-      "gwyd": { "title": "4", "intro": [] },
+      "lecture-html-fundamentals": {
+        "title": "HTML Fundamentals",
+        "intro": ["Learn about HTML fundamentals in these lecture videos."]
+      },
       "lab-travel-agency-page": {
         "title": "Build a Travel Agency Page",
         "intro": [

client/src/pages/learn/front-end-development/lecture-html-fundamentals/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to the HTML Fundamentals
+block: lecture-html-fundamentals
+superBlock: front-end-development
+---
+
+## Introduction to the HTML Fundamentals
+
+Learn HTML fundamentals in these lecture videos.

curriculum/challenges/_meta/lecture-html-fundamentals/meta.json

@@ -0,0 +1,51 @@
+{
+  "name": "HTML Fundamentals",
+  "isUpcomingChange": true,
+  "dashedName": "lecture-html-fundamentals",
+  "order": 4,
+  "superBlock": "front-end-development",
+  "helpCategory": "HTML-CSS",
+  "blockType": "lecture",
+  "challengeOrder": [
+    {
+      "id": "670803abcb3e980233da4768",
+      "title": "What Are Divs and Spans, and When Should You Use Them?"
+    },
+    {
+      "id": "6708143cab2b583ecd3324f5",
+      "title": "What Are Attributes, and How Do They Work?"
+    },
+    {
+      "id": "6708382cf088b216580a9ff1",
+      "title": "What Are IDs and Classes, and When Should You Use Them?"
+    },
+    {
+      "id": "67083868d5fdcb17bf8c14bd",
+      "title": "What Are HTML Entities, and What Are Some Common Examples?"
+    },
+    {
+      "id": "670838977810401844af6fe0",
+      "title": "What Is the Role of the Link Element in HTML, and How Can It Be Used to Link to External Stylesheets?"
+    },
+    {
+      "id": "670838b10ee87a18e5faff62",
+      "title": "What Is the Role of the Script Element in HTML, and How Can It Be Used to Link to External JavaScript Files?"
+    },
+    {
+      "id": "670838e914096b194b0c51aa",
+      "title": "What Is an HTML Boilerplate, and Why Is It Important?"
+    },
+    {
+      "id": "670839051794aa19fcef6dc8",
+      "title": "What Is UTF-8 Character Encoding and Why Is It Needed?"
+    },
+    {
+      "id": "67083952f800051a8a21fcfd",
+      "title": "What Is the Role of the Meta Description, and How Does It Affect SEO?"
+    },
+    {
+      "id": "6708396caa00e11b597b3365",
+      "title": "What Is the Role of Open Graph Tags, and How Do They Affect SEO?"
+    }
+  ]
+}

curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md

@@ -0,0 +1,121 @@
+---
+id: 670803abcb3e980233da4768
+title: What Are Divs and Spans, and When Should You Use Them?
+challengeType: 11
+videoId: nVAaxZ34khk
+dashedName: what-are-divs-and-spans
+---
+
+# --description--
+
+Watch the video and answer the questions below.
+
+# --questions--
+
+## --text--
+
+What type of element is a `div` element?
+
+## --answers--
+
+An inline-level element.
+
+### --feedback--
+
+Think about how a `div` element occupies space.
+
+---
+
+An inline-block element.
+
+### --feedback--
+
+Think about how a `div` element occupies space.
+
+---
+
+A block-inline element.
+
+### --feedback--
+
+Think about how a `div` element occupies space.
+
+---
+
+A block-level element.
+
+## --video-solution--
+
+4
+
+## --text--
+
+What kind of an element is a `span` element?
+
+## --answers--
+
+An inline-level element.
+
+### --feedback--
+
+Focus on how a `span` element behaves within text or other elements.
+
+---
+
+An inline element.
+
+---
+
+A block element.
+
+### --feedback--
+
+Focus on how a `span` element behaves within text or other elements.
+
+---
+
+A block-level element.
+
+### --feedback--
+
+Focus on how a `span` element behaves within text or other elements.
+
+## --video-solution--
+
+2
+
+## --text--
+
+What should you group using a `div` element?
+
+## --answers--
+
+Block-level content and larger sections.
+
+---
+
+Inline texts and smaller sections.
+
+### --feedback--
+
+Think about related and larger content.
+
+---
+
+The whole HTML content.
+
+### --feedback--
+
+Think about related and larger content.
+
+---
+
+A small chuck of text.
+
+### --feedback--
+
+Think about related and larger content.
+
+## --video-solution--
+
+1

curriculum/challenges/english/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md

@@ -0,0 +1,121 @@
+---
+id: 6708143cab2b583ecd3324f5
+title: What Are Attributes, and How Do They Work?
+challengeType: 11
+videoId: nVAaxZ34khk
+dashedName: what-are-attributes
+---
+
+# --description--
+
+Watch the video and answer the questions below.
+
+# --questions--
+
+## --text--
+
+Which of these best describes a boolean attribute?
+
+## --answers--
+
+They always require a value.
+
+### --feedback--
+
+Think about what their presence in the opening tag means.
+
+---
+
+They add JavaScript functionality to your code.
+
+### --feedback--
+
+Think about what their presence in the opening tag means.
+
+---
+
+Their presence implies true.
+
+---
+
+They are not different from regular attributes.
+
+### --feedback--
+
+Think about what their presence in the opening tag means.
+
+## --video-solution--
+
+3
+
+## --text--
+
+What do regular attributes do in HTML?
+
+## --answers--
+
+They provide additional information about an element.
+
+---
+
+They provide the background information about an element.
+
+### --feedback--
+
+Think about what provides extra information about an element.
+
+---
+
+They are replacements for HTML elements.
+
+### --feedback--
+
+Think about what provides extra information about an element.
+
+---
+
+They allow developers to toggle a feature on and off.
+
+### --feedback--
+
+Think about what provides extra information about an element.
+
+## --video-solution--
+
+1
+
+## --text--
+
+Which of these differentiates a boolean attribute from a regular attribute?
+
+## --answers--
+
+A boolean attribute is true and a regular attribute is false.
+
+---
+
+A boolean attribute requires a value but a regular attribute does not.
+
+### --feedback--
+
+Think about the attribute that needs a value and the one that does not.
+
+---
+
+A boolean attribute provides additional information about an element but a regular attribute does not.
+
+### --feedback--
+
+Think about the attribute that needs a value and the one that does not.
+
+---
+
+A boolean attribute does not require a value but a regular attribute does.
+
+### --feedback--
+
+Think about the attribute that needs a value and the one that does not.
+
+## --video-solution--
+
+1