High Quality
We are the leading firm by delivering quality and value to our clients. All our professionals have more than 5 years of legal experiences. We like what we do.
Good Support
Our managers are always ready to answer your questions. You can call us at the weekends and at night. Also you can visit our office for personal consultation.
Individual Approach
Our company works according to the principle of individual approach to every client. This method lets us to get success in problems of all levels.
Data Structuring
In today's digital environment, devices and consumers are creating an expo nentially growing volume of data.
Product Development
Our experience design arm, method, helps businesses connect the dots between their products.
Content Engineering
In today's digital environment, devices and consumers are creating an expo nentially growing volume of data.

Как сделать разноцветный аккордеон в Tilda

Как выполнили данный пример:

1. Создали блок Текстовый блок - ТХ16N
2. Добавили стиль на страницу в блок ДРУГОЕ►Т123
<style type=text/css>
div[data-record-type="585"] {
/*Задали фоновое изображение для блока с фильтром*/ 
 background-image: linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(https://genomed.ru/tpl/landings/nipt/img/calculator.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    
}
/*Задали цвет и отступы в заголовочной секции*/ 
.t585__header {
    background: rgba(255,255,255,0.2);
    padding: 27px 50px 27px 15px !important;
}
/*Задали цвет и отступы в описательной секции*/ 
.t585__textwrapper {
    background: #fff;
    padding: 15px 15px 20px !important;
}
/*Задали фон градиентом в открытом состоянии для заголовочной секции*/ 
.t585__header.t585__opened {
    background: linear-gradient(to right, #d53640 0%,#d86227 100%);
}
/*Задали фон градиентом при наведении на заголовочную секцию*/ 
.t585__header:hover{
    background: linear-gradient(to right, #d53640 0%,#d86227 100%);
}
/*Правый отступ для иконки закрытия*/ 
.t585__icon {
    right: 10px !important;
}
</style>  
Made on
Tilda