Всем привет, вчера я завершил вёрстку текущего сайта. Буду прикладывать скриншот каждого блока для ознакомления, потом пояснять за его наполнение, а в конце дам ссылку, чтобы вы уже сами всё потыкали и посмотрели. Ширина экрана <990px, тк скриншот был сделан с помощью специального сервиса.
Не особо примечательная секция, в плане того, что в каждой строке (или секции блока, кому как угодно) стоят рядом описание и скриншот, а благодаря функционалу bootstrap получилось всё сделать, считай, играючи. Но вот предпоследняя секция этого блока (которая с несколькими скриншотами) становится довольно интересной, когда начинаешь менять ширину экрана. Мне нравится, как я реализовал её адаптивность.
Блок со слайдером. Дизайнер задумывал его статичным, но не кажется ли вам, что интерактив приятнее?) С этим всем, правда, пришлось покопаться, зато вспомнил, как использовать слайдер slick. Кто в теме, наверное, спросит, почему я использовал сторонним функционалом, а не слайдером от bootstrap. Отвечаю, в процессе обучения мне приглянулся именно slick и с ним я освоился довольно хорошо.
Вполне стандартный "подвал" сайта. Несколько колонок, в каждой из которой куча ссылок на разную информацию о компании + описание этой самой компании. Когда всё это перестаёт помещаться в экран, каждая колонка превращается в выпадающий список.
Повторюсь, макет был рассчитан только для пк и расставлен не по сетке. Адаптивный дизайн был сделан мной самим. Так же, в макете не были указаны эффекты при наведении на ссылки и эффекты при нажатии на кнопки, поэтому оставил всё по стандарту. А то убрал бы совсем и было бы непонятно, ссылка это или просто строчка красивая) Ссылка на сайт. Найдетё какой-нибудь косяк, сообщите мне, буду очень признателен. Но, вряд ли у вас это получится)