<html>
<head>
<meta charset="UTF-8">
<script src='https://unpkg.com/dummy-text@latest/dist/dummy-text.js'></script>
</head>
<body>
  <h1>Random male/female names</h1>
  <ul>
    <li><dummy-name></dummy-name></li>
    <li><dummy-name></dummy-name></li>
    <li><dummy-name></dummy-name></li>
    <li><dummy-name></dummy-name></li>
    <li><dummy-name></dummy-name></li>
  </ul>
  
  <h1>Random female names</h1>
  <ul>
    <li><dummy-name type="female"></dummy-name></li>
    <li><dummy-name type="female"></dummy-name></li>
    <li><dummy-name type="female"></dummy-name></li>
    <li><dummy-name type="female"></dummy-name></li>
    <li><dummy-name type="female"></dummy-name></li>
  </ul>

  <h1>Random male names</h1>
  <ul>
    <li><dummy-name type="male"></dummy-name></li>
    <li><dummy-name type="male"></dummy-name></li>
    <li><dummy-name type="male"></dummy-name></li>
    <li><dummy-name type="male"></dummy-name></li>
    <li><dummy-name type="male"></dummy-name></li>
  </ul>

  <h1>Fixed female names</h1>
  <ul>
    <li><dummy-name type="1"></dummy-name></li>
    <li><dummy-name type="6578"></dummy-name></li>
    <li><dummy-name type="10000"></dummy-name></li>
  </ul>

  <h1>Fixed male names</h1>
  <ul>
    <li><dummy-name type="10001"></dummy-name></li>
    <li><dummy-name type="14567"></dummy-name></li>
    <li><dummy-name type="20000"></dummy-name></li>
  </ul>

</body>
</html>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.