---

Вот транскр<html>
    <head>
        <style>
            body {
                background-image: url("Фон.png");
                background-size: 100%;
                font-family: "Arial";
            }
            .text {
                margin-top: 25%;
            }
            .text p, h1 {
                color: #272e36;
                padding-left: 10%;
            }
            .box {
                display: inline-block;
                background-size: 100%;
                width: 30%;
                height: 30%;
                margin: 1%;
                border-radius: 20px;
            }
            .img1 {
                background-image: url("Лондон.jpg");
            }
            .img2 {
                background-image: url("Париж.jpg");
            }
            .img3 {
                background-image: url("ЛосАнджелес.jpg");
            }
            .nazvanie {
                padding-left: 50px;
                color: white;
                font-size: 30px;
            }
            .cards {
                vertical-align: bottom;
            }
            .box1 {
                display: inline-block;
                background-image: url("ЮжнаяКорея.jpg");
                background-size: 100%;
                width: 40%;
                height: 50%;
                margin: 3%;
                margin-left: 5%;
                margin-right: 0;
                border-radius: 20px;
                vertical-align: bottom;
            }
            .box2 {
                display: inline-block;
                width: 45%;
                height: 50%;
                margin: 3%;
            }
            .box3 {
                width: 100%;
                height: 45%;
            }
            .box4 {
                width: 100%;
                height: 45%;
                margin-top: 2%;
            }
            .box5 {
                width: 49%;
                height: 100%;
                display: inline-block;
                background-image: url("Токио.jpg");
                background-size: 100%;
                border-radius: 20px;
            }
            .box6 {
                width: 49%;
                height: 100%;
                display: inline-block;
                background-image: url("Сидней.jpg");
                background-size: 100%;
                border-radius: 20px;
            }
            .box7 {
                width: 49%;
                height: 100%;
                display: inline-block;
                background-image: url("Китай.jpg");
                background-size: 100%;
                border-radius: 20px;
            }
            .box8 {
                width: 49%;
                height: 100%;
                display: inline-block;
                background-image: url("Япония.jpg");
                background-size: 100%;
                border-radius: 20px;
            }
        </style>
    </head>
    <body>
        <div class="text">
            <h1>Путеводитель</h1>
            <p>Выберите для себя город, в котором Вы хотите побывать.</p>
        </div>
        <div class="cards">
            <div class="box img1">
                <h1 class="nazvanie">Лондон</h1>
            </div>
            <div class="box img2">
                <h1 class="nazvanie">Париж</h1>
            </div>
            <div class="box img3">
                <h1 class="nazvanie">Лос-Анджелес</h1>
            </div>
        </div>
        <div class="cards">
            <div class="box1">
                <h1 class="nazvanie">Южная Корея</h1>
            </div>
            <div class="box2">
                <div class="box3">
                    <div class="box5">
                        <h1 class="nazvanie">Торонто</h1>
                    </div>
                    <div class="box6">
                        <h1 class="nazvanie">Сидней</h1>
                    </div>
                </div>
                <div class="box4">
                    <div class="box7">
                        <h1 class="nazvanie">Китай</h1>
                    </div>
                    <div class="box8">
                        <h1 class="nazvanie">Япония</h1>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>