Issues HTML

<!DOCTYPE html>
<html lang = "en">
  <head>
      <meta charset="UTF-8">
      <title>Calculations</title>
      <link rel="stylesheet" href="indexIssuesAroundTheWorld1.css" />
      <script src="modernizr.custom.05819.js"></script>
  </head>

    <body>

  <div class = "header">
    <div class="logoContainer">
        <img src="https://1.bp.blogspot.com/-8v8vMhoxdJU/XnVcs5WHIyI/AAAAAAAAzNU/yxynDuNvX2g06728NtvKAs_KVhfD9MJmQCLcBGAsYHQ/s1600/world_flags_globe_2.gif"  width="80" height="80" alt="Spinning globe" />
        <h1>Issues Around the World</h1>
        <img src="https://1.bp.blogspot.com/-8v8vMhoxdJU/XnVcs5WHIyI/AAAAAAAAzNU/yxynDuNvX2g06728NtvKAs_KVhfD9MJmQCLcBGAsYHQ/s1600/world_flags_globe_2.gif"  width="80" height="80" style="visibility:hidden;" alt="Spinning globe"  />
    </div>
</div>

<nav>
    <a href="indexIssuesAroundTheWorld1.html"
            ><span class="nav">Home</span>&nbsp;&nbsp;&nbsp;</a>
            <a href="aboutWebSite.html"
            ><span class="nav">About The Website</span></a
            >&nbsp;&nbsp;&nbsp;<a href="aboutTheAuthor.html"
            ><span class="nav">About The Author</span></a
            >&nbsp;&nbsp;&nbsp;<a href="calculations.html"
            ><span class="nav">Calculating the Issues</span></a
            >&nbsp;&nbsp;&nbsp;<a href="contact.html"
            ><span class="nav">Contact</span></a
          >

    </nav>
    <h1>Compare and Contrast</h1>

    <form action="/action_page.php">
        <label><p><strong>Select countries to compare</strong></p>
            <input type="checkbox" id="USA" name="USA" value="USA">United States<br>
            <input type="checkbox" id="Romania" name="Romania" value="Romania">Romania<br>
            <input type="checkbox" id="Venezuela" name="Venezuela" value="Venezuela">Venezuela<br>
    </form>
    <aside>
        <p>Countries: <span id="countriesSelected"></span></p>
     </aside>

<script src="issuesAroundTheWolrd.js"></script>
</body>
</html>