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.
Block1
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block2
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block2-1
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block3
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block4
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block5
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block6
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block6-1
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block6-2
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block7
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block8
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block9
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block10
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block11
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block11-1
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block11-2
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block12
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block13
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block14
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block15
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block16
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.
Block16-1
Projection equipment: slide projectors, presentations, overhead projectors, and computer projectors.

<script>


let newTabs = [
    ['uc-tabs9', 'Title9'],
    ['uc-tabs10', 'Title10'],
    ['uc-tabs11', 'Title11'],
    ['uc-tabs12', 'Title13'],
    ['uc-tabs14', 'Title14'],
    ['uc-tabs15', 'Title15'],
    ['uc-tabs16', 'Title16']
];




$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537829637"><div class="t395__title t-name t-name_xs">Title9</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537829807"><div class="t395__title t-name t-name_xs">Title10</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537829865,537829918,537829974"><div class="t395__title t-name t-name_xs">Title11</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537829984"><div class="t395__title t-name t-name_xs">Title12</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537830001"><div class="t395__title t-name t-name_xs">Title13</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537830079"><div class="t395__title t-name t-name_xs">Title14</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537830106"><div class="t395__title t-name t-name_xs">Title15</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537830156,537830174"><div class="t395__title t-name t-name_xs">Title16</div></div>');


$(".t395__select").append( $('<option value="537829637">Title9</option>'));
$(".t395__select").append( $('<option value="537829807">Title10</option>'));
$(".t395__select").append( $('<option value="537829865,537829865,537829918">Title11</option>'));
$(".t395__select").append( $('<option value="537829984">Title12</option>'));
$(".t395__select").append( $('<option value="537830001">Title13</option>'));
$(".t395__select").append( $('<option value="537830079">Title14</option>'));
$(".t395__select").append( $('<option value="537830106">Title15</option>'));
$(".t395__select").append( $('<option value="537830156,537830174">Title16</option>'));


</script>

<style>
/*Применяем стили к новым вкладкам */
.t395__title{
      color:#000000;
      font-size:14px;
      font-weight:400;
      padding-top:14px;
      padding-bottom:14px;  
}     
/*Фиксируем высоту новых вкладок */
.t395__tab_active .t395__title {
      padding-bottom: 14px;
      padding-top: 14px;
}
/*Распределяем вкладки по ширине 180px */
.t395__width_20 {
      width: 180px;
}
/*Ширина контейнера*/
.t395 .t-container {
    max-width: 1160px;
}
.t395__tab{ 
    box-shadow: 0 0 0 1px #000;
    margin-bottom: 1px;
}
/*Эффект наведения на вкладки*/
.t395__tab:hover{
    box-shadow: 0px 1px 5px 0px #000000;	
   }
/*Тень для фото*/
.t196__img {
   box-shadow: 0px 0px 2px 1px #FFFFFF;
}

.t395__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.t395__tab {
    min-width: 160px;
}  


@media screen and (max-width: 960px){
.t395__wrapper {
    display: none !important;
}
}


</style>
Made on
Tilda