путеводитель
Сообщений 1 страница 3 из 3
Поделиться22026-07-26 11:39:42
[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]
Поделиться32026-07-26 11:43:08
[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]

