Book design
Book design is the art of incorporating the content, style, format, design, and sequence of the various components of a book into a coherent whole. In the words of Jan Tschichold, "methods and rules upon which it is impossible to improve, have been developed over centuries. To produce perfect books, these rules have to be brought back to life and applied."

Front matter, or preliminaries, is the first section of a book and is usually the smallest section in terms of the number of pages. Each page is counted, but no folio or page number is expressed or printed, on either display pages or blank pages.
Инструкция

1. Перенести кнопку для открытия видео и формы в отдельный zero block (всю полосу с фразой).
2. Добавить на страницу плейлист и задать фоновый цвет блоку, а также добавить все нужные цвета (как я заполнила все - ниже)
3. В коде уже есть значения размера текста и шрифт, первые два поля я сделала на случай, если размер текста изменится. Заполнять из не обязательно.
4. Вставить в поле id zero блока с кнопкой, во второе поле через запятую перечислить id блоков, которые нужно скрывать.
5. Скопировать код и вставить в блок T123

Если не работает
  1. Проверить все ID, открыть консоль (ctrl + shift + i => Console), проверить ошибки. Они будут красные. 
  2. Скинуть мне ссылку на страницу, на которой размещено решение

 <!--Video style-->
<!--Code by fedyaeva-->
<style>
    :root {--main-color: #353E7C;--main-size: 24px;--main-font: 'Montserrat';}
    .accordion__title {position: relative; cursor: pointer;}
    .t937__title-wrap,.t937__playlist-number{display:none}.t937__playlist{display:flex;flex-direction:column;padding:45px 60px 0 30px!important}.t937__playlist-wrap{border-color:var(--main-color)}.t937__playlist-title{margin:0!important}.t937__playlist-link{padding:17px 8px}.t937__playlist-link,.t937__playlist-time{font-size:var(--main-size);font-family:var(--main-font),sans-serif}.t937__playlist-link_active .t937__playlist-title,.t937__playlist-link_active .t937__playlist-time,.t937__playlist-link:hover .t937__playlist-title,.t937__playlist-link:hover .t937__playlist-time{color:var(--main-color)!important}.t937__col_playlist{padding:42px 16px;background-color:var(--main-color)}.t937__video{display:flex;justify-content:center;align-items:stretch;height:100%;overflow:hidden}.t937__video-frame{height:100%}@media (max-width:960px){.t937__col_video{padding:0!important}.t937__playlist {padding: 0px 20px 0 10px!important;}.t937__playlist-link, .t937__playlist-time {font-size: 20px;}}.t937__playlist-wrap{scrollbar-width:7px}.t937__playlist-wrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:transparent;border-right:1px solid #6E749F}.t937__playlist-wrap::-webkit-scrollbar{width:7px;background-color:transparent}.t937__playlist-wrap::-webkit-scrollbar-thumb{background-color:#6E749F;height:40px}
</style>
<script>
document.addEventListener("DOMContentLoaded",function(){
const accordionContent = [
    {title: "#rec418303921", content: '#rec418242248, #rec418306667'}
];
let wrapper,contentWrapper;for(let i=0;i<accordionContent.length;i+=1){let titleID=accordionContent[i].title,contentID=accordionContent[i].content;let titleBlock,contentBlock;wrapper=document.createElement('div');wrapper.setAttribute('class','accordion__item');contentWrapper=document.createElement('div');contentWrapper.setAttribute('class','accordion__content');titleBlock=document.querySelector(titleID);titleBlock.classList.add('accordion__title');titleBlock.parentNode.insertBefore(wrapper,titleBlock);wrapper.appendChild(titleBlock);contentBlock=document.querySelectorAll(contentID);contentBlock.forEach((el)=>contentWrapper.appendChild(el));wrapper.appendChild(contentWrapper)}
let accordionTitle=document.querySelectorAll('.accordion__title');let accordionContentBlock=document.querySelectorAll('.accordion__content');setTimeout(function(){$(".accordion__content").slideUp()},400);accordionTitle.forEach((el)=>{el.addEventListener('click',function(){$(this).next('.accordion__content').slideToggle("slow");var leg=$('.t937__video-frame').attr("src");$('.t937__video-frame').attr("src",leg)})})
});
</script>
Open
Made on
Tilda