OUR COMPANY
Bring your ideas to life
Anything you've even dreamed about is possible to realise just at the moment when you decided to win.
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.
Пример '); // удаляем все до нужного фрагмента $content = substr($content, $pos); // находим конец необходимого фрагмента кода $pos = strpos($content, '
'); // отрезаем нужное количество символов от конца фрагмента $content = substr($content, 0, $pos); //если в нужном контенте встречается не нужный кусок текста, то его вырезаем $content = str_replace('текст, который нужно вырезать','', $content); // выводим необходимый контент echo $content; ?>
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.
Пример <@import "https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,100|Amiri|Playfair+Display&display=swap|Roboto+Condensed:300|Noto+Sans:400,700,400italic,700italic";#sticky- footer {display: none! важный} .coronavirus-header {font-family: playfair display, serif; размер шрифта: 28px; text-align: center} .coronavirus-subheader {margin-top: 20px; выравнивание текста: center ; font-size: 14px} .coronavirus-подзаголовок a: ссылка {цвет: серебро; оформление текста: нет! важно} .coronavirus-подзаголовок a: посещено {цвет: серебро; оформление текста: нет} .coronavirus-подзаголовок a : hover {цвет: # 333; оформление текста: нет}. ссылка ниже: ссылка {оформление текста: подчеркивание! важно} h1 {высота строки: 1,3} @media (min-width: 767px) {. coronavirus-header {font-family: playfair display, serif; размер шрифта: 40px; text-align: center}}. rts_disabled {display: none} .dataTable {margin: 0! важный} .cvirusmenu a: ссылка {цвет:# 555; оформление текста: нет} .cvirusmenu a: hover {цвет: # 000; оформление текста: подчеркивание} input [type = search] {width: 100px; размер шрифта: 16px; отступ слева: 1px; граница : 2px solid ccc; border-radius: 4px; цвет: # 999}: target td {background-color: # ff0} h3 {padding-top: 25px; padding-bottom: 20px} .col-wm-left-ad { положение: липкое; положение: -webkit-липкое; положение: -moz-липкое; положение: -ms-липкое; положение: -o-липкое; сверху: 20px} {.sticky_standard положения: липкое, положение: -webkit-липкий; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 20px} input [тип = поиск]: focus {ширина: 200px; граница: 2px solid # a3da50} input [type = search ] {- webkit-transition: ширина .4 с легкостью входа; переход: ширина .4 с легкостью входа} .search-button {ширина: 40px; отступ сверху: 3px; поле слева: 1px; margin- bottom: 4px; color: # 999} #casale iframe {border: none! важный} # tf728 iframe {border: none! важный} тело {font-family:noto sans, sans-serif; цвет: # 363945} p {line-height: 23px} h1 {margin-bottom: 20px} .item-ar {direction: rtl; семейство шрифтов: amiri, serif; размер шрифта: 16px важно!} .title-ар {направление: РТЛ; семейство шрифтов: Амири, засечек, цвет: # 86c32a важно} .number-ар {направление: РТЛ} .alphabet-маленький {список-стиль: нет; маржа: 0 ; padding: 0} .alphabet-small ul li {margin-bottom: 5px} .alphabet-small ul ul a a {padding: 3px; margin-left: 0} .alphabet-small ul li a: hover {background-color: # a3da50; цвет: #fff; оформление текста: нет} .alphabet ul {стиль списка: нет; margin: 0; отступ: 0} .alphabet ul li {margin-bottom: 30px} .alphabet ul li a {font размер: 20px; отступ: 10px; граница: 1px solid # a3da50; поле слева: 5px} .alphabet ul li a: hover {background-color: # a3da50; color: #fff; оформление текста: нет} .noli -top {border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding-top: 10px; margin-bottom: 10px; цвет фона: #fefefe}.noli-top ul {отступ слева: 0; поле слева: 15 пикселей}. noli-top li {стиль списка: нет}. noli-top li: before {содержимое: "•"; отступ справа: 8 пикселей; цвет : # 8ccd2c} .noli ul {padding-left: 0; margin-left: 10px} .noli ul li {list-style: none} .noli ul: only-child {margin-left: 20px} .nonspaced ul li { margin-bottom: 1px! важно; отступы: 0! важно} .lidisc li {list-style-type: disc} .spaced li {margin-bottom: 15px} .table-list td {text-align: right} .table -list th {text-align: center} .content {min-height: 500px; размер шрифта: 16px; цвет: # 444} .content p {line-height: 1.8em} .content a {color: # 699a21} .content a: hover {color: # 86c32a; оформление текста: подчеркивание} .spacer-top {margin-top: 30px} .spacer-bottom {margin-bottom: 30px} .spacer-double {margin-bottom: 30px; margin-top: 30px} .content-inner h2 {margin-top: 40px; высота строки: 1.3} .content-inner h4 {margin-top: 30px; размер шрифта: 700} .content-inner {min-height : 500px;размер шрифта: 15px; цвет: # 222} .content-inner p {margin-bottom: 20px; высота строки: 1.6em} .content-inner a {color: # 699a21; оформление текста: подчеркивание} .content- inner a: hover {color: # 86c32a; оформление текста: подчеркивание} .ulspaced ul li {margin-bottom: 25px} .ulnone ul li {тип-стиля-списка: нет} .ulnone ul {padding-left: 15px} .ulspacedmini ul li {margin-top: 15px} .btn-wm {color: #fff; цвет фона: # a3da50; отступ: 8px} .btn-wm: hover {color: #fff; цвет фона: # b8e278 } ввода [тип = текст] {обивка: 5px} {этикетка размер шрифта: 15px; цвет: # 666; начертание шрифта: 300} {сноска мин-высота: 100px; фонового цвета: #fff; цвет: # 999 ; padding-top: 30px; border-top: 1px solid # e3e7e9; margin-top: 40px} .copy {color: #ddd; margin: auto; выравнивание текста: по центру; margin-top: 30px; padding-top: 20px; padding-bottom: 20px; размер шрифта: 12px; цвет фона: #fbfbfb; border-top: 1px solid # e3e7e9} .footerlinks {margin: auto; выравнивание текста: center; цвет: #ccc;padding-bottom: 0; padding-top: 20px; margin-bottom: 20px; цвет: # e5e5e5} .footerlinks a {color: # a3da50} .footerlinks a: hover {color: #aaa; текстовое оформление: нет}. скопировать {color: #ccc} .copy a: hover {color: #bbb; оформление текста: нет} a .fa-round {-webkit-transition: все .16s замедление; переход: все .16s easy-in-out} .fa-round: hover {цвет: #fff; цвет фона: # a3da50; граница: 1px solid # a3da50} .fa-round {ширина: 31px; высота: 31px; отступ-верх: 7px; выравнивание текста: по центру; цвет: #ccc; граница: 1px solid #ddd; радиус границы: 50%}. Socialbuttons {padding-bottom: 20px} .google-visualization-atl.container {padding-left: 0 } .content-home {min-height: 500px; размер шрифта: 15px; цвет: # 555} .content-home a {color: # 86c32a} .content-home a: hover {color: # 86c32a; оформление текста : подчеркивание} {.breadcrumb краю дна: 5px; размер шрифта: 14px; цвет фона: # f7f9f7 важно} #innercontent {выравнивания текста: слева; маржа-топ:50px} #innercontent ul li {margin-bottom: 25px} .breadcrumb {background-color: # f8f8f8} # maincounter-wrap {margin: auto; выравнивание текста: по центру; padding-top: 20px} # maincounter-wrap h1 { семейство шрифтов: roboto уплотненное, без засечек; вес шрифта: 300; размер шрифта: 40px; цвет: # 555; поле: 0} .maincounter-number {font-weight: 700; цвет: # 696969; font- размер: 54px} .maincounter номер-GDP {начертание шрифта: 700; цвет: # 696969; размер шрифта: 48px} #viewall {размер шрифта: 16px; цвет: серебр; обивка-дно: 30px; выравнивания текста : center} # просмотр a: ссылка {цвет: серебро; оформление текста: нет} # просмотр все: посещение {цвет: серебро; оформление текста: нет} # просмотр a: hover {цвет: # 333; оформление текста: откл} # secondarycounters-обертка {поле: автоматические; выравнивания текста: центр; рентабельность-топ: 0; обивка-топ: 25px} .col-счетчики {размер шрифта: 17px} .label-счетчик {выравнивание текста: центр ; цвет фона: # f5f5f5; цвет: # 777; размер шрифта: 19px; текст-преобразования: прописная буквы; высота строки: 40px;семейство шрифтов: roboto уплотненное, без засечек} .sec-box {высота: 80px; граница-низ: 1px solid #bbb; выравнивание текста: по центру; верхний отступ: 10px} .sec-box-last {высота: 80px; выравнивания текста: центр; обивка-топ: 10px; обивка-дно: 30px; край дно: 10px} .sec-текст {размер шрифта: 16px; цвет: # 777} .sec-счетчик {размер шрифта : 24px; цвет: # 696969; начертание шрифта: 700; набивка дно: 10px} {.seallcountries ясно: как, обивка-топ: 20px; выравнивания текста: справа; набивка дно: 40px} .tableofcontents намотка { clear: both; margin: auto; margin-top: 10px} # tableofcontents-in {margin: auto; выравнивание текста: слева} # tableofcontents-in .title {background-color: # f5f5f5; цвет: # 777; шрифт- размер: 19px; преобразование текста: верхний регистр; высота строки: 40px; граница: 1px solid #ccc; семейство шрифтов: roboto уплотненное, без засечек; выравнивание текста: по центру; margin-bottom: 20px} # tableofcontents-in ul {margin: 0; padding: 0} # tableofcontents-in li {margin-bottom: 4px; padding: 0; стиль списка: нет;font-size: 15px} # tableofcontents-in li a {color: # 606c04; оформление текста: нет} # tableofcontents-in li a: hover {цвет: # 000; оформление текста: none} .toc1 {ширина: 50 %; поплавок: левый} {.toc2 ширин: 45%; обивка налево: 5%; поплавок: левый} .toc1no {ширина: 50%; поплавок: левый} {.toc2no ширина: 45%; обивка налево: 5 %; float: left} .toc1no ul {стиль списка: нет} .toc2no ul {list-style: нет} .top20-label {clear: both; отображение: встроенный блок; ширина: 100%; margin-top: 35px; margin-bottom: 20px; цвет фона: # f5f5f5; цвет: # 777; размер шрифта: 19px; преобразование текста: верхний регистр; высота строки: 40px; граница: 1px solid #ccc; семейство шрифтов: roboto загущенные, без засечек; выравнивания текста: центр} .t20-обертка {ширина: 100%} T20-с1 {ширина: 50%.; поплавок: левый} .t20-с2 {ширина: 46%; с плавающей точкой: слева; border-left: 1px solid #ccc; отступ слева: 10px; margin-left: 10px} .t20-line {line-height: 40px; ширина: 100%; border-bottom: 1px solid #ccc} .t20-line а: ссылка {цвет: # 555; текст-отделка:подчеркивание} .t20-строка a: посещение {цвет: # 555; оформление текста: подчеркивание} .t20-строка a: hover {цвет: # 000; оформление текста: подчеркивание} .t20-line: hover {фон-цвет : #fbfbfb} .t20 ранга {размер шрифта: 15px; цвет: # 999; маржа налево: 8px; маржа правый: 10px} .t20-rank10 {размер шрифта: 15px; цвет: # 999; в недостаточной мере left: 0; margin-right: 10px} .t20-helper {display: inline-block; высота: 100%; вертикальное выравнивание: среднее} .t20-line img {border: 1px solid # 666; вертикальное выравнивание: среднее ; край дна: 4px; ширина: 26px; высота: 15px} .t20-страна {текст-преобразования: капитализировать; размер шрифта: 17px; маржа налево: 12px; маржа правые: 12px} .t20 номер {шрифт -размер: 16px; поплавок: право; рентабельность права: 20px; начертание шрифт: 600} .t20 номер-GDP {размер шрифта: 15px; поплавок: право; рентабельность права: 20px; начертание шрифт: 700} .counterdiv {ясно: как} .counter-группа {размер шрифта: 13px; ширина: 470px} .counter-заголовок {ясно: то и другое; курсор: указатель; цвет: # 666; размер шрифта: 16px; высота: 40px} ,last-line {border: none! важный} .counter-header {высота: 40px; border-bottom: 1px solid # e3e7e9} .counter-title-top {margin-top: 10px; преобразование текста: верхний регистр; отступ слева) : 5%; поле на полях: 8 пикселей; размер шрифта: 20 пикселей; цвет: # 999; вес шрифта: 300; семейство шрифтов: open sans, sans-serif} .counter-title {margin-top: 30px; текст -transform: верхний регистр; отступ слева: 5%; нижнее поле: 8px; размер шрифта: 20px; цвет: # 999; вес шрифта: 300; семейство шрифтов: open sans, sans-serif} .counter-wrap {} .unit-мера {размер шрифта: 14px; цвет: # 777; начертание шрифта: 300} .unit-мера-мобиля {начертание шрифта: 300; стиль шрифта: курсив; цвет: # 777; Font- size: 15px} .counter-body-wrap {clear: both} .counter-body {clear: both; цвет фона: # f9f9f9; отступ: 15px; граница внизу: 1px solid # e3e7e9} .counter-item a: ссылка {цвет: # 000; оформление текста: нет}. элемент-счетчик a: посещенный {цвет: # 000}. элемент-счетчик a: hover {цвет: # 777; оформление текста: подчеркивание}.switch {font-size: 15px; color: # 000} .inactive-header: hover .switch a: link {text-decor: none} .switch a: link {font-size: 15px; цвет: # 06f; text- Художественное оформление: нет}. Переключатель: посетил {цвет: # 06f; текстовое оформление: нет}. Переключить: hover {цвет: # 7db1ff; текстовое оформление: нет} .ad728-2c {padding-top: 10px}. adright {padding-left: 0! важный} #bread {margin-top: 0; размер шрифта: 14px; цвет: #bfbfbf; выравнивание текста: слева} #bread a: link {color: # 999; оформление текста : подчеркивание} #bread a: visit {color: # 999; оформление текста: подчеркивание} #bread a: hover {color: # 555; оформление текста: подчеркивание} .bd {color: #aaa; размер шрифта: 17px ; стиль шрифта: нормальный; высота строки: 24px; вертикальной Align: средний} .toinner {дисплей: блок; фонового цвета: # 5ab5dc; цвет: #fff; ширина: 120px; высота строки: 17px; Font- размер: 15px; отступы: 6px; выравнивание текста: по центру} .toinner a: link {color: #fff; размер шрифта: 16px; выравнивание текста: по центру; оформление текста: нет; семейство шрифтов:roboto сжатый, без засечек} .toinner a: посещения {цвет: #fff; размер шрифта: 16px; выравнивание текста: по центру; оформление текста: нет} .toinner: hover {цвет: #fff; цвет фона: # 76c1e2; курсор: указатель} .sharewrap {нижний отступ: 70px; поле: авто; выравнивание текста: по центру; поле сверху: 50px} .share-text {font-family: roboto уплотнено, без засечек; font- размер: 20px; цвет: #bbb; отступ снизу: 20px; отображение: блок} .newslettertext {цвет: # 999; размер шрифта: 14px; отступ снизу: 10px} .newsletterinput {border: 1px solid # 9c0; цвет : # 333; font-weight: 400; размер шрифта: 16px; поле: 0 0 0 10px; отступ: 1px 0 1px 3px} .logo-lic {margin-top: -2px} .navbar-nav-lic> li > а {цвет: # 696969 важно!} .navbar-нав-ЛИК> литий> а: зависать {цвет: # a3da50 важно!} {.navbar краю дна: 0; мин-высота: 63px} {.logo в недостаточной мере top: 0} .nav> li> a {padding-left: 25px; padding-right: 20px; размер шрифта: 15px; цвет: # 979bb0; переход: цвет .2s}.navbar-default .navbar-nav> li> a {color: # b0afa2; padding-top: 5px; padding-bottom: 0} .nav> li> a: hover {color: # 807e6c} .navbar-default {background- цвет: #fff; border-bottom: 1px solid # e3e7e9} .navbar-nav {margin: 15px} .navbar-toggle {margin-top: 12px} .navbar-default .navbar-toggle: focus, .navbar-default. navbar-toggle: hover {background-color: #fff! важный} .dropdown: hover .dropdown-menu {display: block} .faq_button {margin-right: 25px} .faq_button a {color: # adb1c2; граница: 1px solid # ced6d9; отступы: 9px 12px; отображение: блок; float: left; border-radius: 4px; текстовое оформление: нет; font-size: 14px; line-height: 20px; margin-top: 11px; переход: .2s } .faq_button a: hover {border: 1px solid # a3da50; цвет: # 79809b} .content-faq p {margin-bottom: 20px! важный; margin-top: 10px! важный} .faq h4 {margin-bottom: 0 ! важный} .faq ul li {margin-top: 25px} .get_button a {margin-left: 10px; цвет: #fff;цвет фона: # a3da50; отступ: 9px 12px; отображение: блок; float: left; border-radius: 4px; текстовое оформление: нет! важно; размер шрифта: 15px; высота строки: 20px; margin-top: 11px} .get_button a: hover {background-color: # b8e278} .intro {color: # 464646; margin-bottom: 25px; высота строки: 1.1; font-weight: 400} .table-responseive> .fixed-column {position: absolute; display: inline-block; ширина: auto; border-right: 1px solid #ddd; background-color: #fff} @media (min-width: 768px) {. отзывчивый к таблице> .fixed-column {нет дисплей: нет}} @ средств массовой информации (мин-ширина: 1200px) {. контейнер {макс-ширина: 1100px важно}} @ средств массовой информации (макс-ширина: 1199px) {} @ средств массовой информации (мин-ширина: 992px) {. header .navbar-collapse {margin-left: 0} .ad728 {padding-left: 0; высота: 120px; padding-bottom: 16px; padding-top: 12px} .counterdiv {width: 475px} .counter-number {width : 145px; семейство шрифтов: open sans, sans-serif; вес шрифта: 600; размер шрифта: 15px; цвет: # 333; поле справа: 12px;обивка налево: 2px; выравнивания текста: справа; высота строки: 40px; дисплей: блок; поплавок: левый} .counter-элемент {размер шрифта: 15px; цвет: # 000; высота строки: 40px; дисплей: блок; поплавок: левый} .counter-элемент двойной {размер шрифта: 15px; цвет: # 000; высота строки: 20px; дисплей: блок; поплавок: левый; обивка-топ: 4px} контр-группа двойная { } .double {высоты: 50px}} @ средства массовой информации (макс-ширина: 992px) {counterdiv {ширина: 100%} встречного титульный сверху {маржа-топ: 10px; текст-преобразований: прописная..; обивка налево: 2%; поле с полями: 8px; размер шрифта: 20 пикселей; цвет: # 999; вес шрифта: 300; семейство шрифтов: open sans, sans-serif} .counter-title {margin-top: 30px; text- преобразование: верхний регистр; отступ слева: 2%; нижнее поле: 8 пикселей; размер шрифта: 20 пикселей; цвет: # 999; вес шрифта: 300; семейство шрифтов: open sans, sans-serif} .counter-group { ширина: 100%; минимальная ширина: 280px; размер шрифта: 14px} .counter-heading {min-height: 70px} .double {height: 100px} .counter-header {высота: 70px; нижняя граница: 1px solid # e3e7e9}.Счетчик номер {Запас налево: 2%; начертание шрифта: 600; размер шрифта: 17px; цвет: # 333; выравнивания текста: слева; обивка-топ: 8px; высота строки: 34px; высота: 30px; дисплей: блок; отступ слева: 0} .counter-item {font-family: helvetica neue, Helvetica, Arial, sans-serif; поле слева: 2%; размер шрифта: 16px; цвет: # 000; отображение: block; высота: 35px; padding-top: 7px; line-height: 24px; float: none} .counter-item-double {font-family: helvetica neue, Helvetica, Arial, sans-serif; поле слева: 2% ; поплавок: нет; размер шрифта: 16px; дисплей: блок; цвет: # 000; высота строки: 24px; обивка-топ: 7px; высота: 70px; обивка-дно: 5px} .item-ар {выравнивание текста : left; font-size: 21px! Important} .switch {font-family: helvetica neue, Helvetica, Arial, sans-serif; размер шрифта: 16px; цвет: # 000} .inactive-header: hover .switch a: ссылка {текстовое оформление: нет}. Переключите a: ссылка {размер шрифта: 16 пикселей; цвет: # 06f; текстовое оформление: нет}. Переключите a: посещенное {цвет: # 06f; текстовое оформление: нет}.switch a: hover {color: # 7db1ff; оформление текста: нет}} @ media (max-width: 767px) {. nav_buttons {margin-left: 38px} .navbar-collapse {margin-bottom: 25px} # maincounter- wrap h1 {font-size: 25px! важный} .maincounter-number {font-size: 40px} #viewall {font-size: 15px} .label-counter {font-size: 18px} .content {font-size: 14px } .content p {line-height: 1.5em} .content-inner {font-size: 14px} .content-inner p {line-height: 1.5em}}