iBird Rose

идешь на https://tech.yandex.ru/share/ выбираешь какие нужно - качаешь. и там в папке будет файл со спрайтами и настройками. их и правишь под себя

если прям точно 1260 и учел все отступы то в getbootstrap.com/customize/#container-sizes в @container-large-desktop ставишь 1260 и в getbootstrap.com/customize/#media-queries-breakpoints в @screen-lg ставишь 1320

примерно так demo.umi-cms.spb.su/demos/tableFixCol/1.html

идешь на https://tech.yandex.ru/share/ выбираешь "счетчики" - дальше после выкачивания нужных - будет спрайт с иконками. ну и стили тоже свои можешь делать. в общем заменить будет не проблема

это нужно в одном случае - когда тебе нужно перебить какой то стиль. тобишь среди вариантов:
1) написать путь длинне вставив еще одного родителя
2) использовать !important
3) обращаться через id
4) использовать div.class-name
последний вариант самый профитный и безобидный. в других случая такое написание юзать не нужно. и смысла в этом нет.

так чтоли? https://codepen.io/Jintos/pen/crlxk

вот похожий код. если добавить эвенты для клика и менять курсор на руку - то будет как вам надо) codepen.io/ccrch/pen/yyaraz

transform: skewX(45deg);

по нормальному лучше делать просто задавая элементу display: none;
я не думаю что у вас там ситуация, что эти элементы будут генерироваться по 100+ штук. а значит полюбому лучше делать через display: none;

https://codepen.io/dudleystorey/pen/PZyMrd

каждый шрифт имеет свою ширину. можете только подобрать letter-spacing для шрифта и указывать его для определенного шрифта. но это будет смотреться не всегда красиво. поэтому лучше все же подгонять сайт под шрифт раз вы решились его поменять. или иметь 2 разных стиля если вы собираетесь менять шрифт одним щелчком.

ставить картинки бэкграундом. у бг кастомизации больше. к примеру тот же background-size: cover;

с такой задачей не сталкивался, но смотреть нужно в сторону
gulp-html-replace, gulp-inject, gulp-htmlbuild и gulp-resources
которые подключают нужные скрипты на страницу. только вам нужно изменить подключение не скриптов, а просто линков

ну ты спану задал width: 65%; но бг то у тебя идет через after.
или для after тоже задай ширину тогда, либо вообще удали after и делай все в спане

обычный слайдер. просто при ховере прописано перелистывание слайдера
через kenwheeler.github.io/slick можно сделать используя методы
$('.your-element').slick('slickNext'); и $('.your-element').slick('slickPrev'); при ховере на нужные эелементы

htmlbook.ru/css/nth-child
через n переменную

никакого JS кода, размеры заголовка, анонса и изображения могут любые, обязательна поддержка IE8+.

решение: берешь и шлешь куда подальше заказчика. я тебе говорю. самый верный вариант)

p.s. а вообще с помощью float'ов можно посидеть поразмыслить. но это муторно будет.