Олег

Я бы попробовал линии svg а остальное на css. Даже сетку можно заверстать
https://habrahabr.ru/post/315216/
Хотя по сути и слиниями можно извратиться

Как вариант на скорую руку https://jsfiddle.net/Politonius/nxtmcybe/1/
Решение мое. ХЗ есть в сети подобное или нет)

Как вариант на canvas запилить https://jsfiddle.net/Politonius/45jvrtoe/2/

Все элементарно https://learn.javascript.ru/mouse-clicks

Может не запаривайся. На js реализуй) jsfiddle.net/3rh69fpw
что бы реализовать админпанель или еще хз что там... нужно выучить php

Идей никаких. Все.что попало в браузер уже на стороне клиента.
Хотелось бы посмотреть. что за чудо шаблон, что копируют часто)))

Разбери реализацию ;) https://tools.wmflabs.org/parliamentdiagram/parlia...
Ссылка на github там есть

Хостинг естественно бесплатный...
Читайте, какие ограничения использует бегет для предоставления ХАЛЯВНОГО хостинга.
ЗЫ. платные аккаунты на нем без ограниxений и прочей лабуды. У самого там же тариф GREAT

https://codepen.io/anon/pen/NaEjYO

На копирование смысл?
Повесьте на click.

<a href="mailto:info@rekmedia.ru">info@rekmedia.ru</a>

- открывает клиент по умочанию на телефоне иликомпе.
Телефон переверстайте.

<a href="tel:+74953748281" class="teldiv"><span class="telcodediv">(495)</span>374-82-81</ a>

- с компа никто не нажимает номер))), а просто вводят в телефон. А при открытии в планшете просто нажимается номер и попадает в набор ;)

@media print {
table,tr,td{
  border:none;
}
}

Упс. Не правильно понял)))
https://jsfiddle.net/Politonius/g55ha4aa/

Вообще то это прошлый век. Но лучше catalog.html переименовать в index.html и поместить в директорию catalog/ туда же и 3,4,5 позиции

Как вариант обернуть в span https://jsfiddle.net/x4phm86b/

Попробуй самостоятельно найти ответ
Подсказка
viewport

masonry