Это svg
Вставить их можно:
- прямо в код
- фоном
- в псевдо в фон
- в псевдоэлемент в content
В первых 3 случаях разумно собрать их в спрайт.
Выбор зависит от того, что с ними дальше будет происходить, нужны ли интерактивные эффекты или нет.
И лучше все таки не как img вставлять, потому что это не контентные изображения, а украшательство.
От себя добавлю:
- если стиль блока зависит от его порядка следования в коде, то нужно использовать first- last- или nth-child
- если зависит от содержимого и не зависит от порядка, то нужны дополнительные классы
almenovr, у меня ваш сайт в принципе блокируется и антивирем и виндой.
Поэтому варианта 2:
1. Разобраться почему ругается антивирь и сделать норм, чтобы можно было смотреть.
2. Изучать ошибки в консоли браузера, обычно там написано что и почему не грузится.
range slider (не путать с input range)
просто так подарочек