1) 2 выезжающих слева и справа блока
Фрагмент текста любого назначения, например, описание чего-то и т.п. Здесь может быть любой HTML-код. Ниже будет список. Обычный список с возможностью выбирать иконки для маркеров. Все возможные иконки можно посмотреть: ЗДЕСЬ (откроется в новой вкладке).
- Первый пункт списка. Самый короткий
- Второй пункт списка. Здесь уже пример текста чуть длиннее, ятобы показать, как это будет выглядеть в браузере.
- Третий пункт списка. В этом примере показан уже достаточно длинный фрагмент текста, чтобы было понятно, как маркированный список структурирует фрагменты текста различной длины.
Внизу можно расположить также фрагмент текста абсолютно любого назначения, использовать ссылки, и другие элементы HTML, или не испльзовать их.
2) Слайдер с любым содержимым
3) 2 выезжающих слева и справа блока
Первый пункт
Каждый из этих пунктов появляется при помощи эффекта увеличения
Второй пункт
Задержка увеличения регулируется в настройках блока (сейчас: 150мс)
Третий пункт
Иконку для каждого пункта можно будет выбрать. Все возможные иконки можно посмотреть: ЗДЕСЬ (откроется в новой вкладке).
Четвёртый пункт
Число пунктов неограниченно. Ориентироваться стоит только на смысловую нагрузку и визуальные пожелания
Заголовок блока
Крупный шрифт в заголовке блока
4) Красивые "кубики" с иконкой и ссылкой
Текст ссылки 2
Текст к ссылке 2. Иконки также можно будет выбирать. Все возможные иконки можно посмотреть: ЗДЕСЬ (откроется в новой вкладке).
Текст ссылки 3
Текст к ссылке 3. Число "кубиков" не ограничено, но лучше выбирать кратное 3-м или 6-ти
5) Блок для кнопки
Здесь может находиться любой текст, стимулирующий нажать на кнопку ниже. Например: подписаться на что-то... Или записаться куда-то...
КнопкаФотогалерея
Фотогалерея с широким функционалом
6) Фотогалерея с возможностью увеличения картинки и просмотра в режиме галереи. Также можно включить разделение по Категориям и установить ссылки "подробнее", ведущие на любые страницы сайта или закладки внутри страниц
7) 2 выезжающих слева и справа блока
В правом блоке представлены счётчики. Каждый счётчик имеет уникальные настройки: начальная цифра, конечная цифра, длительность счёта, уникальная иконка. Все возможные иконки можно посмотреть: ЗДЕСЬ (откроется в новой вкладке). Число счётчиков - неограниченно. Вставлять можно не только в правый или левый блоки, но и отдельно в "раздел". Тогда на большом экране они будут растянуты в линию.
Долгий счётчик Здесь выставлена скорость счёта: 8.
Стандартный Здесь выставлены обычные параметры (скорость счёта: 2)
Чуть подольше Здесь выставлена скорость счёта: 4.
Не сначала Здесь стартовая цифра: 100
8) Тот же слайдер, но в другой вариации
Saul Goodman
Ceo & Founder
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
Sara Wilsson
Designer
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
Jena Karlis
Store Owner
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
Matt Brandon
Freelancer
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
John Larson
Entrepreneur
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
Заголовок раздела
Наша команда
9) Блок представления людей (это могут быть мастера или сотрудники или региональные менеджеры или любые другие). Здесь удобно расположить прямо на фото ссылки на контакты или какие-то другие блоки. Иконки на ссылках можно менять. Содержимое блока ссылок на каждом фото может быть разным. Число людей - неограниченно
Walter White
Chief Executive Officer
Sarah Jhonson
Product Manager
William Anderson
CTO
Amanda Jepson
AccountantРаздел контактов
Контакты
10) Блок с контактами, картой и формой. Каждую часть можно использовать отдельно, тогда она будет на всю ширину экрана.
Адрес:
Москва, ул. Тверская, д. 1
Email:
info@example.com
Телефон:
+7 (999) 999-99-99
11) Пример отображения внутренней страницы в Разделе и Контейнере.
Пример внутренней страницы12) Пример отображения внутренней страницы в Разделе без Контейнера.
Пример внутренней страницы13) Пример отображения внутренней страницы в Контейнере без Раздела.
Пример внутренней страницы14) Пример отображения внутренней страницы без Раздела и Контейнера.
Пример внутренней страницы15) Пример отображения внутренней страницы "Портфолио", собранной из показанных выше блоков.
Project information
- Category: Web design
- Client: ASU Company
- Project date: 01 March, 2020
- Project URL: www.example.com
This is an example of portfolio detail
Autem ipsum nam porro corporis rerum. Quis eos dolorem eos itaque inventore commodi labore quia quia. Exercitationem repudiandae officiis neque suscipit non officia eaque itaque enim. Voluptatem officia accusantium nesciunt est omnis tempora consectetur dignissimos. Sequi nulla at esse enim cum deserunt eius.