[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]
- Подпись автора
мы друг для друга давно стали как зеркала

видеть тебя и все чаще себя узнавать