Загрузка данных

<!DOCTYPE html>

<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Сайт-визитка</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="page">

  <h1 class="page-title">Сайт-визитка</h1>

  <div class="subtitle">студента</div>
  <div class="institution">ГБПОУ РМ "Саранский техникум энергетики и электронной техники имени А.И. Полежаева"</div>

  <h2 class="name">Иванова Ивана</h2>

  <hr>

  <table class="info">
    <tr>
      <td>Дата Рождения: 01.01.2000 г.</td>
    </tr>
    <tr>
      <td><i>Специальность: 09.02.03 <u><a class="spec-link" href="#">"Программирование в компьютерных системах"</a></u></i></td>
    </tr>
    <tr>
      <td>Курс: 2</td>
    </tr>
    <tr>
      <td>Краткая информация о себе:</td>
    </tr>
    <tr>
      <td>
        Мой адрес:<br>
        г.Саранск, кр. Ленина, д. 10
      </td>
    </tr>
  </table>

</div>
</body>
</html>


body {
  background: #ffffff;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  color: #000000;
  margin: 0;
  padding: 20px;
}

.page {
  max-width: 700px;
  margin: 0 auto;
}

h1.page-title {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  font-family: "Times New Roman", serif;
  margin-bottom: 6px;
  margin-top: 4px;
}

.subtitle {
  text-align: center;
  font-size: 13px;
  margin-bottom: 2px;
}

.institution {
  text-align: center;
  font-size: 12px;
  margin-bottom: 6px;
}

h2.name {
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  font-family: "Times New Roman", serif;
  margin-bottom: 4px;
}

hr {
  border: none;
  border-top: 1px solid #000;
  margin: 4px 0 0 0;
}

table.info {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0;
}

table.info tr td {
  padding: 5px 8px;
  font-size: 13px;
  vertical-align: top;
}

table.info tr:nth-child(odd) td {
  background-color: #d9d9d9;
}

table.info tr:nth-child(even) td {
  background-color: #f0f0f0;
}

.spec-link {
  color: #000080;
  text-decoration: underline;
  font-style: italic;
}