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.
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.
For the best rooms at the best ates and with the best perks, it's always best to book direct with us.
Explore Offers
<!--КОД СЛАЙДЕРА В ZERO-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
(function () {
setTimeout(function() {
const donorSlider = document.querySelector('.uc-donor-slider');
const swiperWrapper = document.querySelector('.uc-sector-slider .swiper-wrapper');
if(donorSlider!=null && swiperWrapper!=null){
const totalSlides = +donorSlider.querySelector('.t-slds__items-wrapper').getAttribute('data-slider-totalslides');
let newSlide = '';
for(let i=1; i<=totalSlides; i++){
const slideElem = donorSlider.querySelector('.t-slds__item[data-slide-index="'+i+'"] .t-card__col');
const slideImage = slideElem.querySelector('.t923__bgimg').getAttribute('data-original');
const slideTitle = slideElem.querySelector('.t-card__link').innerText;
const slideDescr = slideElem.querySelector('.t-card__descr').innerText;
const slideBtnLink = slideElem.querySelector('.t-card__link').getAttribute('href');
const slideBtnCaption = slideElem.querySelector('.t-card__btn').innerText;
newSlide += `
<div class="swiper-slide">
<a class="cards-grid-slider__link" href="${slideBtnLink}">
<div class="cards-grid-slider__img-wrapper">
<div class="cards-grid-slider__img" data-img-link="${slideImage}" style="background-image: url(${slideImage})" ></div>
</div>
<div class="cards-grid-slider__content">
<div class="cards-grid-slider__title">${slideTitle}</div>
<div class="cards-grid-slider__descr">${slideDescr}</div>
<div class="cards-grid-slider__button">${slideBtnCaption}</div>
</div>
</a>
</div>
`;
};
swiperWrapper.innerHTML = newSlide;
(function() {
let slidesPerView = new Swiper('.uc-sector-slider .js-swiper-slides-per-view-auto', {
slidesPerView: 2,
spaceBetween: 20,
loop: true,
speed: 2600,
// autoplay: {
// delay: 2000,
// },
navigation: {
nextEl: '.uc-sector-slider .right-arrow',
prevEl: '.uc-sector-slider .left-arrow',
},
breakpoints: {
640: {
slidesPerView: 2,
},
},
});
})()
};
}, 1000);
})();
});
</script>
<style>
.uc-donor-slider{
display: none;
}
.uc-sector-slider img.img-fluid {
width: 100%;
}
.uc-sector-slider .cards-grid-slider__button {
font-size: 16px;
}
.uc-sector-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: -25px;
}
#allrecords .uc-sector-slider span.swiper-pagination-bullet {
width: 34px;
border-radius: 0;
height: 2px;
margin-left: 6px;
margin-right: 6px;
transition: all 0.2s;
padding: 4px 0;
background: transparent;
position: relative;
}
#allrecords .uc-sector-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
transform: scale(1.2);
}
#allrecords .uc-sector-slider span.swiper-pagination-bullet:before {
content: "";
width: 100%;
height: 3px;
background-color: #fff;
position: absolute;
left: 0;
top: 50%;
}
#allrecords .uc-sector-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
background-color: #fff;
}
.uc-sector-slider .swiper-slide {
/*aspect-ratio: 0.6666666;*/
}
.uc-sector-slider a.cards-grid-slider__link {
display: block;
height: inherit;
position: relative;
overflow: hidden;
background-color: #fff;
}
.uc-sector-slider .cards-grid-slider__img {
height: 100%;
transition: all 1.8s ease-in-out;
background-position: center;
transform: scale(1);
background-size: cover;
background-repeat: no-repeat;
width: 100%;
}
.uc-sector-slider .cards-grid-slider__content {
position: relative;
z-index: 20;
color: #000000;
padding: 25px 20px;
display: flex
;
flex-direction: column;
height: 50%;
box-sizing: border-box;
}
.uc-sector-slider a.cards-grid-slider__link:hover .cards-grid-slider__img {
transform:scale(1.15);
}
.uc-sector-slider .cards-grid-slider__title {
font-size: 22px;
font-weight: 400;
margin-bottom: 18px;
}
.uc-sector-slider .cards-grid-slider__button {
text-transform: uppercase;
transition: all 0.2s;
margin-top: auto;
font-weight: 400;
position: relative;
width: max-content;
padding-bottom: 2px;
}
.uc-sector-slider .cards-grid-slider__button:hover {
opacity: 0.8;
}
.uc-sector-slider .cards-grid-slider__button:after {
content: "";
width: 100%;
position: absolute;
border-bottom: 1px solid #000;
left: 0;
bottom: 0;
transition: all 0.3s;
}
.uc-sector-slider .cards-grid-slider__button:hover:after {
width: 0;
}
.uc-sector-slider .cards-grid-slider__line {
background-color: #fff;
height: 1px;
margin-bottom: 20px;
}
.uc-sector-slider .left-arrow .tn-atom,
.uc-sector-slider .right-arrow .tn-atom
{
cursor: pointer;
transition: all 0.3;
}
.uc-sector-slider .left-arrow:hover .tn-atom,
.uc-sector-slider .right-arrow:hover .tn-atom
{
opacity: 1 !important;
}
.uc-sector-slider .slider-html .tn-atom__html,
.uc-sector-slider .swiper
{
width: inherit;
height: inherit;
}
.uc-sector-slider .cards-grid-slider__img-wrapper {
height: 50%;
overflow: hidden;
}
.uc-sector-slider .cards-grid-slider__descr {
line-height: 1.5;
}
.uc-sector-slider .zero-btn .tn-atom a {
position: relative;
transition: all 0.3s;
}
.uc-sector-slider .zero-btn .tn-atom a:after {
content: "";
position: absolute;
width: 100%;
left: 0;
bottom: -2px;
border-bottom: 1px solid;
transition: all 0.3s;
}
.uc-sector-slider .zero-btn .tn-atom a:hover:after {
width: 0;
}
@media screen and (max-width:640px){
.uc-sector-slider .cards-grid-slider__title {
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
.uc-sector-slider .cards-grid-slider__line {
background-color: #fff;
height: 1px;
margin-bottom: 10px;
}
.uc-sector-slider .cards-grid-slider__button {
font-size: 12px;
}
#allrecords .uc-sector-slider span.swiper-pagination-bullet {
width: 20px;
margin-left: 2px;
margin-right: 2px;
padding: 4px 0;
}
#allrecords .uc-sector-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
transform: scale(1);
}
#allrecords .uc-sector-slider .swiper-pagination {
text-align: center;
width: calc(100vw - 110px) !important;
}
.uc-sector-slider .cards-grid-slider__button {
font-size: 10px;
}
}
</style>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.
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.
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.
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.
