У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается
вверх
вниз
название эпизода название эпизода
name & name
далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. читать далее name surname

juicechist

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » juicechist » город на холме » путеводитель


путеводитель

Сообщений 1 страница 3 из 3

Перевести1

0

2

[html]
<style>
.boston-guide {
    box-sizing: border-box;
    width: 100%;
    max-width: 650px;
    margin: 20px auto;
    padding: 34px 40px;

    background: #f6eee5;
    border: 1px solid #dbc5b6;
    border-radius: 16px;

    color: #533a34;
    font-family: Georgia, "Times New Roman", serif;
}

.boston-guide__head {
    margin-bottom: 27px;
    padding-bottom: 23px;
    border-bottom: 1px solid #d9bfc0;
    text-align: center;
}

.boston-guide__label {
    margin-bottom: 8px;
    color: #ac5962;
    font-size: 9px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.boston-guide__title {
    margin: 0;
    color: #586d7d;
    font-size: 29px;
    line-height: 1.1;
    font-style: italic;
    font-weight: bold;
}

.boston-guide__subtitle {
    margin-top: 9px;
    color: #ac5962;
    font-size: 12px;
    font-style: italic;
}

.boston-guide__text {
    font-size: 13px;
    line-height: 1.8;
    text-align: justify;
}

.boston-guide__text p {
    margin: 0 0 16px;
    text-indent: 25px;
}

.boston-guide__text p:first-child {
    text-indent: 0;
}

.boston-guide__text p:last-child {
    margin-bottom: 0;
}

.boston-guide__end {
    margin-top: 24px;
    color: #ac5962;
    text-align: center;
    letter-spacing: 6px;
}

@media (max-width: 650px) {
    .boston-guide {
        padding: 27px 23px;
    }

    .boston-guide__title {
        font-size: 25px;
    }
}
</style>

<div class="boston-guide">

    <div class="boston-guide__head">
        <div class="boston-guide__label">Boston · Massachusetts</div>
        <div class="boston-guide__title">Путеводитель по Бостону</div>
        <div class="boston-guide__subtitle">Добро пожаловать в Бостон</div>
    </div>

    <div class="boston-guide__text">
        <p>Бостон — один из самых старых и атмосферных городов Соединённых Штатов Америки. Здесь история соседствует с современными небоскрёбами, старинные кирпичные кварталы — с университетскими кампусами мирового уровня, а уютные улочки ведут к шумным набережным и оживлённым площадям.</p>

        <p>Город известен своей богатой культурой, академическими традициями, спортивными достижениями и особой атмосферой Новой Англии. Независимо от того, приехали ли вы сюда на несколько дней или планируете задержаться надолго, Бостон способен предложить впечатления на любой вкус.</p>

        <p>Бостон — это город, где история ощущается буквально на каждом шагу. Он одинаково хорошо подходит и для спокойных прогулок по старинным кварталам, и для насыщенного путешествия, полного музеев, гастрономических открытий и знакомства с культурой Новой Англии.</p>
    </div>

    <div class="boston-guide__end">◆</div>

</div>
[/html]

0

3

[html]
<style>
.boston-guide {
    box-sizing: border-box;
    width: 100%;
    max-width: 650px;
    margin: 20px auto;
    padding: 34px 40px;

    background: #f6eee5;
    border: 1px solid #dbc5b6;
    border-radius: 16px;

    color: #533a34;
    font-family: Georgia, "Times New Roman", serif;
}

.boston-guide__head {
    margin-bottom: 27px;
    padding-bottom: 23px;
    border-bottom: 1px solid #d9bfc0;
    text-align: center;
}

.boston-guide__label {
    margin-bottom: 8px;

    color: #ac5962;
    font-size: 9px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.boston-guide__title {
    margin: 0;

    color: #586d7d;
    font-size: 29px;
    line-height: 1.1;
    font-style: italic;
    font-weight: bold;
}

.boston-guide__text {
    font-size: 13px;
    line-height: 1.8;
    text-align: justify;
}

.boston-guide__text p {
    margin: 0 0 16px;
    text-indent: 25px;
}

.boston-guide__section {
    margin: 28px 0 17px;
    padding-bottom: 8px;

    border-bottom: 1px solid #d9bfc0;
    color: #ac5962;

    font-size: 13px;
    font-style: italic;
    letter-spacing: 2px;
    text-align: left;
    text-transform: uppercase;
}

.boston-guide__place {
    margin-bottom: 18px;
}

.boston-guide__place:last-child {
    margin-bottom: 0;
}

.boston-guide__place b {
    display: block;
    margin-bottom: 3px;

    color: #586d7d;
    font-size: 13px;
    font-style: italic;
}

.boston-guide__place p {
    margin: 0;
    text-indent: 0;
}

.boston-guide__list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.boston-guide__list li {
    position: relative;
    margin-bottom: 7px;
    padding-left: 18px;
}

.boston-guide__list li::before {
    content: "◆";
    position: absolute;
    top: 0;
    left: 0;

    color: #ac5962;
    font-size: 7px;
}

.boston-guide__list li:last-child {
    margin-bottom: 0;
}

.boston-guide__end {
    margin-top: 26px;

    color: #ac5962;
    text-align: center;
    letter-spacing: 6px;
}

@media (max-width: 650px) {
    .boston-guide {
        padding: 27px 23px;
    }

    .boston-guide__title {
        font-size: 25px;
    }
}
</style>

<div class="boston-guide">

    <div class="boston-guide__head">
        <div class="boston-guide__label">Boston · Massachusetts</div>
        <div class="boston-guide__title">Beacon Hill</div>
    </div>

    <div class="boston-guide__text">

        <p>Самый узнаваемый и, пожалуй, самый романтичный район Бостона. Узкие мощёные улицы, кирпичные таунхаусы с чёрными ставнями, газовые фонари и утопающие в цветах фасады создают ощущение, будто время здесь остановилось ещё в XIX веке.</p>

        <p>Beacon Hill считается одним из самых престижных районов города. Здесь живут состоятельные семьи, политики, профессора университетов и представители старых бостонских династий. Несмотря на элитный статус, район остаётся удивительно тихим и уютным.</p>

        <p>Именно сюда приходят за неспешными прогулками, красивыми фотографиями и атмосферой старой Новой Англии.</p>

        <h3 class="boston-guide__section">Что посетить</h3>

        <div class="boston-guide__place">
            <b>Acorn Street</b>
            <p>Самая фотографируемая улица Бостона. Небольшой переулок с булыжной мостовой, старинными фонарями и кирпичными домами давно стал визитной карточкой города.</p>
        </div>

        <div class="boston-guide__place">
            <b>Louisburg Square</b>
            <p>Тихая площадь, окружённая историческими особняками. Одно из самых дорогих мест для проживания во всём Бостоне.</p>
        </div>

        <div class="boston-guide__place">
            <b>Massachusetts State House</b>
            <p>Главное административное здание штата Массачусетс с золотым куполом, который виден практически из любой точки центра города.</p>
        </div>

        <div class="boston-guide__place">
            <b>Charles Street</b>
            <p>Главная улица района. Здесь расположены книжные магазины, небольшие художественные галереи, антикварные лавки, дизайнерские бутики, кофейни и семейные рестораны.</p>
        </div>

        <div class="boston-guide__place">
            <b>Boston Common</b>
            <p>Старейший городской парк США начинается буквально у границы района. Отличное место для прогулок, пикников и городских мероприятий.</p>
        </div>

        <h3 class="boston-guide__section">Атмосфера района</h3>

        <ul class="boston-guide__list">
            <li>старые деньги и аристократия;</li>
            <li>политики и адвокаты;</li>
            <li>дорогая недвижимость;</li>
            <li>небольшие семейные кафе;</li>
            <li>антикварные магазины;</li>
            <li>тихие вечера и почти полное отсутствие туристического шума на жилых улицах.</li>
        </ul>

    </div>

    <div class="boston-guide__end">◆</div>

</div>
[/html]

0


Вы здесь » juicechist » город на холме » путеводитель


Рейтинг форумов | Создать форум бесплатно