Здесь делается вжух

who is next?

Объявление

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

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

Вы здесь » who is next? » Open the door » новости

новости

Страница: 1
Ответить

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

1

  • Автор: hr
  • Администратор
  • hr
  • Сообщений: 10
  • Уважение: +11

[html]
<style>
  .news {
    width: 552px;
    height: 407px;
    background: #FFF;
    border-radius: 40px;
    position: relative;
    display: flex;
border:12px solid #A31313; margin:0 auto;
  }

.grid-container {
            display: grid;
            grid-template-columns: 90px 1fr;
            grid-template-rows: 90px auto; 
            gap: 15px;
            width: 100%;
            padding: 40px 51.5px;
            border-radius: 12px;
        }

        .image-block {
            grid-column: 1 / 2;
            grid-row: 1 / 2; 
            width: 90px;
            height: 90px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #888;
        }

        .image-block img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
border:2px solid #A31313;border-radius: 19px;
        }

        .text-block {
            grid-column: 2 / 3; 
            grid-row: 1 / 2; 
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 5px;
        }

        .text-block .line1 {
            font-size: 32px;
    font-weight: 700;
    color: #000;
    letter-spacing: -1px;
    line-height: 32px;
   width: 250px;
   text-align:left;
        }

        .text-block .line2 {
            background: #A1A2A1;
    color: #fff;
    font-size: 9px;
    line-height: 14px;
    padding: 0 10px;
    border-radius: 14px;
    width: fit-content;
    font-weight: 500;
        }

        .highlight-block {
            grid-column: 1 / 3;
            grid-row: 2 / 3; 
            background: #EAEAEA;
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
            padding: 14px 18px;
            border-radius: 23px;
            font-size: 10px;
            line-height: 1.4;
            color: #000;
height:184px;
overflow-y: auto;z-index: 2;
        }
  .highlight-block p { padding: 0 10px!important;  font-size: 10px; color: #000;border-left: 3px solid #A31313;}
.card__photo {
    position: absolute;
    top: 65px;
    right: 25px;
    width: 136px;
    height: 172px;
    background: url('https://upforme.ru/uploads/0017/55/b9/2/767469.png') center no-repeat;
    z-index: 1;
  }
</style>

  <div class="news">

<div class="grid-container">
        <div class="image-block">
            <img src="https://upforme.ru/uploads/001c/c4/b6/2/t332764.png">
        </div>

        <div class="text-block">
            <span class="line1">NEWS #1</span>
            <span class="line2">Для тех, кто интересуется и ждет</span>
        </div><div class="card__photo"></div>

        <div class="highlight-block">

<p>

всем привет!<br>
<br>
мы решили выйти на связь, чтобы вы были в курсе событий.<br>
нас уже семь человек. мы учимся работать вместе, выносим на обсуждение любой спорный момент, и мнение каждого важно. нас объединяет то, что мы хотим создать место, где будет комфортно и интересно всем. а еще нам очень хочется, чтобы будущий проект стал чем-то новым, глотком свежего воздуха, который так всем нам нужен.
работа идет полным ходом, но мы понимаем, что торопиться нельзя, чтобы учесть и проработать все, поэтому пока не можем объявить конкретные сроки. но постараемся регулярно писать вам о статусе.<br>
<br>
также хотим обратить внимание, что набор в команду еще открыт, и мы будем рады активным и инициативным людям, которые присоединятся к нам на этом пути и станут частью проекта.

</p>

        </div>
    </div>
  </div>

[/html]

+4

2

[html]
<style>
  .news {
    width: 552px;
    height: 407px;
    background: #FFF;
    border-radius: 40px;
    position: relative;
    display: flex;
border:12px solid #A31313; margin:0 auto;
  }

.grid-container {
            display: grid;
            grid-template-columns: 90px 1fr;
            grid-template-rows: 90px auto; 
            gap: 15px;
            width: 100%;
            padding: 40px 51.5px;
            border-radius: 12px;
        }

        .image-block {
            grid-column: 1 / 2;
            grid-row: 1 / 2; 
            width: 90px;
            height: 90px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #888;
        }

        .image-block img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
border:2px solid #A31313;border-radius: 19px;
        }

        .text-block {
            grid-column: 2 / 3; 
            grid-row: 1 / 2; 
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 5px;
        }

        .text-block .line1 {
            font-size: 32px;
    font-weight: 700;
    color: #000;
    letter-spacing: -1px;
    line-height: 32px;
   width: 250px;
   text-align:left;
        }

        .text-block .line2 {
            background: #A1A2A1;
    color: #fff;
    font-size: 9px;
    line-height: 14px;
    padding: 0 10px;
    border-radius: 14px;
    width: fit-content;
    font-weight: 500;
        }

        .highlight-block {
            grid-column: 1 / 3;
            grid-row: 2 / 3; 
            background: #EAEAEA;
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
            padding: 14px 18px;
            border-radius: 23px;
            font-size: 10px;
            line-height: 1.4;
            color: #000;
height:184px;
overflow-y: auto;z-index: 2;
        }
  .highlight-block p { padding: 0 10px!important;  font-size: 10px; color: #000;border-left: 3px solid #A31313;}
.card__photo {
    position: absolute;
    top: 65px;
    left: 175px;
    width: 100%;
    height: 172px;
    background: url('https://upforme.ru/uploads/0017/55/b9/2/767469.png') center no-repeat;
    z-index: 1;
  }
</style>

  <div class="news">

<div class="grid-container">
        <div class="image-block">
            <img src="https://i.pinimg.com/736x/05/44/9c/05449c999329049980075915d1b20caa.jpg">
        </div>

        <div class="text-block">
            <span class="line1">NEWS #2</span>
            <span class="line2">Скучали?</span>
        </div><div class="card__photo"></div>

        <div class="highlight-block">

<p>

приветик~ <br>
<br>
несу вам новости о том, что мы полностью собрали нашу команду и активно готовимся к открытию. <br>
большая часть работы уже сделана - дизайн готов и почти всё уже стоит на кодах, конкурсы написаны, развлечения придуманы. <br>
совсем скоро мы всё закончим и откроем для вас свои двери. пока без точных дат и бронирования внешностей, но обещаю, что затягивать с открытием мы не будем. <br><br>
до скорых встреч!

</p>

        </div>
    </div>
  </div>

[/html]

+4

3

  • Автор: no labels
  • Администратор
  • no labels
  • Сообщений: 338
  • Уважение: +3

[html]
<style>
  .news {
    width: 552px;
    height: 407px;
    background: #FFF;
    border-radius: 40px;
    position: relative;
    display: flex;
border:12px solid #A31313; margin:0 auto;
  }

.grid-container {
            display: grid;
            grid-template-columns: 90px 1fr;
            grid-template-rows: 90px auto; 
            gap: 15px;
            width: 100%;
            padding: 40px 51.5px;
            border-radius: 12px;
        }

        .image-block {
            grid-column: 1 / 2;
            grid-row: 1 / 2; 
            width: 90px;
            height: 90px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #888;
        }

        .image-block img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
border:2px solid #A31313;border-radius: 19px;
        }

        .text-block {
            grid-column: 2 / 3; 
            grid-row: 1 / 2; 
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 5px;
        }

        .text-block .line1 {
            font-size: 32px;
    font-weight: 700;
    color: #000;
    letter-spacing: -1px;
    line-height: 32px;
   width: 250px;
   text-align:left;
        }

        .text-block .line2 {
            background: #A1A2A1;
    color: #fff;
    font-size: 9px;
    line-height: 14px;
    padding: 0 10px;
    border-radius: 14px;
    width: fit-content;
    font-weight: 500;
        }

        .highlight-block {
            grid-column: 1 / 3;
            grid-row: 2 / 3; 
            background: #EAEAEA;
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
            padding: 14px 18px;
            border-radius: 23px;
            font-size: 10px;
            line-height: 1.4;
            color: #000;
height:184px;
overflow-y: auto;z-index: 2;
        }
  .highlight-block p { padding: 0 10px!important;  font-size: 10px; color: #000;border-left: 3px solid #A31313;}
.card__photo {
    position: absolute;
    top: 65px;
    left: 175px;
    width: 100%;
    height: 172px;
    background: url('https://upforme.ru/uploads/0017/55/b9/2/767469.png') center no-repeat;
    z-index: 1;
  }
</style>

  <div class="news">

<div class="grid-container">
        <div class="image-block">
            <img src="https://upforme.ru/uploads/001b/59/7c/2/361564.png">
        </div>

        <div class="text-block">
            <span class="line1">NEWS #3</span>
            <span class="line2">Интервью?</span>
        </div><div class="card__photo"></div>

        <div class="highlight-block">

<p>
: Господин W, ответьте на пару вопросов!
<br>: Господин W, мы знаем, что вы задумали что-то грандиозное, но намекните хотя бы немного...
<br>: Господин W, это правда, что...
<br>
<br><i>Бархатный смех прозвучал в шумной толпе тихо, но этого было достаточно для того, чтобы все успокоились и замолчали в предвкушении какой-либо информации. Все эти люди слишком долго ждали, чтобы снова уйти без ответов. И они не уйдут... Господин в дорогом костюме наконец поднял на них свой взгляд и поприветствовал словно старых и родных друзей, его голос звучал уверенно и отчетливо, он точно знал о чем говорит:</i>
<br>
<br>- Календарь уже давно перевернут, и вы, наверное, переживаете где же мы запропастились, почему не спешим к вам с новостями? Потому что наша команда трудится и днем, и ночью не покладая рук, чтобы открыться в срок. Да-да, вам не послышалось - в срок, так как официальная дата уже выбрана, но об этом немногим позже. Чшш, не волнуйтесь, ждать осталось совсем недолго, финальный отсчет начался... Так кто же будет следующим?

</p>

        </div>
    </div>
  </div>

[/html]

+2

4

  • Автор: hr
  • Администратор
  • hr
  • Сообщений: 10
  • Уважение: +11

[html]
<style>
  .news {
    width: 552px;
    height: 407px;
    background: #FFF;
    border-radius: 40px;
    position: relative;
    display: flex;
border:12px solid #A31313; margin:0 auto;
  }

.grid-container {
            display: grid;
            grid-template-columns: 90px 1fr;
            grid-template-rows: 90px auto; 
            gap: 15px;
            width: 100%;
            padding: 40px 51.5px;
            border-radius: 12px;
        }

        .image-block {
            grid-column: 1 / 2;
            grid-row: 1 / 2; 
            width: 90px;
            height: 90px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #888;
        }

        .image-block img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
border:2px solid #A31313;border-radius: 19px;
        }

        .text-block {
            grid-column: 2 / 3; 
            grid-row: 1 / 2; 
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 5px;
        }

        .text-block .line1 {
            font-size: 32px;
    font-weight: 700;
    color: #000;
    letter-spacing: -1px;
    line-height: 32px;
   width: 250px;
   text-align:left;
        }

        .text-block .line2 {
            background: #A1A2A1;
    color: #fff;
    font-size: 9px;
    line-height: 14px;
    padding: 0 10px;
    border-radius: 14px;
    width: fit-content;
    font-weight: 500;
        }

        .highlight-block {
            grid-column: 1 / 3;
            grid-row: 2 / 3; 
            background: #EAEAEA;
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
            padding: 14px 18px;
            border-radius: 23px;
            font-size: 10px;
            line-height: 1.4;
            color: #000;
height:184px;
overflow-y: auto;z-index: 2;
        }
  .highlight-block p { padding: 0 10px!important;  font-size: 10px; color: #000;border-left: 3px solid #A31313;}
.card__photo {
    position: absolute;
    top: 65px;
    left: 175px;
    width: 100%;
    height: 172px;
    background: url('https://upforme.ru/uploads/0017/55/b9/2/767469.png') center no-repeat;
    z-index: 1;
  }
</style>

  <div class="news">

<div class="grid-container">
        <div class="image-block">
            <img src="https://upforme.ru/uploads/001b/59/7c/2/361564.png">
        </div>

        <div class="text-block">
            <span class="line1">NEWS #4</span>
            <span class="line2">Вы готовы?</span>
        </div><div class="card__photo"></div>

        <div class="highlight-block">

<p>

<i>Финальные репетиции. Оттачивание каждого движения. Примерка костюма. Всё должно быть идеально. Ведь ты ждал этого так давно, ты шёл к этому ни один год. Сколько было пролито слёз и пота на репетициях, сколько было выслушано нелестных замечаний ради этого момента. И вот ты стоишь за кулисами и делаешь глубокий вздох. Вот он, момент твоего дебюта.</i>
<br>
<br>Мы рады сообщить, что финишная прямая уже совсем близко. Мы вносим последние штрихи, собираем воедино всё, над чем так долго работали, и готовимся распахнуть двери в нечто совершенно новое.
<br>
И сегодня, с замиранием сердца, мы наконец готовы назвать дату события, которого ждали не только мы.
<br>
<br>
13.09 - день, когда всё начнётся.
<br>
Мы уверены, что это открытие не оставит равнодушным никого. Поэтому доставайте шампанское, выбирайте свои самые эффектные аутфиты и готовьтесь ко встрече.
Вас ждёт море эмоций, особая атмосфера, о которой будут говорить ещё долго, новые знакомства, которые вполне могут изменить привычный ход событий. А для самых смелых - тех, кто не боится рискнуть, готов заявить о себе и стать частью нашего лейбла - приготовлено нечто большее.

</p>

        </div>
    </div>
  </div>

[/html]

+1

5

  • Автор: hr
  • Администратор
  • hr
  • Сообщений: 10
  • Уважение: +11

[html]
<style>
  .news {
    width: 552px;
    height: 407px;
    background: #FFF;
    border-radius: 40px;
    position: relative;
    display: flex;
border:12px solid #A31313; margin:0 auto;
  }

.grid-container {
            display: grid;
            grid-template-columns: 90px 1fr;
            grid-template-rows: 90px auto; 
            gap: 15px;
            width: 100%;
            padding: 40px 51.5px;
            border-radius: 12px;
        }

        .image-block {
            grid-column: 1 / 2;
            grid-row: 1 / 2; 
            width: 90px;
            height: 90px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #888;
        }

        .image-block img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
border:2px solid #A31313;border-radius: 19px;
        }

        .text-block {
            grid-column: 2 / 3; 
            grid-row: 1 / 2; 
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 5px;
        }

        .text-block .line1 {
            font-size: 32px;
    font-weight: 700;
    color: #000;
    letter-spacing: -1px;
    line-height: 32px;
   width: 250px;
   text-align:left;
        }

        .text-block .line2 {
            background: #A1A2A1;
    color: #fff;
    font-size: 9px;
    line-height: 14px;
    padding: 0 10px;
    border-radius: 14px;
    width: fit-content;
    font-weight: 500;
        }

        .highlight-block {
            grid-column: 1 / 3;
            grid-row: 2 / 3; 
            background: #EAEAEA;
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
            padding: 14px 18px;
            border-radius: 23px;
            font-size: 10px;
            line-height: 1.4;
            color: #000;
height:184px;
overflow-y: auto;z-index: 2;
        }
  .highlight-block p { padding: 0 10px!important;  font-size: 10px; color: #000;border-left: 3px solid #A31313;}
.card__photo {
    position: absolute;
    top: 65px;
    left: 175px;
    width: 100%;
    height: 172px;
    background: url('https://upforme.ru/uploads/0017/55/b9/2/767469.png') center no-repeat;
    z-index: 1;
  }
</style>

  <div class="news">

<div class="grid-container">
        <div class="image-block">
            <img src="https://upforme.ru/uploads/001b/59/7c/2/361564.png">
        </div>

        <div class="text-block">
            <span class="line1">NEWS #5</span>
            <span class="line2">Вы готовы?</span>
        </div><div class="card__photo"></div>

        <div class="highlight-block">

<p>
<br>
В связи с техническими проблемами на Quadro.Boards, которые задели администрирование форумов (новых форумов в большей степени), мы вынуждены перенести наше открытие. Ориентир, когда планируют починить, - завтра,  понедельник, так что, если все будет хорошо, наши двери для вас откроются уже завтра!
<br><br>
Следите за нашими новостями здесь, мы обязательно вам сообщим заранее, когда и во сколько стартанем. Спасибо, что ждете нас <3
<br><br>
</p>

        </div>
    </div>
  </div>

[/html]

0

6

  • Автор: hr
  • Администратор
  • hr
  • Сообщений: 10
  • Уважение: +11

[html]
<style>
  .news {
    width: 552px;
    height: 407px;
    background: #FFF;
    border-radius: 40px;
    position: relative;
    display: flex;
border:12px solid #A31313; margin:0 auto;
  }

.grid-container {
            display: grid;
            grid-template-columns: 90px 1fr;
            grid-template-rows: 90px auto; 
            gap: 15px;
            width: 100%;
            padding: 40px 51.5px;
            border-radius: 12px;
        }

        .image-block {
            grid-column: 1 / 2;
            grid-row: 1 / 2; 
            width: 90px;
            height: 90px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #888;
        }

        .image-block img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
border:2px solid #A31313;border-radius: 19px;
        }

        .text-block {
            grid-column: 2 / 3; 
            grid-row: 1 / 2; 
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 5px;
        }

        .text-block .line1 {
            font-size: 32px;
    font-weight: 700;
    color: #000;
    letter-spacing: -1px;
    line-height: 32px;
   width: 250px;
   text-align:left;
        }

        .text-block .line2 {
            background: #A1A2A1;
    color: #fff;
    font-size: 9px;
    line-height: 14px;
    padding: 0 10px;
    border-radius: 14px;
    width: fit-content;
    font-weight: 500;
        }

        .highlight-block {
            grid-column: 1 / 3;
            grid-row: 2 / 3; 
            background: #EAEAEA;
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
            padding: 14px 18px;
            border-radius: 23px;
            font-size: 10px;
            line-height: 1.4;
            color: #000;
height:184px;
overflow-y: auto;z-index: 2;
        }
  .highlight-block p { padding: 0 10px!important;  font-size: 10px; color: #000;border-left: 3px solid #A31313;}
.card__photo {
    position: absolute;
    top: 65px;
    left: 175px;
    width: 100%;
    height: 172px;
    background: url('https://upforme.ru/uploads/0017/55/b9/2/767469.png') center no-repeat;
    z-index: 1;
  }
</style>

  <div class="news">

<div class="grid-container">
        <div class="image-block">
            <img src="https://upforme.ru/uploads/001b/59/7c/2/361564.png">
        </div>

        <div class="text-block">
            <span class="line1">NEWS #6</span>
            <span class="line2">START</span>
        </div><div class="card__photo"></div>

        <div class="highlight-block">

<p>

Ура, дорогие трейни и их группы поддержки! Спешим сообщить, что все технические проблемы исправлены и мы спешим пригласить вас на торжественное открытие, которое состоится
<br>
<br>
14.09<br> с 18:00-19:00

<br>Спасибо, что вы остались с нами несмотря на все задержки. Будем очень ждать вас в гости с закусками и самыми вкусными напитками.<br> До встречи!
<br>
</p>

        </div>
    </div>
  </div>

[/html]

0

7

  • Автор: hr
  • Администратор
  • hr
  • Сообщений: 10
  • Уважение: +11

[html]
<style>
  .news {
    width: 552px;
    height: 407px;
    background: #FFF;
    border-radius: 40px;
    position: relative;
    display: flex;
border:12px solid #A31313; margin:0 auto;
  }

.grid-container {
            display: grid;
            grid-template-columns: 90px 1fr;
            grid-template-rows: 90px auto; 
            gap: 15px;
            width: 100%;
            padding: 40px 51.5px;
            border-radius: 12px;
        }

        .image-block {
            grid-column: 1 / 2;
            grid-row: 1 / 2; 
            width: 90px;
            height: 90px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #888;
        }

        .image-block img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
border:2px solid #A31313;border-radius: 19px;
        }

        .text-block {
            grid-column: 2 / 3; 
            grid-row: 1 / 2; 
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 5px;
        }

        .text-block .line1 {
            font-size: 32px;
    font-weight: 700;
    color: #000;
    letter-spacing: -1px;
    line-height: 32px;
   width: 250px;
   text-align:left;
        }

        .text-block .line2 {
            background: #A1A2A1;
    color: #fff;
    font-size: 9px;
    line-height: 14px;
    padding: 0 10px;
    border-radius: 14px;
    width: fit-content;
    font-weight: 500;
        }

        .highlight-block {
            grid-column: 1 / 3;
            grid-row: 2 / 3; 
            background: #EAEAEA;
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
            padding: 14px 18px;
            border-radius: 23px;
            font-size: 10px;
            line-height: 1.4;
            color: #000;
height:184px;
overflow-y: auto;z-index: 2;
        }
  .highlight-block p { padding: 0 10px!important;  font-size: 10px; color: #000;border-left: 3px solid #A31313;}
.card__photo {
    position: absolute;
    top: 65px;
    left: 175px;
    width: 100%;
    height: 172px;
    background: url('https://upforme.ru/uploads/0017/55/b9/2/767469.png') center no-repeat;
    z-index: 1;
  }
</style>

  <div class="news">

<div class="grid-container">
        <div class="image-block">
            <img src="https://upforme.ru/uploads/001b/59/7c/2/361564.png">
        </div>

        <div class="text-block">
            <span class="line1">START!</span>
            <span class="line2">NOW</span>
        </div><div class="card__photo"></div>

        <div class="highlight-block">

<p>
<br><br>
Мы готовы. А вы?
<br>
<br>
<a href="https://wolfgang.rusff.me">Wolfgang label</a>

<br>
Ждем вас <3
<br><br><br>
</p>

        </div>
    </div>
  </div>

[/html]

+1

Ответить
Страница: 1

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

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


Вы здесь » who is next? » Open the door » новости

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