Result Size: 300 x 150
x
 
<!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>
<img src="../images/img_car_js.jpg" alt="Nice car" style="width:100%">
<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-row-padding w3-section">
  <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 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>