CSS_Task3.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Application Interface</title>
<style>
  body {
    font-family: Arial, sans-serif;
    padding: 0;
    margin: 0;
    background: #f4f4f4;
  }
  
  
  table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
  }
  th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
  }
  th {
    background-color: #4CAF50;
    color: white;
  }
  tr:nth-child(even) {
    background-color: hwb(0 72% 24%);
  }
  

</style>
</head>
<body>

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr><td>Berglunds snabbköp</td>
    <td>Christina Berglund</td> 
    <td>Sweden</td>
</tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td> Francisco Chang</td>
    <td>Mexico</td>

  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td> Roland Mendel</td>
    <td>Austria</td>

  </tr>
  <tr>
    <td>Island Trading</td>
    <td> Helen Bennett</td>
    <td>UK</td>

  </tr>
  <tr>
    <td>Königlich Essen</td>
    <td> Philip Cramer</td>
    <td>Germany</td>

  </tr>
  <tr>
    <td> Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>

  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>

  </tr>

</table>

</div>

</body>
</html>