archelon

Иконки не являются частью контента. Они несут только визуальную нагрузку. Оформительскую. Для машинного чтения бесполезны, даже вредны.
Представьте, что вы "просматриваете" страницу скринридером. И он начинает вам зачитывать описания иконок. Оно вам надо? Вы пришли за информацией.
Поэтому иконки вообще не следует верстать тегом img. А уж если сверстали, то оставьте alt пустым и добавьте role="presentation"

Вот так короче svg : https://codepen.io/topicstarter/pen/oNwgbLO

В общем схема следующая: имеем квадрат в размерах 100 100 в которой мы по координатам x1 y1 x2 y2 ставим две линии

1 линия будем иметь такие координаты: 0 0 это начало 100 100 это конец линии
2 линия будет иметь такие координаты 0 100 это начало 100 0 это конеч линии



Пример кода ответчика itishnikitsme - смотрите сами сколько лишнего хлама

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<g>
	<g>
		<path d="M284.286,256.002L506.143,34.144c7.811-7.811,7.811-20.475,0-28.285c-7.811-7.81-20.475-7.811-28.285,0L256,227.717
			L34.143,5.859c-7.811-7.811-20.475-7.811-28.285,0c-7.81,7.811-7.811,20.475,0,28.285l221.857,221.857L5.858,477.859
			c-7.811,7.811-7.811,20.475,0,28.285c3.905,3.905,9.024,5.857,14.143,5.857c5.119,0,10.237-1.952,14.143-5.857L256,284.287
			l221.857,221.857c3.905,3.905,9.024,5.857,14.143,5.857s10.237-1.952,14.143-5.857c7.811-7.811,7.811-20.475,0-28.285
			L284.286,256.002z"/>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

SVG, и нужно разобраться с атрибутами stroke-dasharray и stroke-dashoffset:

swiper.js -- https://swiperjs.com/demos#pagination-progress
И вообще я щитаю swiper.js самый лучший слайдер. Он не лагучий, в отличии от slick-slider ))

Aljo, Не нужно бороться с редактором. Подходов существует множество, все зависит от того, что ты умеешь, чему не прочь научиться, а что делать не планируешь.
Возьмем как базовый пример например лендинг из 5ти блоков. В одном из блоков слайдер с последними записями блога. В футере и хедере есть номера телефонов и ссылки на соцсети.
Уже если подумать просто редактора недостаточно, чтобы вывести из админки номера телефонов и соцсети.
Может быть несколько подходов. Самый простой - использовать плагин для метаполей, я пользую ACF Pro. С помощью него можно сделать страницу настроек и из нее получать номера телефона и социалки и выводить в хедере с футером. Также это можно сделать через API кастомайзера. Это встроенная система настроек. это уже чуть сложнее, но тоже ничего сверхъестественного. Третьим вариантом вижу виджеты. Регистрируем сайдбары где нужно и из виджетов выводим прямо верстку.
Перейдем к телу лендинга.
Самый простой способ это если есть готовая верстка создать шаблон страницы для этого лендинга и вкинуть в нее всю верстку. Можно разбить на отдельные файлики для удобства. Контент выводить через те же метаполя.
Можно поставить конструктор страниц и сделать на нем. Можно попробовать сверстать на встроенном гутенберге, но так как он довольно уныл из коробки нужно будет поставить пару плагинов, расширяющих его возможности.
Далее как вариант можно делать свои кастомные блоки для гутенберга из готовой верстки.
Вспоминаем что нам нужно в один из блоков вывести слайдер с последними записями. Тут не обойтись без знаний работы с циклами вордпресс и дальше снова либо код прямо в теле ленда, либо выносим в функцию, либо делаем блок для гутенберга либо смотрим умеет ли установленный нами редактор делать такие штуки.
И чем глубже, тем интереснее. Кастомные типы записей и таксономий, интеграция сложного меню с помощью класса wp_walker, создание шорткодов и виджетов, плагинов в конце концов. Кароч, желаю удачи

https://www.w3.org/TR/CSS2/box.html#propdef-padding

Padding:

Applies to: all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column

Задавай padding ячейкам:

Один из вариантов: выделить всё и нажать divide на панели Pathfinder (в русском "Обработка контуров"),
выделенные объекты разрежутся по всем взаимным пересечениям



Или можно сделать копию из черного объекта и использовать как маску (Clipping Mask) для всех объектов, тогда зеленые останутся целыми

UPD: Ответ artmertehin — оптимальней

1. сохраните свою работу (исходный код, скриншоты из ЛК хостинга [и другую финансовую информацию из аккаунта], а также логи действий и прочее).
2. Сохраните все переписки с клиентом, если велись или будут вестись разговоры - их записи
3. Убедитесь, что у клиента есть доступ к той части, которую он оплатил,
4. предупредите клиента о риска (например, если не будет платить за хостинг - то файлы удалятся) и зафиксируйте это
5. Разблокируйте клиента и попробуйте договориться о окончании работы и о мировой, зафиксируйте отказ клиента.

6. В случае, обращения клиентом в полицию - вы сможете предоставить все доказательства того, что работа была выполнена и клиент перевел средста за ту часть работы, которую вы сделали и передали ему.

Igor Korobeinikov, он прав, только немного перепутал терминологию.
"Выделенная память ГП" - та память, которая находится непосредственно на самой плате видеокарты.
"Общая память ГП" - часть памяти ОЗУ твоего ПК, которую ГП может тоже использовать.
"Оперативная память ГП" - это сумма выделенной и общей памяти, т.е. весь суммарный объем памяти, который доступен для ГП.