Сергей Горячев

div {
  justify-content: center;
}
a {
  padding: 2px;
}

Про pug-include уже ответили, это правильное решение.

Поскольку хочется без сервера, есть парочка мыслей.

В качестве эксперимента и для себя, попробуй "сварить" вот это)
al-scvorets.github.io/wm-html-include.js
Я помню, меня сильно затянуло, когда первый сайт сделал так, для себя)

(выделил, как наиболее интересное решение)

А также есть старенькая технология SSI htmlbook.ru/webserver/ssi
В принципе, тоже само по себе рабочее.

Нагуглил еще одно решение HTML Import, если честно не пробовал.
https://www.html5rocks.com/en/tutorials/webcompone...
Но судя по описанию, с вашей задачей справится.

https://www.jqueryscript.net/demo/Attractive-jQuer...
https://www.jqueryscript.net/demo/Colorful-Circula...
По тому же принципу.
Но проще будет просто картинками.
При загрузке страницы повернуть круг на нужный градус в соответствии с минутами, секундами.
А потом анимировать rotate.

Без кода, хз конечно, но на всякий случай (в чем сам пару раз косячил).
Css должен быть подключен через <link href="">, а не через <link src=""> или что-то другое)))
Ну и наличие rel="stylesheet" проверить на всякий.

https://jsfiddle.net/61ygvr85/2/
ты ее сам двигаешь туда-сюда транслейтом, и удивляешься, что у тебя прыгает

Годится.

$.fn.shuffle = function() {
      var m = this.length, t, i;
      while (m) {
        i = Math.floor(Math.random() * m--);
        t = this[m];
        this[m] = this[i];
        this[i] = t;
      }
      return this;
    };
    $('.portfolio__item').shuffle().each(function(n) {
      $(this).delay(n*900).fadeTo(1500, 1);
    });

Любую CMS, которую знаете.
Либо без гемороя, подключить сообщество Вконтакте и размещать туда, чтобы отображалось на сайте.
С API VK можно даже поработать, вытаскивать картинки для галереи из фотографий, а новости из ленты или обсуждений.
Для простых сайтов без систем управления иногда так делают.
Особенно, если заказчик "дуб дубом" в админках.

Бери .com и не парься. А вообще разницы нет, хоть .xxx, лишь бы контент нормальный был и имя нравилось)

html
<div class="section"></div>

css

.section {
background: url('...') 50% 50% / cover no-repeat #color;
position: relative;
z-index: 1;
}
.section:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
left: 0;
z-index: 2;
background: url('...')... // png либо svg
}

либо Как реализовать с помощью SVG?
https://codepen.io/sfi0zy/pen/PbNEeq?editors=1000

html

<div class="section">
    <svg></svg>
</div>

css

.section {
background: url('...') 50% 50% / cover no-repeat #color;
position: relative;
z-index: 1;
}
.section svg {
content: "";
position: absolute;
bottom: 0;
width: 100%;
left: 0;
z-index: 2;
}

Welcome to Search
https://extensions.joomla.org/category/crm/