Ivan Ivanovich

namecheap

Например сделайте так, как описано здесь:

<!-- Простой попап диалог с формой -->
<dialog id="favDialog">
  <form method="dialog">
    <section>
      <p><label for="favAnimal">Favorite animal:</label>
        <select id="favAnimal">
          <option></option>
          <option>Brine shrimp</option>
          <option>Red panda</option>
          <option>Spider monkey</option>
        </select></p>
    </section>
    <menu>
      <button id="cancel" type="reset">Cancel</button>
      <button type="submit">Confirm</button>
    </menu>
  </form>
</dialog>

<menu>
  <button id="updateDetails">Update details</button>
</menu>

(function() {
  const updateButton = document.getElementById('updateDetails');
  const cancelButton = document.getElementById('cancel');
  const favDialog = document.getElementById('favDialog');

  // Update button opens a modal dialog
  updateButton.addEventListener('click', function() {
    favDialog.showModal();
  });

  // Form cancel button closes the dialog box
  cancelButton.addEventListener('click', function() {
    favDialog.close();
  });
})();

Да, можете. Решение сильно зависит от используемого веб сервера. Например, если вы используете node.js с express.js то вы можете в роутере или обработчике смотреть запрос, и если он заканчивается на /site определять нужный файл по остальной части пути и отдавать его в ответ на запрос. Но должен вас предупредить, что такое решение не является нормальной практикой, и в последствии может создать ряд проблем.

Через JS, естессно.

document.querySelector('img').addEventListener('click', function() {
  var links = [];
  [].forEach.call(document.querySelectorAll('.random_link a'), function(el) {
    links.push(el.getAttribute("href"));
  });
  window.location.href = links[Math.floor(Math.random() * links.length)];
});

Закинули картинки и скачали обратно сжатие TinyPNG

media screen and (min-width: 320px) and (max-width: 768px) {
footer {
position: fixed;
bottom: 0
}
}

Перед media только @ поставьте

footer{
  background: #212121;
  cursor: default;
  color: #fff;
  position: absolute;
  left:0;
  right: 0;
  bottom: 0;
  transform: translateY(350px);<code lang="css">

</code>

Сделал вам с jQuery, по крайне мере работает лучше чем на чистом css


В css поменял вот эту часть:

.input-field input:focus + label, .input-field input.filled  + label, .input-field textarea:focus + label, .input-field textarea.filled  + label{
  top: -25px;
  font-size: 14px;
  padding: 2px 5px;
  background: #ff006a;
  color: #fff;
  border-radius: 4px;
}

13 строка
display: inline-block;

https://jsfiddle.net/ktoqf5wr/1/ ?

Вопрос в другом, зачем нагружать сайт и загружать аж 3 изображения для такой простой кнопки? Она легко реализуется на css

Ivan Ivanovich , у меня есть теория что Google Search игнорирует сайты со странными и нестандартными доменами, у меня google также игнорил sitemap для сайтов с доменами .tk
Я задавал похожий вопрос Как победить ошибку Google Search Console «Не удалось обработать файл Sitemap»? про сайт charsmap.tk. Когда я перенес его на charmap.delgus.com, то google вдруг резко начал видеть его sitemap

Можно сделать самому, нужен будет только несколько больший спектр языков или настроек сервера.
И, если приложить достаточно усилий, то можно сделать и полноценный, со статистикой, саджестами, приложениями на телефон. Вот только стоит ли это того? Иной раз стоит.
Но в большинстве случаев оптимальнее выбрать один из готовых. Следует обратить внимание на то, сколько мусора тащит чат. У нас на поддержке несколько сайтов и мы плотно сталкиваемся с Jivosite и LiveTex. Последний не рекомендую, он тащит тонны мусора (шрифты, доп-скрипты и т.д.).

https://jsfiddle.net/Lcwezaqj/

#footer {
    position: relative;
    bottom: 0;
}

#footer {
float: left;
width: 100%;
/* height: 20px; */
background-color: #000;
color: white;
text-align: center;
font-size: 120%;
justify-content: space-between;
}

У конкретного учебного заведения есть своя конкретная учебная программа.

Попроси и почитай.