theobroma

Не могу найти подходящий слайдер для кастомизации. Скриншот требуемого результата : http://joxi.ru/GrqzJ13uD01Kmz. Не много опыта со слайдерами есть, но в примерах на оффсайтах слайдеров не могу подобрать похожее. Проблема заключается в нижнем темном блоке: 1) как его вообще прикрутить; 2) стрелка-треугольник должна двигаться и указывать на нужную фотографию ; 3) все должно быть адаптивно - то есть не на десктопах порядок будет "фото"->"информация"->"статус бары". Хотя бы намекните в каком конкретно направлении копать...

1. Метод прижатия мне нравиться. Сделал "динамический" padding c помощью следующего кода gwPadding = function() { // Функция для назначения padding-bottom var $footerHeight =$('#footer').height(); // Определяем высоту футера и это значение присваиваем переменной $('.global-wrap').css("padding-bottom",$footerHeight); // Добавляем CSS свойство .global-wrap};$(document).ready(gwPadding); // Вызов функции при загрузке документа$(window).resize(gwPadding); // Вызов функции при изменении ширины окна2. Так же изменил немного поведение блоков в футере на более симпатичное.. 3. На счет заголовков... Смотрел как на других ресурсах: творится какая-то полная анархия: 1) делают различными заголовками - от h1 до h4; 2) классами вида class="heading", class="h4" и т.п, присваивая их div'ам, внутри которых надпис;3) тупо загоняют в тэг span. А как правильнее всего? Я сделал эти заголовки h2 исходя из того, что другие заголовки на странице имеют такие же стили, как и эти, даже размер шрифта один и тот же. Почему нет?

1. @screen-md-min увеличил с 992px до 1046px. Скролл исчез. 2.Освоил генерацию спрайтов с помощью Gulp. По возможности все запихнул в один спрайт.Добавил ховеры. 3.4. Это мне понятно. Просто мало интересно, случайно пропустил - больше за другое как-то волновался...В общем, исправил. Перезалил на тот же адрес.

Спасибо. Вот только не пойму что с этим делать. Как я уже писал, шаблон не был изначально для Bootstrap: там ширина контента 1000px. В variables.less я переприсвоил @container-md на 1030px с 960px. Что же теперь можно сделать, и как вообще правильно? P.S. А есть еще какие-нибудь критические замечания?

Прошу оценить мой вариант небезызвестного макета Bislite http://bislite.esy.es/. Присутствуют страницы Portfolio и Contact us. Я пытался все сделать адаптивно - ресайзинг окна браузера приветствуется. Что еще: