Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Checkout</title>
    <link rel="stylesheet" href="stylesheets/main.css" type="text/css">
  </head>

  <body>

    <h2>Place your Order</h2>
    <form>
      <fieldset>
        <legend>Product Details</legend>
        <div class="input-group">
          <label for="product">Product:</label>
          <select id="product" autofocus="autofocus">
            <option>Product...</option>
            <option>Game Of Thrones</option>
            <option>Of Mice And Men</option>
            <option>James Bond</option>
            <option>Star Wars</option>
          </select>
        </div>

        <div class="input-group">
          <label for="quantity">Quantity:</label>
          <input type="number" id="quantity" min="1" max="10" value="1"/>
        </div>

      </fieldset>

      <fieldset>
        <legend>Shipping Address</legend>
        <div class="input-group">
          <label for="address">Address:</label>
          <input type="text" id="address" placeholder="Address"/>
        </div>

        <div class="input-group">
          <label for="zip-code">Zip Code:</label>
          <input type="text" id="zip-code" placeholder="Zip Code"/>
        </div>
        <div class="input-group">
          <label for="country">Country:</label>
          <select id="country">
            <option>Country...</option>
            <option>Afghanistan</option>
            <!-- ... rest of the countries go here ... -->
            <option>Zimbabwe</option>
          </select>
          </div>
      </fieldset>

      <div class="input-group">
        <input type="submit" value="Purchase"/>
      </div>
    </form>

  </body>

</html>