Максим

покажи код

fotorama.io

если без плагинов:

создаёшь 1 большой блок где будет большая картинка с классом 'big-img'
снизу 5 ссылок - в ссылках с классом 'btn' пишешь аттрибут data-img="путь/*.jpg"

jquery:

$('.btn').click(function(){
		$('.btn').removeClass('active');
		$(this).addClass('active');
		$('.big-img').attr('src', $(this).data('img'));
	});

выпадающий список нельзя стилизовать

пользуйтесь плагинами. один из них:
https://select2.github.io/examples.html

я тоже долго мучался, с файлом .htaccess, пока не написал в службу поддержки хостинга. по умолчанию у них может быть отключено

это можно сделать с помощью плагина slick

https://www.youtube.com/user/TheSWAT727/videos
посмотри тут 3 последних видоса

я использую форматы
ttf, woff, eot

конвертировать можно тут https://onlinefontconverter.com/

@font-face {
	font-family:calibri;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/CalibriRegular/CalibriRegular.eot?#iefix) format("embedded-opentype"),
url(../fonts/CalibriRegular/CalibriRegular.woff) format("woff"),
url(../fonts/CalibriRegular/CalibriRegular.ttf) format("truetype")
}

Когда много кода, тупит плагин BracketHighlighter.
Не обращайте внимая на это.