lukoie

7 экранов. 14 слайдов
первый слайд с видео, и автоматически переходит на второй слайд. второй слайд с контентом, и без автоматического перехода далее. на втором слайде цсс-анимация появления блоков.

кста, есть еще vw/vh что как бы вроде бы еще немного кошерней

https://bulma.io/alternative-to-bootstrap/
https://alternativeto.net/software/bootstrap/

для блока с дисплей флекс надо указать
.classname:first-child {
z-index: 1;
}
https://jsfiddle.net/1o9Lwym0/

флексбокс умеете?

do google wpkama
смотрите еще cms "get simple" - она простая, на файлах
если бы Вы умели сасс/лесс или паг или твиг, есть штуки, которые позволяют для ВП делать шаблоны с использованием их.
вообще, берите WP theme boilerplate, или например underscore - там всё очевидно и понятно что куда

1 У Вас стоковое изображение с водяным знаком. Либо купить его, либо заказать у дизайнера нарисовать "типа такое же".
2 Изображение такое желательно в СВГ сделать
3 Отдельно для верхней границы, отдельно для нижней, правой и левой. При этом изображения должны либо растягиваться, либо повторяться, чтобы выглядело норм на любой ширине и высоте окна браузера.
4 на фоне есть еще серенькие ромашки. Их сделать отдельно.
5 Быть готовым что некоторые ромашки могут обрезаться наполовину в местах стыка.

проще и быстрей всего- нарисовать в иллюстраторе и сохранить как SVG, а потом как обычную картинку

откуда в задаче берется ИЕ, кстати?

вот тут гляньте еще код, как реализовано: https://www.gatsbyjs.org/

У меня есть пару скринов похожих в пинтересте:
https://pin.it/o7y72wqossmhsh
можно выгуглить и в коде поглядеть каким скриптом сделано

Раз надо разные волны, нужны две дивки, у одной волна вверху, у второй -внизу, и делать их разными. А вместе они сходятся по прямой линии
Вот волна: https://jsfiddle.net/b2oytyL2/
или вот я Вам такую хрень забабацал: https://jsfiddle.net/cjw2qo9e/

Вам наверное проще всего будет в иллюстраторе сделать форму, и экспортнуть ее в свг

Так проще ж всего взять тот слайдер, и выковырять оттуда эффект.
Или хотя бы поглядеть его внутренности, там может есть название, или даже ссылка на тот жейквери плагин.

1 для полноцвета - jpg, но не png и наоборот
2 компрессия jpg тоже решает. Стандартных 65% может вполне хватать. Сравнивайте с 80% визуально.
3 сохранение в фотошопе в "save for web" дает лучше результат чем просто сохранение
4 картинки делайте 1в1 в пикселях как оно будет на сайте. 2х для ретины, Только если это для полноэкранных картинок или на полную ширину окна то ставьте фуллшд разрешение.
5 если сайт хостится не на ссд а на хдд, то тоже может дать результат вынесение изображений в сидиэн облако.

www.designyourway.net/blog/resources/css-and-javas...
https://www.youtube.com/watch?v=S6P_N2JWSrc

самый активно пользуемый вариант это coppermine-gallery.net

Та при чем тут потеря качества? Оно ж изначально в высоком качестве, а маленькая фото - просто уменьшенная фото. Под мышью лишь показывает реальную часть фото.

оказалось сработало вот так:
.qty_plus:hover,:focus,:active, .qty_minus:hover,:focus,:active {
text-decoration: none;
}