ТАБЫ В ЗЕРО БЛОКЕ

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.
MASTELLO BATHTUB2
DESIGN MARIO FERRARINI
“Mastello” in Italian is an old wooden tub used in the past for bathing. The name of the new product immediately recalls the ritual of bathing in an era in which running water was truly a luxury. An object that became a "place " because the Mastello
Conference Program
Tuesday, March 14
08:00 – 09:00
08:00 – 09:00
Lynda Stone
Project manager in Pixels
Self-development in design and revolutions in the minds of the early 20s.
09:00 – 10:00
09:00 – 10:00
Tara Black
Creative director in DD agency
Crowdsourcing in graphic design startups
VIBRO TAPS
DESIGN AL STUDIO
Small details that make the difference, balanced geometry and measured proportions that become synthesis of thought before the project.
НОМЕР ШАБЛОНА 21540926
КАК ЭТО СДЕЛАНО:
1-Создайте кнопки и присвойте каждой класс .tab-btn
2 - Присвойте ссылки для каждой из кнопок #tab1, #tab2, #tab3, #tab4 и так далее (хоть до ста)
3 - Создайте зеро блоки, наполните их контентом и присвойте им классы .uc-tab1, .uc-tab2, .uc-tab3 и тд.
4 - Поместите код в блок "Другое" - Т123
3 - Измените в коде цвет #ff5500 активной вкладки на свой
<style>
.my-active-class {
/* цвет активной кнопки */
background: #ff5500 !important;
}
</style>

<script>
    $('[class*="uc-tab"]').not('.uc-tab1').fadeOut(0);
    $('[href="#tab1"]').addClass('my-active-class');
    $('.tab-button a').click(function() {
    $('.tab-button a').removeClass('my-active-class');
    $(this).addClass('my-active-class');
    var slide = $(this).attr('href').slice(1);
    $('[class*="uc-tab"]').fadeOut(0);
    $('.uc-' + slide + '').fadeIn(0); 
    t_lazyload_update();
    
});
</script>