Как сделать такой сайт? Какие технологии тут используются?

Question

[sergemin]

luchi.moscow/plans/phase1
twin-house.com/plans

Учу обычную верстку, но не понимаю, что за теги тут используются и атрибутов слишком много. Подскажите

Comments

[ShinShil]

div и css, и помощью позиционирования(position) и background + немного текста можно добиваться весьма неожиданных эффектов

[Hyubert]

такое Вам рано делать, а технологии svg + js

Answer 1

[Иван Карпущенко]

Там во время наведения :hover у svg с таким же контуром меняется цвет с прозрачного на немного прозрачный.
Можно посмотреть с помощью инструментов разработчика ( например, в хроме достаточно нажать f12), как оно работает - наводить и убирать мышку - код svg меняется.
Рекомендую также поставить на браузер Chrome расширение Wappalyzer - показывает, какие технологии используются на сайте

Answer 2

[Роман Тюрин]

Просто svg + js