1032–Static Tab Panel

Media Files

📦 Media File Download (42.8 KB)

Project Submission

+ Submit Assignment

Your submissions

Requirement

Given the following HTML code, please create the following static tab panels.

<div class='tabs'>
  <label for="tab1">Tab 1</label>
  <label for="tab2">Tab 2</label>
  <label for="tab3">Tab 3</label>
  <label for="tab4">Tab 4</label>

  <section>
    <h2>Content of Tab 1</h2>
    <p>Hello World</p>
  </section>

</div>

Submission guideline

  • The layout should still work even when adding few more tabs. For example, layout should work when adding tab 5, tab 6, tab 7.
  • Please note that the tabs don’t need to work. Clicking on the tab label doesn’t need to change any tab content.