У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается
welcome, guest
post activists
name name name name
episode of the week
название эпизода название эпизода
name & name
administration
name name name name name name
name name name name
flood activists
the best post
далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. читать далее name surname
the best couple

noctra

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

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

Вы здесь » noctra » Тестовый форум » путеводитель

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

Страница: 1

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

1

  • Автор: Storm Wilder
  • Администратор
  • Storm Wilder
  • личное звание: тут будет
  • Сообщений: 34
  • Уважение: +0
  • деньги: 100
  • посты: 100
  • Позитив: +0
  • плашка:
    В поисках севераЯ теряю себя опять

[html]
<div class="cc-map">
  <div class="cc-head">
    <div>
      <span>cherry coke map</span>
      <h2>BOSTON</h2>
    </div>

    <p>
      тихая карта города: районы, места встреч, скрытые адреса и маленькие
      маршруты для сюжетов, анкет и игровых эпизодов.
    </p>

    <b>city guide ♡</b>
  </div>

  <div class="cc-main">
    <div class="cc-mapbox">
      <div class="cc-zoom">
        +<br>
        <hr>
        −
      </div>

      <button class="cc-pin active"
              style="left:39%; top:20%"
              data-id="1">
        <span>01</span>
      </button>

      <button class="cc-pin"
              style="left:23%; top:43%"
              data-id="2">
        <span>02</span>
      </button>

      <button class="cc-pin"
              style="left:62%; top:16%"
              data-id="3">
        <span>03</span>
      </button>

      <button class="cc-pin"
              style="left:52%; top:52%"
              data-id="4">
        <span>04</span>
      </button>

      <button class="cc-pin"
              style="left:86%; top:55%"
              data-id="5">
        <span>05</span>
      </button>

      <button class="cc-pin"
              style="left:25%; top:14%"
              data-id="6">
        <span>06</span>
      </button>

      <div class="cc-route r1"></div>
      <div class="cc-route r2"></div>
      <div class="cc-route r3"></div>
    </div>

    <div class="cc-info">
      <div class="cc-num" id="ccNum">01</div>

      <img
        id="ccImg"
        src="https://i.pinimg.com/1200x/12/55/f1/1255f1da5af825dec149a29d977404b2.jpg"
        alt="Beacon Hill"
      >

      <span id="ccType">historic area</span>

      <h3 id="ccTitle">Beacon Hill</h3>

      <p id="ccText">
        Один из самых живописных районов города с мощёными улицами,
        газовыми фонарями и кирпичными домами XIX века. Идеальное место
        для неспешных прогулок и атмосферных фотографий.
      </p>

      <div id="ccTags">
        <em>старый город</em>
        <em>прогулки</em>
        <em>атмосфера</em>
      </div>

      <a id="ccLink" href="/viewtopic.php?id=1">
        подробнее о локации →
      </a>
    </div>
  </div>

  <div class="cc-cards">
    <div class="cc-card active" data-id="1">
      <b>01</b>
      <img src="https://i.pinimg.com/1200x/12/55/f1/1255f1da5af825dec149a29d977404b2.jpg" alt="">
      <span>historic area</span>
      <h4>Beacon Hill</h4>
      ♡
    </div>

    <div class="cc-card" data-id="2">
      <b>02</b>
      <img src="https://i.pinimg.com/736x/40/18/cb/4018cbeaa03513a170cabb8248b6fbb9.jpg" alt="">
      <span>elegant area</span>
      <h4>Back Bay</h4>
      ♡
    </div>

    <div class="cc-card" data-id="3">
      <b>03</b>
      <img src="https://i.pinimg.com/1200x/3b/c4/dd/3bc4dd6ed79f7f208b2c76760a183ce1.jpg" alt="">
      <span>italian quarter</span>
      <h4>North End</h4>
      ♡
    </div>

    <div class="cc-card" data-id="4">
      <b>04</b>
      <img src="https://i.pinimg.com/736x/68/3b/b5/683bb5f07d838db3aded0d9f6cbba97c.jpg" alt="">
      <span>creative area</span>
      <h4>South End</h4>
      ♡
    </div>

    <div class="cc-card" data-id="5">
      <b>05</b>
      <img src="https://i.pinimg.com/736x/5d/c2/4d/5dc24db0d4159ec4af936ffb30e44497.jpg" alt="">
      <span>waterfront</span>
      <h4>Seaport District</h4>
      ♡
    </div>

    <div class="cc-card" data-id="6">
      <b>06</b>
      <img src="https://i.pinimg.com/736x/ff/d0/ef/ffd0efb675a94f9a9ebc97ce5b0f9434.jpg" alt="">
      <span>campus life</span>
      <h4>Cambridge</h4>
      ♡
    </div>
  </div>
</div>

<style>
.cc-map,
.cc-map * {
  box-sizing: border-box;
}

.cc-map {
  max-width: 1160px;
  margin: 20px auto;
  padding: 26px 28px 22px;
  background: #f8f1e8;
  border: 1px solid #e0cfc2;
  border-radius: 18px;
  color: #6d514b;
  font-family: Georgia, serif;
  box-shadow: 0 8px 30px rgba(120, 90, 75, .15);
}

.cc-head {
  display: grid;
  grid-template-columns: 230px 1fr 140px;
  gap: 24px;
  align-items: center;
  margin-bottom: 22px;
}

.cc-head span {
  color: #b76264;
  font-family: Georgia, serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 3px;
}

.cc-head h2 {
  margin: 2px 0 0;
  color: #b55a5d;
  font-family: Georgia, serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: .9;
  letter-spacing: 4px;
}

.cc-head p {
  margin: 0;
  padding-left: 24px;
  border-left: 1px solid #d6c3b6;
  color: #6d514b;
  font-family: Georgia, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7;
}

.cc-head b {
  display: block;
  padding: 18px 10px;
  background: #d8c4b6;
  color: #6b504a;
  font-family: Georgia, serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  transform: rotate(4deg);
}

.cc-main {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) 280px;
  gap: 18px;
  align-items: stretch;
}

.cc-mapbox {
  position: relative;
  height: 430px;
  min-height: 430px;
  overflow: hidden;
  border: 1px solid #d5c4b8;
  border-radius: 14px;
  background-image: url("https://forumstatic.ru/files/001c/b9/1e/32702.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.cc-mapbox::before {
  display: none;
}

.cc-zoom {
  position: absolute;
  z-index: 10;
  top: 18px;
  left: 18px;
  width: 36px;
  overflow: hidden;
  background: rgba(255, 250, 245, .95);
  border-radius: 7px;
  color: #9b5a5d;
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
}

.cc-zoom hr {
  margin: 0;
  border: 0;
  border-top: 1px solid #e0cfc2;
}

.cc-pin {
  position: absolute;
  z-index: 8;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 2px solid #fffaf5;
  border-radius: 50% 50% 50% 0;
  background: #bd686d;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(120, 70, 70, .22);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.cc-pin span {
  display: block;
  color: #fff;
  font-family: Georgia, serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0;
  text-align: center;
  transform: rotate(45deg);
}

.cc-pin.active {
  background: #92505b;
  box-shadow: 0 0 0 6px rgba(189, 104, 109, .18);
}

/* ПРАВАЯ КАРТОЧКА */

.cc-info {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 430px;
  min-height: 430px;
  padding: 14px;
  overflow: hidden;
  background: #fffaf5;
  border: 1px solid #d8c5b9;
  border-radius: 14px;
}

.cc-info img {
  display: block;
  flex: 0 0 175px;
  width: 100%;
  height: 175px;
  object-fit: cover;
  border-radius: 10px;
}

.cc-num {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 22px;
  padding: 16px 13px;
  background: #b85c62;
  color: #fff;
  font-family: Georgia, serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.cc-info > span {
  display: block;
  flex: 0 0 auto;
  margin-top: 10px;
  color: #a87873;
  font-family: Georgia, serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 4px;
  text-transform: lowercase;
}

.cc-info h3 {
  flex: 0 0 auto;
  margin: 6px 0 8px;
  padding: 4px 0 6px;
  background: #f1ebe5;
  color: #6f7781;
  font-family: Georgia, serif;
  font-size: 34px;
  font-style: italic;
  font-weight: 700;
  line-height: .92;
  letter-spacing: 0;
}

.cc-info p {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  padding: 9px 7px 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 1px dashed #dccbc0;
  color: #5d4944;
  font-family: Georgia, serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

#ccTags {
  flex: 0 0 auto;
  margin-top: 7px;
  max-height: none;
  overflow: visible;
  white-space: normal;
}

.cc-info em {
  display: inline-block;
  margin: 3px 4px 0 0;
  padding: 6px 9px;
  background: #f6ece4;
  border: 1px solid #e2cec0;
  border-radius: 5px;
  color: #7d6058;
  font-family: Georgia, serif;
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.cc-info a {
  display: block;
  flex: 0 0 auto;
  margin-top: 7px;
  padding-bottom: 1px;
  color: #9a7ca8;
  font-family: Georgia, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  text-align: right;
  text-decoration: underline;
}

.cc-info p::-webkit-scrollbar {
  width: 5px;
}

.cc-info p::-webkit-scrollbar-track {
  background: transparent;
}

.cc-info p::-webkit-scrollbar-thumb {
  background: #d9b2be;
  border-radius: 10px;
}

/* НИЖНИЕ КАРТОЧКИ */

.cc-cards {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.cc-card {
  position: relative;
  height: 205px;
  min-width: 0;
  padding: 9px;
  overflow: hidden;
  background: #fffaf5;
  border: 1px solid #e0cfc2;
  border-radius: 12px;
  cursor: pointer;
}

.cc-card.active {
  border-color: #bd686d;
  box-shadow: 0 0 0 2px rgba(189, 104, 109, .16);
}

.cc-card img {
  display: block;
  width: 100%;
  height: 95px;
  object-fit: cover;
  border-radius: 8px;
}

.cc-card b {
  position: absolute;
  z-index: 2;
  top: 8px;
  left: 10px;
  padding: 4px 8px;
  background: #fffaf5;
  border-radius: 0 0 6px 0;
  color: #8b4d50;
  font-family: Georgia, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.cc-card span {
  display: block;
  margin-top: 12px;
  color: #a87873;
  font-family: Georgia, serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 4px;
  text-transform: lowercase;
}

.cc-card h4 {
  margin: 4px 0 0;
  color: #7b4e4a;
  font-family: Georgia, serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 700;
  line-height: .9;
  letter-spacing: 0;
}

.cc-card[data-id="6"] h4 {
  font-size: 16px;
}
</style>
[/html]

0

2

  • Автор: Storm Wilder
  • Администратор
  • Storm Wilder
  • личное звание: тут будет
  • Сообщений: 34
  • Уважение: +0
  • деньги: 100
  • посты: 100
  • Позитив: +0
  • плашка:
    В поисках севераЯ теряю себя опять

Путеводитель по Бостону

Добро пожаловать в Бостон

Бостон — один из самых старых и атмосферных городов Соединённых Штатов Америки. Здесь история соседствует с современными небоскрёбами, старинные кирпичные кварталы — с университетскими кампусами мирового уровня, а уютные улочки ведут к шумным набережным и оживлённым площадям.

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

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

0

3

  • Автор: Storm Wilder
  • Администратор
  • Storm Wilder
  • личное звание: тут будет
  • Сообщений: 34
  • Уважение: +0
  • деньги: 100
  • посты: 100
  • Позитив: +0
  • плашка:
    В поисках севераЯ теряю себя опять

# Beacon Hill

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

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

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

### Что посетить

**Acorn Street**
Самая фотографируемая улица Бостона. Небольшой переулок с булыжной мостовой, старинными фонарями и кирпичными домами давно стал визитной карточкой города.

**Louisburg Square**
Тихая площадь, окружённая историческими особняками. Одно из самых дорогих мест для проживания во всём Бостоне.

**Massachusetts State House**
Главное административное здание штата Массачусетс с золотым куполом, который виден практически из любой точки центра города.

**Charles Street**
Главная улица района. Здесь расположены книжные магазины, небольшие художественные галереи, антикварные лавки, дизайнерские бутики, кофейни и семейные рестораны.

**Boston Common**
Старейший городской парк США начинается буквально у границы района. Отличное место для прогулок, пикников и городских мероприятий.

### Атмосфера района

• старые деньги и аристократия;

• политики и адвокаты;

• дорогая недвижимость;

• небольшие семейные кафе;

• антикварные магазины;

• тихие вечера и почти полное отсутствие туристического шума на жилых улицах.

0

4

  • Автор: Storm Wilder
  • Администратор
  • Storm Wilder
  • личное звание: тут будет
  • Сообщений: 34
  • Уважение: +0
  • деньги: 100
  • посты: 100
  • Позитив: +0
  • плашка:
    В поисках севераЯ теряю себя опять

# Back Bay

Back Bay — современное лицо Бостона. Просторные проспекты, викторианские особняки, дорогие магазины, стеклянные небоскрёбы и лучшие отели города соседствуют здесь буквально через дорогу друг от друга.

Этот район считается центром шопинга, деловой жизни и вечернего отдыха. Здесь находятся офисы международных компаний, элитные жилые комплексы, рестораны высокой кухни и множество популярных баров.

Несмотря на современный ритм жизни, Back Bay сохраняет элегантность исторической архитектуры XIX века.

### Что посетить

**Newbury Street**
Главная торговая улица Бостона. Здесь расположены бутики мировых брендов, винтажные магазины, кофейни, книжные лавки и художественные галереи.

**Prudential Center**
Крупный торговый центр с десятками магазинов, ресторанами и смотровой площадкой View Boston, откуда открывается панорама всего города.

**Copley Square**
Одна из центральных площадей Бостона, окружённая историческими зданиями, современными небоскрёбами и общественными пространствами.

**Boston Public Library**
Первая крупная публичная библиотека США. Известна своими внутренними двориками, читальными залами и богатой архитектурой.

**Trinity Church**
Одна из самых известных церквей страны и настоящий архитектурный символ района.

### Атмосфера района

• деловой центр города;

• дорогие рестораны;

• роскошные отели;

• офисные сотрудники и студенты;

• вечерняя жизнь;

• лучшие магазины Бостона.

0

5

  • Автор: Storm Wilder
  • Администратор
  • Storm Wilder
  • личное звание: тут будет
  • Сообщений: 34
  • Уважение: +0
  • деньги: 100
  • посты: 100
  • Позитив: +0
  • плашка:
    В поисках севераЯ теряю себя опять

# North End

North End — старейший жилой район Бостона и настоящий кусочек Италии посреди Новой Англии. Здесь до сих пор сохраняется атмосфера маленького европейского города: узкие улочки, балконы с цветами, семейные рестораны, запах свежей выпечки и шумные разговоры за столиками летних террас.

Именно отсюда начиналась история Бостона, поэтому почти каждый квартал связан с важными событиями американской революции.

Сегодня North End остаётся одним из самых популярных мест города как среди туристов, так и среди местных жителей.

### Что посетить

**Paul Revere House**
Дом Пола Ревира — старейшее сохранившееся жилое здание в центре Бостона.

**Old North Church**
Легендарная церковь, сыгравшая важную роль во время Американской революции.

**Hanover Street**
Главная улица района с десятками семейных итальянских ресторанов, кафе, пиццерий и кондитерских.

**Modern Pastry**
Одна из самых известных кондитерских города.

**Mike's Pastry**
Легендарное место, куда приезжают за знаменитыми канноли.

### Атмосфера района

• итальянская община;

• семейные рестораны;

• небольшие площади;

• старинная архитектура;

• туристические экскурсии;

• насыщенная вечерняя жизнь и уютные кафе.

0

6

  • Автор: Storm Wilder
  • Администратор
  • Storm Wilder
  • личное звание: тут будет
  • Сообщений: 34
  • Уважение: +0
  • деньги: 100
  • посты: 100
  • Позитив: +0
  • плашка:
    В поисках севераЯ теряю себя опять

# South End

South End — один из самых творческих и разнообразных районов Бостона. Его легко узнать по длинным рядам викторианских кирпичных домов, уютным скверам и спокойной атмосфере. Район славится художественными галереями, независимыми кафе, дизайнерскими студиями и гастрономической сценой.

Здесь гармонично сочетаются историческая архитектура и современная городская жизнь. South End считается одним из самых комфортных мест для прогулок, а по вечерам сюда приходят ради уютных ресторанов и небольших винных баров.

### Что посетить

**SoWa Art + Design District**
Творческий квартал с художественными галереями, мастерскими, шоурумами и дизайнерскими магазинами. По выходным здесь работает знаменитый рынок SoWa Open Market.

**SoWa Open Market**
Сезонная ярмарка, где можно найти изделия местных художников, дизайнеров, фермерские продукты и фудтраки.

**Blackstone Square**
Небольшой зелёный парк, любимый жителями района. Подходит для спокойного отдыха и прогулок.

**Cathedral of the Holy Cross**
Крупнейший католический собор Новой Англии, впечатляющий своей архитектурой и внутренним убранством.

**Restaurant Row (Tremont Street)**
Одна из лучших гастрономических улиц города с ресторанами практически любой кухни мира.

### Атмосфера района

• творческая интеллигенция;

• художники и дизайнеры;

• уютные кофейни;

• современные рестораны;

• небольшие парки;

• спокойная вечерняя жизнь.

0

7

  • Автор: Storm Wilder
  • Администратор
  • Storm Wilder
  • личное звание: тут будет
  • Сообщений: 34
  • Уважение: +0
  • деньги: 100
  • посты: 100
  • Позитив: +0
  • плашка:
    В поисках севераЯ теряю себя опять

# Seaport District

Seaport District — самый молодой и быстро развивающийся район Бостона. Ещё несколько десятилетий назад здесь находились склады и портовые терминалы, а сегодня это современный квартал с небоскрёбами, ресторанами, музеями и благоустроенной набережной.

Днём район наполнен офисными сотрудниками, туристами и студентами, а вечером превращается в одно из главных мест городской ночной жизни.

### Что посетить

**Institute of Contemporary Art (ICA)**
Музей современного искусства, известный своей необычной архитектурой и выставками художников со всего мира.

**Boston Harborwalk**
Протяжённая прогулочная набережная с видом на Бостонскую гавань, причалы и яхты.

**Fan Pier Park**
Современный парк на берегу воды с панорамой центра города. Одно из лучших мест для встречи заката.

**The Lawn on D**
Большое общественное пространство с интерактивными качелями, концертами, кинопоказами и сезонными фестивалями.

**Leader Bank Pavilion**
Открытая концертная площадка, где летом проходят выступления мировых исполнителей.

### Атмосфера района

• современные жилые комплексы;

• офисы международных компаний;

• рестораны с видом на воду;

• модные бары;

• прогулочные набережные;

• активная ночная жизнь.

0

8

  • Автор: Storm Wilder
  • Администратор
  • Storm Wilder
  • личное звание: тут будет
  • Сообщений: 34
  • Уважение: +0
  • деньги: 100
  • посты: 100
  • Позитив: +0
  • плашка:
    В поисках севераЯ теряю себя опять

# Cambridge

Хотя Кембридж является самостоятельным городом, он настолько тесно связан с Бостоном, что большинство жителей и гостей воспринимают его как часть городской агломерации. Именно здесь находятся два университета, которые сделали этот район одним из главных интеллектуальных центров мира.

Кембридж сочетает академическую атмосферу, историческую архитектуру, современные исследовательские центры, книжные магазины и оживлённые площади, где одинаково легко встретить профессора, студента, музыканта или начинающего предпринимателя.

### Что посетить

**Harvard University**
Один из старейших и самых престижных университетов мира. Кампус открыт для прогулок и экскурсионных маршрутов.

**Harvard Square**
Сердце студенческой жизни с книжными магазинами, кафе, уличными музыкантами и многочисленными ресторанами.

**Massachusetts Institute of Technology (MIT)**
Всемирно известный технологический университет, вокруг которого сосредоточены исследовательские лаборатории, стартапы и инновационные компании.

**Charles River Esplanade**
Набережная вдоль реки Чарльз с велосипедными дорожками, лодочными станциями и прекрасными видами на городской пейзаж.

**Kendall Square**
Один из крупнейших мировых центров науки и высоких технологий. Здесь расположены офисы IT-компаний, биотехнологических стартапов и исследовательских институтов.

### Атмосфера района

• студенты со всего мира;

• университетские кампусы;

• научные лаборатории;

• книжные магазины;

• кофейни для работы и учёбы;

• инновационные компании и стартапы.

0

Страница: 1

Вы здесь » noctra » Тестовый форум » путеводитель

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