<h1>Heading1</h1>
    <h2>Heading2</h2>
    <h3>Heading3</h3>
    <h4>Heading4</h4>
    <h5>Heading5</h5>
    <h6>Heading6</h6>
    <p>
      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Natus sint quas
      doloribus? Quod quam, sapiente necessitatibus commodi, ab culpa
      exercitationem alias iste eius eaque ipsum facere, maxime cupiditate?
      Sapiente, est.
    </p>
    <div>
      <label>Text</label>
      <input type="text" />
    </div>
    <div>
      <label>Number</label>
      <input type="number" />
    </div>
    <div>
      <label>Range</label>
      <input type="range" />
    </div>
    <div>
      <button type="button">Button</button>
    </div>
    <div>
      <select>
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
      </select>
    </div>
    <div>
      <label><input type="checkbox" />Checkbox</label>
    </div>
    <div>
      <input type="radio" name="foo" value="odd" />
      <label>Odd</label>
      <input type="radio" name="foo" value="even" />
      <label>Even</label>
    </div>
    <code>
      <pre>
    function doSomething(){
        console.log("hello world")
    }
    </pre
      >
    </code>