front_cities.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="cities.css">
</head>
<body>
    <div class="main">
        <div class="header">
            <h1>Cities</h1>
        </div>
        
            <div class="box-1">
                <ul>
                    <li><a href="">London</a></li>
                    <li><a href="">Paris</a></li>
                    <li><a href="">Tokyo</a></li>
                </ul>
            </div>
            <div class="box-2">
                <h1>London</h1><br>
                <p>
                Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam amet cum minima quidem error at. Dignissimos rerum cupiditate nostrum. Soluta ducimus non amet nostrum tenetur corrupti id vitae impedit reiciendis.
                Maiores, maxime explicabo eligendi, rerum libero omnis cum quasi eum, perspiciatis laboriosam a commodi natus blanditiis eaque. A, voluptate? Dolorum, iste est? 
                </p>
                <br>
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus voluptatem nam cupiditate, accusantium similique cumque necessitatibus, excepturi unde accusamus doloremque voluptates incidunt, nihil eaque? Hic doloribus quod alias at deleniti?
                    Id facere recusandae quidem adipisci, sint architecto ipsa et in quam sapiente itaque rerum odit, rem dolore?
                </p>
            </div>
        
        <div class="footer">
            <b>Footer</b>
        </div>
    </div>
</body>
</html>