Редактор кода от W3Schools - Tryit

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../styles/w3.css">
<body>

<header class="w3-container w3-teal">
  <h1>Header</h1>
</header>

<div class="w3-container">
  <p>Автомобиль - это самоходное транспортное средство на колесах, используемое для перевозки.
  В большинстве определений этого термина указывается, что автомобили предназначены для движения в основном по дорогам,
  для размещения от одного до восьми человек, обычно для четырех колес. (Википедия)</p>

<table class="w3-table w3-bordered w3-striped">
    <tr class="w3-teal">
      <th>Имя</th>
      <th>Фамилия</th>
      <th>Балы</th>
    </tr>
    <tr>
      <td>Jill</td>
      <td>Smith</td>
      <td>50</td>
    </tr>
    <tr>
      <td>Eve</td>
      <td>Jackson</td>
      <td>94</td>
    </tr>
    <tr>
      <td>Adam</td>
      <td>Johnson</td>
      <td>67</td>
    </tr>
  </table>
</div>

<div class="w3-half">
    <div class="w3-card">
      <img src="../images/img_london.jpg" alt="London" style="width:100%">
      <div class="w3-container">
        <p>Лондон - это столица Англии.</p>
        <p>Это самый густонаселенный город в Соединенном Королевстве, с населением более 13 миллионов человек.</p>
      </div>
    </div>
  </div>

</div>

<footer class="w3-container w3-teal">
  <h5>Footer</h5>
  <p>Здесь информация нижнего колонтитула</p>
</footer>

</body>

</html>