Егор Огурцов

Если не смотреть на то, как это там реализовано, а подумать своей головой, то я бы сказал, что это в разы проще сделать с помощью SVG. Раскраска - это по сути векторная картинка с большим количеством замкнутых контуров (элементы path), которые еще на этапе рисования объединены в группы (элемент g), которые потом будут краситься в один цвет, клик на группу легко делается стандартным addEventListener('click' ..., а заливка - это атрибут fill с цветом. Ну а выбор карандашей - это стандартная карусель, только не с картинками, а с кучей кружков, на которые можно кликать и выбирать цвет для заливки.

Нужно, чтобы элемент с sticky-top был непосредственным потомком скроллируемого контейнера (скорее всего, это у вас body).

Можно на тег повесить так как у вас класса нет

button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

Либо добавить класс и применить к конкретному классу.

Настройте MIME типы на сервере.

Для начало попробуйте через .htaccess

AddType font/ttf 				.ttf
AddType font/eot 				.eot
AddType font/otf 				.otf
AddType x-font/woff 				.woff
AddType font/woff2 				.woff2

Если Content-type не изменится и вы не можете самостоятельно настроить заголовки для типов файлов - обратитесь в тех. поддержку Jino

Как должно быть

можно использовать решение с бустрапа row
контейнер с отрицательными margin https://jsfiddle.net/dor4du3r/

$("select option[value=" + val + "]").attr('selected', 'true').text(text);

Запоминать не в массив, а в объект, то есть

var points = {};
...
points[value.id] = new ymaps.Placemark(...);

Пример

var button = $('.btn');

button.click(function(){
		var $el = $('.hide');
    
		if($el.length > 0) {
				$($el.eq(0)).removeClass('hide').addClass('show');
        if($('.hide').length === 0) {
        		button.hide();
        }
    }
});

Вы точно воткнули аплинк в WAN порт? )

А зачем макеты? Я беру готовые известные сайты и переверстываю их.