<!DOCTYPE html>
<html>
<head>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style type="text/css">
    body {
      margin: 0;
    }
    .wrapper {
      display: block;
      width: 100%;
      padding: 10px;
    }
    
    .black {
      background-color: black;
      color: white;
    }

    .gray {
      background-color: gray;
    }
  </style>

</head>
<body>

  <div class="white wrapper">
    <div>Text:<input type="text"></input></div>
    <div>Password:<input type="password"></input></div>
    <div><input type="submit"></input> <button>Click Me</button></div>

    <div>Buttons:<br>
    <input type="checkbox">Check me</input><br>
    <input type="radio" name="foo">Floor wax</input><br>
    <input type="radio" name="foo">Dessert topping</input>
    </div>

    <div>Lists:

    <select>
        <option>Strawberry</option>
        <option>Banana</option>
        <option>Chocolate</option>
        <option>Mint</option>
        <option>Lemon</option>
        <option>Orange</option>
        <option>Cinnamon</option>
    </select>

    <select size="5">
        <option>Strawberry</option>
        <option>Banana</option>
        <option>Chocolate</option>
        <option>Mint</option>
        <option>Lemon</option>
        <option>Orange</option>
        <option>Cinnamon</option>
    </select>
    </div>

    <div>
      <textarea cols="40" rows="4">
Textarea
      </textarea>
    </div>
  </div>

  <div class="black wrapper">
    <div>Text:<input type="text"></input></div>
    <div>Password:<input type="password"></input></div>
    <div><input type="submit"></input> <button>Click Me</button></div>

    <div>Buttons:<br>
    <input type="checkbox">Check me</input><br>
    <input type="radio" name="foo">Floor wax</input><br>
    <input type="radio" name="foo">Dessert topping</input>
    </div>

    <div>Lists:

    <select>
        <option>Strawberry</option>
        <option>Banana</option>
        <option>Chocolate</option>
        <option>Mint</option>
        <option>Lemon</option>
        <option>Orange</option>
        <option>Cinnamon</option>
    </select>

    <select size="5">
        <option>Strawberry</option>
        <option>Banana</option>
        <option>Chocolate</option>
        <option>Mint</option>
        <option>Lemon</option>
        <option>Orange</option>
        <option>Cinnamon</option>
    </select>
    </div>

    <div>
      <textarea cols="40" rows="4">
Textarea
      </textarea>
    </div>
  </div>

  <div class="gray wrapper">
    <div>Text:<input type="text"></input></div>
    <div>Password:<input type="password"></input></div>
    <div><input type="submit"></input> <button>Click Me</button></div>

    <div>Buttons:<br>
    <input type="checkbox">Check me</input><br>
    <input type="radio" name="foo">Floor wax</input><br>
    <input type="radio" name="foo">Dessert topping</input>
    </div>

    <div>Lists:

    <select>
        <option>Strawberry</option>
        <option>Banana</option>
        <option>Chocolate</option>
        <option>Mint</option>
        <option>Lemon</option>
        <option>Orange</option>
        <option>Cinnamon</option>
    </select>

    <select size="5">
        <option>Strawberry</option>
        <option>Banana</option>
        <option>Chocolate</option>
        <option>Mint</option>
        <option>Lemon</option>
        <option>Orange</option>
        <option>Cinnamon</option>
    </select>
    </div>

    <div>
      <textarea cols="40" rows="4">
Textarea
      </textarea>
    </div>
  </div>

</body>
</html>
