Blank page

News & Events

О карте

Бонусная программа

Тарифы и условия

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.

BASICS

Why typography matters?

Each type of visual aid has pros and cons that must be evaluated to ensure it will be beneficial to the overall presentation. Before incorporating visual aids into speeches, the speaker should understand that if used incorrectly, the visual will not be an aid, but a distraction.

1% ярких бонусов дополнительно при заказе доставки продуктов
в онлайн-гипермаркете «Перекрёсток Впрок»

Оплачивайте поездки бонусами ЯРКО

добавляешь id блоков в скрипт
контент 1, 2 и 3 - это относительно кнопок (табов)
в зеро создаешь кнопки, стилизуешь
добавляешь каждой кнопке класс btn-tab1 / btn-tab2 / btn-tab3 (по порядку)

<script>
$(document).ready(function() {
    var content1 = $('#rec331116293, #rec331116355');//контент первой вкладки id блоков
    var content2 = $('#rec331011861, #rec331062847');//контент второй вкладки id блоков - это т123, которые область карусели
    var content3 = $('#rec331116463, #rec331116406');//контент третьей вкладки id блоков
    var tab1 = '.btn-tab1 .tn-atom';
    var tab2 = '.btn-tab2 .tn-atom';
    var tab3 = '.btn-tab3 .tn-atom';
    
    
    $(content2).hide();
    $(content3).hide();
    $(tab1).addClass('active');
    
    $(tab1).on('click', function(){
        $(content1).show();
        $(content2).hide();
        $(content3).hide();
        $(this).addClass('active');
        $(tab2).removeClass('active');
        $(tab3).removeClass('active');
    });

    $(tab2).on('click', function(){
        $(content1).hide();
        $(content2).show();
        $(content3).hide();
        $(this).addClass('active');
        $(tab1).removeClass('active');
        $(tab3).removeClass('active');
    });
    
    $(tab3).on('click', function(){
        $(content1).hide();
        $(content2).hide();
        $(content3).show();
        $(this).addClass('active');
        $(tab1).removeClass('active');
        $(tab2).removeClass('active');
    });
});
</script>

<style>
/*стили кнопок*/
    .btn-tab1 .tn-atom,
    .btn-tab2 .tn-atom,
    .btn-tab3 .tn-atom {
        transition:all .3s ease-in-out!important;
        cursor:pointer;
    }
    .btn-tab1 .tn-atom:hover,
    .btn-tab2 .tn-atom:hover,
    .btn-tab3 .tn-atom:hover {
        border-bottom:2px solid #f25845!important;
    }
    .btn-tab1 .tn-atom.active,
    .btn-tab2 .tn-atom.active,
    .btn-tab3 .tn-atom.active {
        border-bottom:2px solid #f25845!important;
        color:#f25845!important;
    }
</style>

Сайт на реконструкции