list.html

<!DOCTYPE html> 
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>slide</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>

  <section>
    <nav>
      <img src="pictures/Mashhad.jpg">
      <h3>Mashhad</h3>
      <br>
      <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt quaerat, facere corporis amet sunt quae consectetur at dolore deleniti quia natus necessitatibus id eaque aliquid pariatur eligendi fugit! Neque, ad?
      Nemo cupiditate tempora veniam et nisi consequatur ratione ipsam accusamus similique, quis temporibus incidunt mollitia harum, quam animi iste! Ullam, qui. Voluptatem ab accusantium neque provident consequuntur culpa numquam eveniet.</p>
      <button type="button">Buy Ticket</button>
    </nav>

    <nav>
      <img src="pictures/Shiraz.jpg">
      <h3>Shiraz</h3>
      <br>
      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laboriosam quae omnis veniam dicta asperiores numquam amet tempora, enim animi dolorum earum totam repellendus. Accusantium rem porro ullam expedita velit eius.
      Ut laudantium consectetur incidunt sapiente delectus explicabo voluptatibus ipsum quas quibusdam, itaque autem at nesciunt debitis cumque aliquam facilis eaque aut numquam. Autem quas ex iusto voluptates, voluptatem earum explicabo!</p>
      <button type="button">Buy Ticket</button>
    </nav>

    <nav>
      <img src="pictures/Esfahan.jpg">
      <h3>Esfahan</h3>
      <br>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam odio doloribus nesciunt, ratione tenetur pariatur tempore iusto architecto! Laborum, odit delectus odio eum dolorum asperiores error ea obcaecati tempora natus?
      In deserunt sequi nemo quam a veniam exercitationem praesentium laudantium vel, quos voluptatibus alias dolore quod iusto aut nesciunt optio quibusdam voluptates architecto maxime qui reiciendis quis odio quas? Nesciunt!</p>
      <button type="button">Buy Ticket</button>
    </nav>
  </section>

</body>

</html>