test 7
Колектив кафедри 2025 р
Колектив кафедри - 2023 р.
Содержание
- Accordion
- Animation
- Audio Player
- Blockquote
- Blur
- Box
- Buttons
- Charts
- Form(не отправлеет данные)
- Content Style
- Countdown Timer(неработает)
- Counter
- Divider
- Document
- Dropcap
- Dummy Image
- Dummy Text(Ошибки PHP)
- Fancy Text
- Flip-Box
- Frame
Введение
Данный материал показывает функционал плагина "YT Shortcode 3.0.4" и не претендует на дизайнерскоое решение. Все цвета были подобраны случайным образом.
Розовый border сделан для того чтобы видеть границы каждого шорткода, а также для удобства добавленны внутренние отступы по 5 пикселей справа и слева.
Accordion
Accordion left, basic, 100%
- ======ACCORDION======(Основные настройки для всего Аккардеона)
- Align: left
- Width: 100%
- Style: basic
- Active Background Color: Yes
- Item Active: 1
- Background Active: azure(смешался с фоном)
- Color Active: burlywood
- ======ITEM======(Настройки для элемента)
- Tittle: Имя заголовка
- Icon: icon:envelope-o
- Icon Color: brown
- Icon Size: 16px
- Color Title Accordion Item: black
- Color Accordion Item: darkcyan
- Background: gold
- Border color accordion item: red (в данном стиле не используется border)
Item Title
- ======ITEM======(Настройки для элемента)
- Tittle: Имя заголовка
- Icon: icon:heart
- Icon Color: red
- Icon Size: 16px
- Color Title Accordion Item: hotpink
- Color Accordion Item: orange
- Background: indigo
- Border color accordion item: green (В этом стиле не используется)
Accordion right, line ,100%
- ======ACCORDION======(Основные настройки для всего Аккардеона)
- Align: right
- Width: 100%
- Style: line
- Active Background Color: no
- Item Active: 0
- Background Active: blue (Не работает так как отключено свойство "Active Background Color")
- Color Active: burlywood
- ======ITEM======(Настройки для элемента)
- Tittle: Имя заголовка
- Icon: icon: user
- Icon Color: brown
- Icon Size: 20px
- Color Title Accordion Item: coral
- Color Accordion Item: darkcyan
- Background: gold
- Border color accordion item: red
Item Title
- ======ITEM======(Настройки для элемента)
- Tittle: Имя заголовка
- Icon: icon: user
- Icon Color: brown
- Icon Size: 20px
- Color Title Accordion Item: coral
- Color Accordion Item: darkcyan
- Background: gold
- Border color accordion item: red
Accordion left, border
- ======ACCORDION======(Основные настройки для всего Аккардеона)
- Align: left
- Width: 100%
- Style: border
- Active Background Color: Yes
- Item Active: 0
- Background Active: azure(смешался с фоном)
- Color Active: burlywood
- ======ITEM======(Настройки для элемента)
- Tittle: Имя заголовка
- Icon: icon:envelope-o
- Icon Color: brown
- Icon Size: 16px
- Color Title Accordion Item: black
- Color Accordion Item: darkcyan
- Background: gold
- Border color accordion item: red
Item Title
- ======ITEM======(Настройки для элемента)
- Tittle: Имя заголовка
- Icon: icon:heart
- Icon Color: red
- Icon Size: 16px
- Color Title Accordion Item: hotpink
- Color Accordion Item: orange
- Background: indigo
- Border color accordion item: green
Blockquote
Align: Left, Width: 50%, Color: Green, Border: Brown Title
Align: Right, Width: 50%, Color: #f00, Border: #ccc Title 2
Align: None, Width: 100%, Color: #ffce00, Border: cyan SOMEONE_FAMOUS_TITLE
Blur
Box
Button
Типы кнопок
Описание: Типы кнопок для соц. сетей отличаются только тем что имеют цвет указанной социальноц сети даже если задан принудительный фоновый цвет кнопки. Cnbkm gj evjkxfyb.
Проблемы: Кнопки с размером md отображаются не корректно, нет внутренних отступов
Для "сигнальных" кнопок не задавать background, иначе он перекроет цвет фона этой кнопки
Chart
Contact Form
Пометки: Не выполняет свою функцию. При назначении бустрап класса "col-md-6" для формы со стилем Border рушится верстка формы. Исходя из этого рекомендуется размещать формы под классом col-md-6. Форма растягивается на всю ширину блока
Content Slider
Можно управлять количеством отображаемых элементов в зависимости от размера окна браузера(устройства)
Включены такие функции: Подгон высоты(Когда картинка с описанием первая слева, срабатывает подгон высоты), Пагинация, Тип переключения "SLIDE"
Content Style
Подгружает материалы из категорий Joomla и K2. Можно выбрать кол-во отображаемых материалов.
Single Column
Військово-мобілізаційний відділ
16 квітня 2024 // Про університет,geninfo // by CIT.Юридична клініка
18 жовтня 2023 // Про університет,geninfo // by CIT.Теми дипломних робіт кафедри теоретичної та прикладної фонетики англійської мови
03 жовтня 2023 // Про університет,geninfo // by Webmaster.Разова спеціалізована вчена рада з правом прийняття до розгляду та проведення захисту дисертації Романової Катерини Василівни для здобуття ступеня доктора філософії
22 вересня 2023 // Про університет,geninfo // by Webmaster.Історія кафедри французької філологіі
15 травня 2023 // Про університет,geninfo // by Редактор.Introductory speech of the head of the department
29 червня 2021 // Про університет,geninfo // by Редактор.Multiple Column
Військово-мобілізаційний відділ
16 квітня 2024 // Про університет,geninfo // by CIT.Юридична клініка
18 жовтня 2023 // Про університет,geninfo // by CIT.Теми дипломних робіт кафедри теоретичної та прикладної фонетики англійської мови
03 жовтня 2023 // Про університет,geninfo // by Webmaster.Разова спеціалізована вчена рада з правом прийняття до розгляду та проведення захисту дисертації Романової Катерини Василівни для здобуття ступеня доктора філософії
22 вересня 2023 // Про університет,geninfo // by Webmaster.Історія кафедри французької філологіі
15 травня 2023 // Про університет,geninfo // by Редактор.Introductory speech of the head of the department
29 червня 2021 // Про університет,geninfo // by Редактор.Закупівлі
09 березня 2021 // Про університет,geninfo // by Webmaster.Staff
22 січня 2017 // Про університет,geninfo // by Webmaster.University in the Internet
20 грудня 2016 // Про університет,geninfo // by Webmaster.Керівництво університету
16 грудня 2016 // Про університет,geninfo // by Webmaster.University managment
16 грудня 2016 // Про університет,geninfo // by Webmaster.Історія університету
16 грудня 2016 // Про університет,geninfo // by Webmaster.Masonry
Військово-мобілізаційний відділ
Юридична клініка
Теми дипломних робіт кафедри теоретичної та прикладної фонетики англійської мови
Разова спеціалізована вчена рада з правом прийняття до розгляду та проведення захисту дисертації Романової Катерини Василівни для здобуття ступеня доктора філософії
Історія кафедри французької філологіі
Introductory speech of the head of the department
Закупівлі
Staff
University in the Internet
Керівництво університету
Slider
Timeline
Військово-мобілізаційний відділ
Юридична клініка
Теми дипломних робіт кафедри теоретичної та прикладної фонетики англійської мови
Разова спеціалізована вчена рада з правом прийняття до розгляду та проведення захисту дисертації Романової Катерини Василівни для здобуття ступеня доктора філософії
Історія кафедри французької філологіі
Introductory speech of the head of the department
Закупівлі
Staff
University in the Internet
Керівництво університету
Counter
Можно добавлять: Разделитель разряда, Префикс, Суффикс, Иконку, Рамку, закругление рамки, Назначать скорость счетчика. А также задавать цвет: Рамке, Фону, Тексту в описании, Цисловому значению.
Примечание: Растягивается на всю ширину блока
Divider
Тут две колонки
Document
У компонета отключена адаптивность, задана ширина 400 пикселей Высота 600 пикселей. При включение адаптивности шарина и высота игнорируется. Иногда не подгружается документ, при следующем обновлении страницы документ появится.
Dropcap
Можно задавать: Шрифт, его фон, цвет и размер.
Dummy Image
Заглушка в виде изображения. Можно задать ширину и высоту, а также жанр картинки. При каждом обновлении страницы, картинки будут разные. Подгружаются с сайта lorempixel.com Есть предположение что данный шорткод замедляет загрузку страницы
Dummy Text(Отключен, есть ошибки)
Заглушка текста. Имеет тип: параграф, символ(буква), байт. Есть возможность добавлять ее в кеш браузера
Выдает предупреждения на уровне php.
Ошибки PHP
Warning: simplexml_load_file(): php_network_getaddresses: getaddrinfo failed: Name or service not known in /var/www/clients/client2/web11/web/plugins/system/ytshortcodes/shortcodes/dummy_text/shortcode.php on line 17 Warning:simplexml_load_file(http://www.lipsum.com/feed/xml?amount=2&what=paras&start=0): failed to open stream: php_network_getaddresses: getaddrinfo failed: Name or service not known in /var/www/clients/client2/web11/web/plugins/system/ytshortcodes/shortcodes/dummy_text/shortcode.php on line 17 Warning: simplexml_load_file(): I/O warning : failed to load external entity "http://www.lipsum.com/feed/xml?amount=2&what=paras&start=0" in /var/www/clients/client2/web11/web/plugins/system/ytshortcodes/shortcodes/dummy_text/shortcode.php on line 17 Warning: simplexml_load_file(): php_network_getaddresses: getaddrinfo failed: Name or service not known in /var/www/clients/client2/web11/web/plugins/system/ytshortcodes/shortcodes/dummy_text/shortcode.php on line 17 Warning: simplexml_load_file(http://www.lipsum.com/feed/xml?amount=30&what=words&start=0): failed to open stream: php_network_getaddresses: getaddrinfo failed: Name or service not known in /var/www/clients/client2/web11/web/plugins/system/ytshortcodes/shortcodes/dummy_text/shortcode.php on line 17 Warning: simplexml_load_file(): I/O warning : failed to load external entity "http://www.lipsum.com/feed/xml?amount=30&what=words&start=0" in /var/www/clients/client2/web11/web/plugins/system/ytshortcodes/shortcodes/dummy_text/shortcode.php on line 17 Warning: simplexml_load_file(): php_network_getaddresses: getaddrinfo failed: Name or service not known in /var/www/clients/client2/web11/web/plugins/system/ytshortcodes/shortcodes/dummy_text/shortcode.php on line 17 Warning: simplexml_load_file(http://www.lipsum.com/feed/xml?amount=40&what=bytes&start=0): failed to open stream: php_network_getaddresses: getaddrinfo failed: Name or service not known in /var/www/clients/client2/web11/web/plugins/system/ytshortcodes/shortcodes/dummy_text/shortcode.php on line 17 Warning: simplexml_load_file(): I/O warning : failed to load external entity "http://www.lipsum.com/feed/xml?amount=40&what=bytes&start=0" in /var/www/clients/client2/web11/web/plugins/system/ytshortcodes/shortcodes/dummy_text/shortcode.php on line 17
Fancy Text
Унивеситет Stanford Harvard
Унивеситет Stanford Harvard
Унивеситет Stanford Harvard
Унивеситет Stanford Harvard
Унивеситет Stanford Harvard
Унивеситет Stanford Harvard
Унивеситет Stanford Harvard
Унивеситет Stanford Harvard
Унивеситет Stanford Harvard
Унивеситет Stanford Harvard
flip-box
При добаблении данного Шорткода, через панель в редакторе материала. Не предусмотренна настройка цвета фона, используется по умолчанию фон зеленого цвета. Чтобы изменить цвет фона как на переднем так и назаднем боксе нужно в ручную дописать Шорт-код. Пример: так выглядит при добавлении через панель "[yt flip_front] Контент [/yt flip_front][yt flip_back] Контент [/yt flip_back]". Чтобы изменить фоновый цвет нужно дописать "[yt flip_front] Изображение [/yt flip_front][yt flip_back background="#87deea" color="#000"] Контент [/yt flip_back]", где background - цвет фона, color - цвет текста.
Frame
Gallery
- Show all
- Tab1
- Tab2
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
- Show all
- Tab1
- Tab2
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Description image
Google Fonts
Одесский Национальный Университет имени И.И. Мечникова
Одесский Национальный Университет имени И.И. Мечникова
Одесский Национальный Университет имени И.И. Мечникова
Одесский Национальный Университет имени И.И. Мечникова
Google Maps (код закоментирован)
Нет возможности проверить, так как встраивание карты реализованно через API Google на платной основе. Для получение которого нужна регистрация организации в Google Cloud Platform (используется учетная запись Google). API называется Google Maps Platform
Подробнее о стоимости можно посмотреть на официальном сайте
Стоимость составляет 7$ за 1000 просмотров (до 100 000 просмотров в год) и 5,6$ за 1000 просмотров (от 100 001 до 500 000 просмотров в год). На первый год Google дает 300 долларов в подарок (их хватит на 3571 просмотр страницы с картами в месяц в среднем). Оплата не начнет списываться автоматически, пока вы не подтвердите платную подписку.
Heading
Default
Modern 1 Dark
Modern 1 Light
Modern 1 Blue
Modern 1 Orange
Modern 1 Violet
Modern 2 Dark
Modern 2 light
Modern 2 Blue
Modern 2 Orange
Modern 2 Violet
Line Dark
Line Light
Line Blue
Line Orange
Line Violet
Dotted Line Dark
Dotted Line Light
Dotted Line Blue
Dotted Line Orange
Highliter
Пример не указан, так как нет смысла в этом шорткоде, его можно сделать в любом редакторе материалов
Highlighter
Текст будет очень коротким Текст будет очень коротким Текст будет очень коротким Текст будет очень коротким
Icon
Список всех иконок (Нажми на меня)
Вариации стилей. Можно менять цвета иконок, фона, а также рамки.
Icon List
Image Compare
LightBox
Используется верстка Bootstrap, каждая картинка отдельный блок. Если указать шарину и высоту в процентах, то отображаемая картинка сожмется до размера 100*100 пикселей и будет размытой. В данном случае шарина и высота выставленная в режиме "Auto"List
- Arrow
- Arrow
- Arrow
- Star
- Star
- Star
- Roman
- Roman
- Roman
- Decimal
- Decimal
- Decimal
- Alpha
- Alpha
- Alpha
- Num Block 1
- Num Block 1
- Num Block 1
- Num Block 2
- Num Block 2
- Num Block 2
- Num Block 3
- Num Block 3
- Num Block 3
- Small Number 1
- Small Number 1
- Small Number 1
- Small Number 2
- Small Number 2
- Small Number 2
- Small Number 3
- Small Number 3
- Small Number 3
- Small Number 4
- Small Number 4
- Small Number 4
- Small Number 5
- Small Number 5
- Small Number 5
- Small Number 6
- Small Number 6
- Small Number 6
Live Icon
Иконкам можно назначать ссылку, фоновый цвет, цвет при наведении, При каком событии будет срабатывать (На пример при наведении курсора мыши), Циклический повтор анимации
Member
Иконки со ссылками можно добавлять несколько. Если вместо кода выделеного ораньжевым, написать текст, то вместо иконок будет описание изображения.
Пример кода: [yt member style="3" background="#ffffff" color="#333333" border="1px solid #cccccc" shadow="1px 1px 1px #eeeeee" radius="4px" text_align="center" photo="images/15.jpeg" name="Имя Фамилия" role="Должность" url="" ][yt member_item icon="icon: envelope-o" icon_color="#444444" icon_title="" icon_url="" ][/yt_member]
Message Box
Заголовок сообщения
Notification
Заметки ввиде кнопок. Путем нажатия на кнопку появляется заметка с соответствующей анимацией. Можно задавать произвольный класс для кнопки, если класс кнопки не задан выглядит как текст ссылки.
Panel
Представляет из себя, прямоугольный блок с контуром, в котором можно разместить различный контент, в том числе и элементы плагинов, шорткодов. Можно задавать цвет фона
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Dolor at tincidunt mollis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer condimentum hendrerit adipiscing. Duis quam tortoreleifend et condimentum atPlay List
Points Of Interest
Точка привлечения внимания к определенному месту на изображении.
- MoreLorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae distinctio esse placeat minus fugit, voluptate, quos, ea, nisi temporibus repudiandae perspiciatis natus quasi ipsa corrupti ipsum amet facere ut nihil. Close
- MoreLorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae distinctio esse placeat minus fugit, voluptate, quos, ea, nisi temporibus repudiandae perspiciatis natus quasi ipsa corrupti ipsum amet facere ut nihil. Close
- MoreLorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae distinctio esse placeat minus fugit, voluptate, quos, ea, nisi temporibus repudiandae perspiciatis natus quasi ipsa corrupti ipsum amet facere ut nihil. Close
Pricing Table
$19/month
- Disk Space 10 GB
- Bandwidth Unlimited
- Setup Free (?)
- 1 Free Email Accounts (?)
- 1 FTP Accounts
- Half Privacy
$39/month
- Disk Space 10 GB
- Bandwidth Unlimited
- Setup Free (?)
- 1 Free Email Accounts (?)
- 1 FTP Accounts
- Half Privacy
$59/month
- Disk Space 10 GB
- Bandwidth Unlimited
- Setup Free (?)
- 1 Free Email Accounts (?)
- 1 FTP Accounts
- Half Privacy
$99/month
- Disk Space 10 GB
- Bandwidth Unlimited
- Setup Free (?)
- 1 Free Email Accounts (?)
- 1 FTP Accounts
- Half Privacy
- Disk Space 10 GB
- Bandwidth Unlimited
- Setup Free (?)
- 1 Free Email Accounts (?)
- 1 FTP Accounts
- Half Privacy
- Disk Space 10 GB
- Bandwidth Unlimited
- Setup Free (?)
- 1 Free Email Accounts (?)
- 1 FTP Accounts
- Half Privacy
- Disk Space 10 GB
- Bandwidth Unlimited
- Setup Free (?)
- 1 Free Email Accounts (?)
- 1 FTP Accounts
- Half Privacy
$59
- Disk Space 10 GB
- Bandwidth Unlimited
- Setup Free (?)
- 1 Free Email Accounts (?)
- 1 FTP Accounts
- Half Privacy
Portfolio
Берет фотографии из категорий Joomla и K2. Можно управлять кол-вом отображения фото, скоростью анимации, и стилями анимации. Показаны не все варианты сеток размещения фото
Popovers
Можно задавать, стили, размеры, цветовые вариации(Меняется в стилях). Выбирать событие мыши по которому будет появлятся элемент, по наведению, клику.
- Стиль Light;
- Стиль Dark;
- Стиль Yellow, срабатывает по клику;
- Стиль Green, Событие: Always (После появления всегда показывается);
- Стиль Red;
- Стиль Blue;
- Стиль Youtube;
- Стиль Tipsy, без заголовка;
- Стиль Bootstrap, без заголовка;
- Стиль JTools, без заголовка;
- Стиль Tipped, без заголовка;
- Стиль Cluetip, без заголовка;
Promotion Box
Promotion Title
Promotion Title
Promotion Title
Promotion Title
Progress Bar
Section
Задается любой цвет фона
Изображение в качестве фона
Эффект Паралакса и картинка в качестве фона
Shadow
Тень на любой блочный элемент
Social Icons
Размер и стиль по умолчанию
Размер по умолчанию, Стиль Min. Цвета иконок должны быть отключены, в противном случае они не будут отличатся от стандартных.
Размер по умолчанию, Стиль Circle. ВНИМАНИЕ: при добавлении шорткода со стилем "Circle" в коде прописывается название стиля с ошибкой, а именно "cicle" исправить на "circle" вручную
Размер по умолчанию, Стиль Flat.
Размеры иконок: Small, Default, Large
Social Like
На каждом элементе разный вид анимации. Facebook: To Left, LinkedIn: To Top, Twitter: To Bottom, Google plus: To Right,
Social Share
Spacer
Добавляет пустой промежуток между текстом
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchangedSplash Screen
Всплывающее окно с ообщением, и затемнением всего фона страницы. Код скрыт "коментарием" чтобы посмотреть отредактируйте материал убрав теги коментирования кода.
Toggle Boxes
Если в материале вместе с Toggle-Box присутствует шорт-код Divider, то возникает конфликт с отступами "margin". Отступы Divider присваиваются также Toggle Box. В результате чего, в каждом togle box будуть большие отступы.
Collapsible Group Item #1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Collapsible Group Item #2
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Collapsible Group Item #3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tabs
Можно задать такие цветовый вариации: Green, Blue, Black, Red, Oranges, Dark Blue, Pink, Darked, Brown, Purple, Cyan.
Basic Toggle Tabs
Basic Toggle Tabs(Blue)
Toggle Tabs Width Icon
Toggle Tabs width Icons (Red)
Boxed Toggle Tabs
Boxed Toggle Tabs (Oranges)
Underline Toggle Tabs (Green)
Underline Toggle Tabs (Blue)
Curved Toggle Tabs
Curved Toggle Tabs(Dark Blue)
Curved Opened Toggle Tabs
Curved Opened Toggle Tabs(Brown)
Vertical Toggle Tabs (Left)
Vertical Toggle Tabs (Right)
Tabel
Striped
Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 | Колонка 5 | Колонка 6 |
---|---|---|---|---|---|
Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 |
Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 |
Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 |
Striped 2
Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 | Колонка 5 | Колонка 6 |
---|---|---|---|---|---|
Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 |
Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 |
Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 |
Bordered
Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 | Колонка 5 | Колонка 6 |
---|---|---|---|---|---|
Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 |
Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 |
Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 |
Striped with Hover
Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 | Колонка 5 | Колонка 6 |
---|---|---|---|---|---|
Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 |
Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 |
Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 |
Bordered with Hover
Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 | Колонка 5 | Колонка 6 |
---|---|---|---|---|---|
Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 |
Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 |
Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 |
Цветная таблица
Фон: #fffcd1 (желтый), Первая строка: #3c50c1 (синяя), Третья колонка: зеленая
Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 | Колонка 5 | Колонка 6 |
---|---|---|---|---|---|
Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 | Строка 1 |
Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 | Строка 2 |
Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 | Строка 3 |
Testimonial
Изображения должны иметь соотношение сторон 1:1. В противном случае они сожмутся, и будут неправильные пропорции.