text: import lessonContent_tags1 from '../lesson-content/tags-1.md';
  import lessonContent_siteStructure1 from '../lesson-content/site-structure-1.md';
  import lessonContent_whatIsHTML from '../lesson-content/what-is-html.md';
  import lessonContent_tagAttributes from '../lesson-content/tag-attributes.md';
  import lessonContent_nestingTags from '../lesson-content/nesting-tags.md';
  
  export const tutorial = {
      pages: [
          {
              title: 'What is HTML?',
              lessonMarkdownContent: lessonContent_whatIsHTML
          },
          {
              title: 'Tags',
              lessonMarkdownContent: lessonContent_tags1,
              examples: [
                  {
                      description: `A paragraph that says "hi". A p tag is used.`,
                      code: `<p>hi</p>`
                  },
                  {
                      description: `Two tags placed one after another. Try changing their order.`,
                      code: `<p>hi</p>\n<p>hi again</p>`
                  },
                  {
                      description: `An h1 tag followed by two p tags. Try changing the words inside the tags.`,
                      code: `<h1>Hi</h1>\n<p>Hi!</p>\n<p>Hi again.</p>`
                  }
                  // This part of the tutorial will be moved to a new section.
                  // {
                  //     description: `A comment. It won't show up on the web page.`,
                  //     code: `<p>Hi</p>\n<!-- Your comments here --><p>Another hi</p>`
                  // }
              ]
          },
          {
              title: 'Nesting tags',
              lessonMarkdownContent: lessonContent_nestingTags,
              examples: [
                  {
                      description: `An "i" tag inside a "h1" tag. It set inside text to italic.`,
                      code: `<h1><i>Hi!</i></h1>`
                  },
                  {
                      description: `A "br" tag inside a "h2" tag. It breaks a single line.`,
                      code: `<h2>Separates<br>lines</h2>`
                  },
                  {
                      description: `A "code" tag inside a "h3" tag. It defines a piece of computer code.`,
                      code: `<h3>A line of text<br>and<br><code>a line of code</code></h3>`
                  },
                  {
                      description: `A "u" tag inside a "h4" tag. It set inside text underlined.`,
                      code: `<h4><u>Underlined text</u></h4>`
                  }
              ]
          },
          {
              title: 'Site structure',
              lessonMarkdownContent: lessonContent_siteStructure1,
              examples: [
                  {
                      description: 'This is a template website without indents. Try adding indents to match the tutorial.',
                      code: `<html>\n<body>\n<p>Hi!</p>\n</body>\n</html>\n`
                  },
                  {
                      description: 'Notice how the headings and paragraphs go into the body tag.',
                      code: `<html>\n\t<body>\n\t\t<h1>My website</h1>\n\t\t<p>My paragraph</p>\n\t</body>\n</html>`
                  },
                  {
                      description: 'If there is nothing inside the body tag, the website will be empty.',
                      code: `<html>\n<body>\n</body>\n</html>`
                  }
              ]
          },
          {
              title: 'Tag attributes',
              lessonMarkdownContent: lessonContent_tagAttributes,
              examples: [
                  {
                      description:'A paragraph with a tooltip. Mouse over the paragraph to display the tooltip.',
                      code: `<p title="This is a tooltip">\nThis is a paragraph with a tooltip.</p>`
                  },
                  {
                      description: 'A link that goes to Google. Try changing the href attribute so the link goes to another website.',
                      code: `<a href="https://google.com">Go to Google</a>`
                  }
              ]
          }
      ]
  };
  