Alexandr Alexandrov

Мы так вместе по чуть-чуть сайт соберём :)
https://jsfiddle.net/yu3ver/u1xvvj1e/

1. https://marketplace.visualstudio.com/items?itemNam...
2. https://marketplace.visualstudio.com/items?itemNam...

стоят эти два плагина. в результате будут автозакрываться теги html, при наведении на закрывающий покажет начало (и наоборот), а при наведении на свойства и удержании ctrl всплывёт подсказка, которая пояснит к какому классу. у плагинов есть настройки, можно добавить необходимое от себя.

Если хочется "быстро и не париться", то через вьюпорт задать ширину контейнера глобально. Например,

<meta name="viewport" content="width=1200, user-scalable=yes">

т.о. пользователь будет видеть уменьшенный масштаб сайта и сможет увеличивать пальцами на устройстве.

Однако, в идеале нужен адаптив. На соседней бирже можно скинуть ТЗ и ребята помогут за символическое вознаграждение.

Если слайдер единственный элемент динамики на сайте, то обойтись можно и без jquery https://codepen.io/SitePoint/pen/KzjpGj (javascript) или https://codepen.io/AMKohn/details/EKJHf (css3)

Или изучить по ссылке https://corpocrat.com/2015/12/09/20-cool-pure-css-...

Можно воспользоваться printjs и отправлять на печать либо картинку, либо pdf сертификата.

Можно. Посмотрите здесь: https://stackoverflow.com/questions/19060301/how-t...

Верно, span - inline.
Можно даже пойти дальше и использовать что-то более красивое. Например, https://kazzkiq.github.io/balloon.css/
Или вот ещё пример, с другой разметкой (a, span) www.cssportal.com/css-tooltip-generator

@media only screen and (max-width: 767px ) {
.block {display: none;}
}

Разумеется, 767px - на своё значение меняется.

https://www.sitepoint.com/javascript-media-queries/

Перечитал пару раз, но всё равно сумбурно описано...
Вопрос, скорее всего, в формате ввода, который и обрезает вставляемую разметку. Вместо html можно подключить форматтер "php", использовать его в своих задачах, и тогда весь код будет обрабатываться\выводиться как есть.
На всякий случай ссылка: https://www.drupal.org/node/213156

А можно копнуть чуть глубже:
vuejs: https://github.com/wendaosanshou/vue-fullpage
vuejs: https://github.com/songyazhao/vue-plain-slider
vanilajs: https://github.com/ganlanyuan/tiny-slider
vanilajs: meandmax.github.io/lory

Посмотрите сюда: www.theappguruz.com/tag-tools/web/CSSAnimations

https://stackoverflow.com/a/32497972/7124221

Ещё есть шаблоны, которые могли быть переопределены. Обычно в директории, в самой теме, они валются. Например, fancybox-insert-image.tpl.php или page.tpl.php, node.tpl.php

Из сочинения очевидно: нужен модерируемый псевдо магазин.

Модерируемый — потому что права на изменнеи статуса имеются у многих, возможности изменять\добавлять.
Псевдо — потому что это не столь магазин, сколько система учёта и коммуникации.

В сборках магазинных, для Drupal, есть подобный и более интересный функционал. Есть и огромный коллектив поддержки — русская, английская, белорусская, украинская, молдавская даже, и возможости шикарные. Возможно обойтись и без написания модулей, если несколько раз отфильтровать мысли ТЗ и структурировать в тезисах.

Галактический голос в сторону упрощения, Drupal. ;)