box box

Объявление

george iris toto christian
я сбитый летчик, меня достали!
sofia кажется, ей пора прекращать заниматься благотворительностью. читайте: верить в то, что существуют нормальные особи мужского пола. она каким-то чудом подавляет в себе тяжёлый, полный внутренней обречённости вздох. читать далее

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

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


Вы здесь » box box » paddock club » открытый паддок: акции и бонусы


открытый паддок: акции и бонусы

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

1

[html]<style>
.start-grid {
  width: 560px;
  margin: 20px auto;
  background: #d8d8d8;
  border: 1px solid #b8b8b8;
  font-family: Arial, sans-serif;
  color: #252525;
  box-sizing: border-box;
  overflow: hidden;
}

.start-grid * {
  box-sizing: border-box;
}

.start-grid-head {
  background: #242424;
  padding: 18px 22px;
  border-bottom: 6px solid #2d86a3;
}

.start-grid-title {
  font-family: Impact, 'Arial Narrow', sans-serif;
  font-size: 34px;
  line-height: 34px;
  text-transform: uppercase;
  color: #f1f1f1;
  letter-spacing: 1px;
}

.start-grid-title span {
  color: #d59b45;
}

.start-grid-sub {
  margin-top: 6px;
  color: #cfcfcf;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}

.start-grid-body {
  padding: 18px 22px 20px;
}

.start-grid-text {
  background: #eeeeee;
  border-left: 7px solid #d59b45;
  padding: 13px 15px;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}

.start-grid-text b {
  color: #1f718c;
}

.start-grid-bonus {
  display: flex;
  gap: 7px;
  margin-top: 14px;
}

.start-grid-bonus span {
  flex: 1;
  background: #252525;
  color: #eeeeee;
  padding: 8px 6px;
  text-align: center;
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.start-grid-bonus b {
  color: #d59b45;
}

.start-grid-note {
  margin-top: 14px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #444;
  text-transform: lowercase;
}

.start-grid-note b {
  color: #b36f12;
}
</style>

<section class="start-grid">
  <div class="start-grid-head">
    <div class="start-grid-title">открытый <span>паддок</span></div>
    <div class="start-grid-sub">акции, бонусы и роли, которым мы особенно рады</div>
  </div>

  <div class="start-grid-body">
    <div class="start-grid-text">
     в этой теме собраны актуальные акции для новых персонажей: роли, категории и сюжетные направления.
      <br><br>
      если вы не знаете, кем прийти, то здесь можно найти направление, вайб и получить <b>бонусы на старте</b>, выбрав персонажа под активную движуху и сразу понять, куда его встроить  https://i.ibb.co/d43FDbfZ/Flow-97-1x-25fps.gif
    </div>

    <div class="start-grid-bonus">
      <span><b>бонусы</b><br></span>
      <span><b>лайт анкеты </b><br></span>
      <span><b>сразу в игру</b><br></span>
    </div>

    <div class="start-grid-note">
      следите за обновлениями: акции могут меняться, закрываться и появляться снова
    </div>
  </div>
</section>[/html]

+5

2

[html]<style>
.pilot-act {
  width: 690px;
  margin: 20px auto;
  background: #d8d8d8;
  border: 1px solid #b9b9b9;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
  color: #242424;
  position: relative;
  overflow: hidden;
}

.pilot-act * {
  box-sizing: border-box;
}

.pilot-head {
  width: 100%;
  background: #111;
  border-bottom: 6px solid #252525;
  line-height: 0;
}

.pilot-head img {
  display: block;
  width: 100%;
  height: auto;
}

.pilot-body {
  padding: 20px 24px 24px;
}

.pilot-lead {
  background: #eeeeee;
  border-left: 8px solid #b63a31;
  padding: 14px 16px;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
  margin-bottom: 16px;
}

.pilot-lead b {
  color: #9f2f28;
}

.pilot-bonus {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 15px 0 20px;
}

.pilot-bonus div {
  background: #252525;
  color: #eee;
  text-align: center;
  padding: 9px 6px;
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
  letter-spacing: .6px;
}

.pilot-bonus b {
  display: block;
  color: #d59b45;
  font-size: 14px;
  margin-bottom: 3px;
}

.pilot-vs {
  display: grid;
  grid-template-columns: 1fr 42px 1fr;
  gap: 10px;
  align-items: stretch;
  margin: 16px 0;
}

.pilot-card {
  background: #eeeeee;
  border-top: 6px solid #b63a31;
  padding: 14px;
  min-height: 260px;
}

.pilot-card.right {
  border-top-color: #d59b45;
}

.pilot-name {
  font-family: Impact, 'Arial Narrow', sans-serif;
  font-size: 25px;
  line-height: 25px;
  text-transform: uppercase;
  color: #222;
  margin-bottom: 5px;
}

.pilot-name span {
  color: #b63a31;
}

.pilot-card.right .pilot-name span {
  color: #c68122;
}

.pilot-type {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #777;
  border-bottom: 1px solid #ccc;
  padding-bottom: 7px;
  margin-bottom: 9px;
}

.pilot-text {
  font-size: 11px;
  line-height: 16px;
  text-align: justify;
}

.pilot-text b {
  color: #9f2f28;
}

.pilot-card.right .pilot-text b {
  color: #b36f12;
}

.pilot-vs-center {
  background: #252525;
  color: #fff;
  font-family: Impact, 'Arial Narrow', sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  letter-spacing: 2px;
}

.pilot-conflict {
  background: #252525;
  color: #e7e7e7;
  padding: 16px 18px;
  margin-top: 18px;
  border-left: 8px solid #d59b45;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}

.pilot-conflict b {
  color: #d59b45;
}

.pilot-roles {
  margin-top: 18px;
  background: #eeeeee;
  padding: 15px 16px 12px;
}

.pilot-h {
  font-family: Impact, 'Arial Narrow', sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  color: #222;
  margin-bottom: 10px;
}

.pilot-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.pilot-list span {
  background: #b63a31;
  color: #fff;
  padding: 6px 9px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.pilot-list span:nth-child(2n) {
  background: #252525;
}

.pilot-list span:nth-child(3n) {
  background: #c68122;
}

.pilot-note {
  margin-top: 16px;
  font-size: 11px;
  line-height: 17px;
  text-align: justify;
  color: #333;
}

.pilot-note b {
  color: #9f2f28;
}

.pilot-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 18px;
}

.pilot-small {
  background: #eeeeee;
  padding: 13px 14px;
  border-top: 5px solid #252525;
  font-size: 11px;
  line-height: 16px;
  text-align: justify;
}

.pilot-small b {
  color: #9f2f28;
}

.pilot-small:nth-child(2) {
  border-top-color: #d59b45;
}

.pilot-small:nth-child(2) b {
  color: #b36f12;
}

.pilot-footer {
  margin-top: 18px;
  background: #cfcfcf;
  border-top: 1px solid #b7b7b7;
  padding: 13px 16px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  text-transform: lowercase;
}

.pilot-footer b {
  color: #b36f12;
}
</style>

<section class="pilot-act">

  <div class="pilot-head">
    <img src="https://upforme.ru/uploads/001c/b7/5d/3/t772925.png" alt="пилоты">
  </div>

  <div class="pilot-body">

    <div class="pilot-lead">
      Мы открываем упрощенный набор персонажей-пилотов для разных серий и уровней: от молодых талантов, которые только рвутся наверх, до опытных гонщиков, переживших провалы, травмы, скандалы, увольнения, смену дисциплины или возвращение после паузы.
      <br><br>
      *за заявки по этой акции также можно получить<b> 100 миль</b>.
    </div>

    <div class="pilot-bonus">
      <div><b>150</b>миль на старте</div>
      <div><b>lite</b>анкета мемом/плейлистом</div>
      <div><b>unique</b>оформление профиля</div>
    </div>

    <div class="pilot-vs">

      <div class="pilot-card">
        <div class="pilot-name">next <span>gen</span></div>
        <div class="pilot-type">молодые таланты / путь наверх</div>
        <div class="pilot-text">
          <b>Next Gen</b> - это пилоты, которые еще не успели стать легендами, зато уже успели всем надоесть своим потенциалом. Их ведут менеджеры, за ними следят академии, их сравнивают с чемпионами, им пророчат место в топ-команде и одновременно напоминают, что таких "будущих великих" в паддоке каждый сезон появляется по пять штук.
          <br><br>
          Это истории про юниорские серии, F2/F3, резервы, тесты, первые контракты, семейные деньги или их отсутствие, давление ожиданий, борьбу за место, ошибки новичков, первые отголоски славы и страх, что твой главный шанс уже уходит к кому-то другому.
        </div>
      </div>

      <div class="pilot-vs-center">vs</div>

      <div class="pilot-card right">
        <div class="pilot-name">last <span>lap</span></div>
        <div class="pilot-type">опытные пилоты / камбэки / смена серии</div>
        <div class="pilot-text">
          <b>Last Lap</b> - это гонщики, которые уже знают, что талант не спасает от плохой машины, травмы, политики команды, неудачного контракта и одного идиотского решения на мокрой трассе. Кто-то возвращается после провала, кто-то меняет серию, кто-то цепляется за карьеру, а кто-то делает вид, что ему все равно, хотя внутри там пожар, эвакуируйте инженеров.
          <br><br>
          Это истории про бывших звезд, вторые шансы, GT, NASCAR, endurance, тест-пилотов, ветеранов, уволенных из больших команд, гонщиков после травм, тех, кто устал быть запасным, и тех, кто слишком упрямый, чтобы уйти.
        </div>
      </div>

    </div>

    <div class="pilot-roles">
      <div class="pilot-h">кого можно взять?</div>
      <div class="pilot-list">
        <span>пилот f1</span>
        <span>пилот f2</span>
        <span>пилот f3</span>
        <span>резервист</span>
        <span>тест-пилот</span>
        <span>академист</span>
        <span>gt-пилот</span>
        <span>endurance</span>
        <span>nascar</span>
        <span>инди</span>
        <span>картинг-звезда</span>
        <span>бывший чемпион</span>
        <span>пилот после травмы</span>
        <span>пилот без контракта</span>
        <span>pay driver</span>
        <span>любимчик прессы</span>
        <span>проблемный талант</span>
        <span>темная лошадка</span>
      </div>
    </div>
  </div>
</section>[/html]

[hideprofile]

Подпись автора

мы друг для друга давно стали как зеркала
https://upforme.ru/uploads/001c/b7/5d/3/t52214.gif https://upforme.ru/uploads/001c/b7/5d/3/t655340.gif
видеть тебя и все чаще себя узнавать

+7

3

[hideprofile][html]
<style>
.people-act {
  width: 690px;
  margin: 20px auto;
  background: #e5e2dc;
  border: 1px solid #c8c3b8;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
  color: #242424;
  position: relative;
  overflow: hidden;
}

.people-act * {
  box-sizing: border-box;
}

.people-head {
  width: 100%;
  background: #1f2f3a;
  border-bottom: 6px solid #6f9186;
  line-height: 0;
}

.people-head img {
  display: block;
  width: 100%;
  height: auto;
}

.people-body {
  padding: 20px 24px 24px;
}

.people-lead {
  background: #f3f1eb;
  border-left: 8px solid #6f9186;
  padding: 14px 16px;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
  margin-bottom: 16px;
}

.people-lead b {
  color: #2f4f5f;
}

.people-bonus {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 15px 0 20px;
}

.people-bonus div {
  background: #2f4f5f;
  color: #f4f1e8;
  text-align: center;
  padding: 9px 6px;
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
  letter-spacing: .6px;
}

.people-bonus b {
  display: block;
  color: #d6bf8e;
  font-size: 14px;
  margin-bottom: 3px;
}

.people-vs {
  display: grid;
  grid-template-columns: 1fr 42px 1fr;
  gap: 10px;
  align-items: stretch;
  margin: 16px 0;
}

.people-card {
  background: #f3f1eb;
  border-top: 6px solid #6f9186;
  padding: 14px;
  min-height: 250px;
}

.people-card.right {
  border-top-color: #d6bf8e;
}

.people-name {
  font-family: Impact, 'Arial Narrow', sans-serif;
  font-size: 25px;
  line-height: 25px;
  text-transform: uppercase;
  color: #1f2f3a;
  margin-bottom: 5px;
}

.people-name span {
  color: #6f9186;
}

.people-card.right .people-name span {
  color: #b08c45;
}

.people-type {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #777;
  border-bottom: 1px solid #d0cbc1;
  padding-bottom: 7px;
  margin-bottom: 9px;
}

.people-text {
  font-size: 11px;
  line-height: 16px;
  text-align: justify;
}

.people-text b {
  color: #2f4f5f;
}

.people-card.right .people-text b {
  color: #9b7532;
}

.people-vs-center {
  background: #2f4f5f;
  color: #fff;
  font-family: Impact, 'Arial Narrow', sans-serif;
  font-size: 21px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  letter-spacing: 2px;
}

.people-conflict {
  background: #2f4f5f;
  color: #f4f1e8;
  padding: 16px 18px;
  margin-top: 18px;
  border-left: 8px solid #d6bf8e;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}

.people-conflict b {
  color: #d6bf8e;
}

.people-roles {
  margin-top: 18px;
  background: #f3f1eb;
  padding: 15px 16px 12px;
}

.people-h {
  font-family: Impact, 'Arial Narrow', sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  color: #1f2f3a;
  margin-bottom: 10px;
}

.people-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.people-list span {
  background: #6f9186;
  color: #fff;
  padding: 6px 9px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.people-list span:nth-child(2n) {
  background: #2f4f5f;
}

.people-list span:nth-child(3n) {
  background: #b08c45;
}

.people-note {
  margin-top: 16px;
  font-size: 11px;
  line-height: 17px;
  text-align: justify;
  color: #333;
}

.people-note b {
  color: #2f4f5f;
}

.people-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 18px;
}

.people-small {
  background: #f3f1eb;
  padding: 13px 14px;
  border-top: 5px solid #6f9186;
  font-size: 11px;
  line-height: 16px;
  text-align: justify;
}

.people-small b {
  color: #2f4f5f;
}

.people-small:nth-child(2) {
  border-top-color: #d6bf8e;
}

.people-small:nth-child(2) b {
  color: #9b7532;
}

.people-footer {
  margin-top: 18px;
  background: #d6d1c7;
  border-top: 1px solid #beb8ac;
  padding: 13px 16px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  text-transform: lowercase;
}

.people-footer b {
  color: #2f4f5f;
}
</style>

<section class="people-act">

  <div class="people-head">
    <img src="https://upforme.ru/uploads/001c/b7/5d/3/t902044.png" alt="ordinary people">
  </div>

  <div class="people-body">

    <div class="people-lead">
      BOX BOX  — это не только пилоты и команды, но и обычные люди: менеджеры, врачи, психологи, юристы, банкиры, журналисты, ассистенты, родственники, друзья, бывшие и просто те, кто живет рядом.

      <br><br>
      <b>*за заявки по этой акции также можно получить 150 миль.</b>
    </div>

    <div class="people-bonus">
      <div><b>300</b>миль на старте</div>
      <div><b>lite</b>анкета мемом/плейлистом</div>
      <div><b>unique</b>оформление профиля</div>
    </div>

    <div class="people-vs">

      <div class="people-card">
        <div class="people-name">paddock <span>work</span></div>
        <div class="people-type">работа рядом с гонками</div>
        <div class="people-text">
          <b>Paddock Work</b> — это персонажи, которые работают рядом с автоспортом. Они могут быть менеджерами пилотов, агентами, врачами, психологами, юристами, PR-специалистами, пресс-атташе, ассистентами или людьми из спонсорских отделов.
         
        </div>
      </div>

      <div class="people-vs-center">life</div>

      <div class="people-card right">
        <div class="people-name">real <span>life</span></div>
        <div class="people-type">обычная жизнь вне трассы</div>
        <div class="people-text">
          <b>Real Life</b> — это люди, которые могут вообще не работать в Формуле. Банкир из Монако, врач из частной клиники Швейцарии, журналист, фотограф, владелец кафе в Италии, сосед, преподаватель, друг детства, бывший партнер или родственник пилота.
           
        </div>
      </div>

    </div>

    <div class="people-conflict">
      <b>Зачем это нужно?</b> Такие персонажи дают больше личных сюжетов и помогают раскрывать мир за пределами гаража.
    </div>

    <div class="people-roles">
      <div class="people-h">кого можно взять?</div>
      <div class="people-list">
        <span>менеджер пилота</span>
        <span>спортивный агент</span>
        <span>психолог</span>
        <span>врач</span>
        <span>врач команды</span>
        <span>физиотерапевт</span>
        <span>реабилитолог</span>
        <span>юрист</span>
        <span>банкир</span>
        <span>финансовый консультант</span>
        <span>pr-специалист</span>
        <span>пресс-атташе</span>
        <span>журналист</span>
        <span>фотограф</span>
        <span>стилист</span>
        <span>переводчик</span>
        <span>ассистент</span>
        <span>личный водитель</span>
        <span>владелец бизнеса</span>
        <span>спонсор</span>
        <span>отельный менеджер</span>
        <span>бариста</span>
        <span>шеф-повар</span>
        <span>преподаватель</span>
        <span>родственник пилота</span>
        <span>бывший партнер</span>
        <span>друг детства</span>
        <span>сосед</span>
        <span>человек из прошлого</span>
      </div>
    </div>

   

    <div class="people-note">
      <b>Важно:</b> персонаж по этой акции не обязан быть известным, богатым или связанным с гонками. Это может быть обычный человек с обычной профессией.
    </div>

  </div>
</section>[/html]

[hideprofile]

Подпись автора

мы друг для друга давно стали как зеркала
https://upforme.ru/uploads/001c/b7/5d/3/t52214.gif https://upforme.ru/uploads/001c/b7/5d/3/t655340.gif
видеть тебя и все чаще себя узнавать

+4

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»



Вы здесь » box box » paddock club » открытый паддок: акции и бонусы