tyzberd

добавить при открытии класс для body
и стили

.myClass * {
    filter: blur(10px);
}
.modal {
    filter: none;
}
.modal * {
    filter: none;
}

Ключ добавляется при подключении api

<script src="https://maps.googleapis.com/maps/api/js?key=myKey&callback=initMap&&language=RU"
        async defer></script>

https://api.jquery.com/stop/

если это попап который открывается после загрузки страницы
1. загружается javascript с сторонего сервера
2. яваскрипт выполняется, генерируется html и вставляется в ваш html
3. открывается попап

используйте что то готовое, где яваскриптом выставляет в нужное положение.
например с bootstrap https://v4-alpha.getbootstrap.com/components/popovers/

напишите <use xlink:href="remont/#icon-email"></use>

классы в .addClass() и .removeClass() пишутся без точки

погуглите Shortcode wordpress
https://wp-kama.ru/function/add_shortcode

зачем вам fontAwesome в письме. Добавляйте картинками
Почтовые клиенты много не поддерживают https://templates.mailchimp.com/resources/email-cl...

.css(styleName) возращает значение сss
если нужно перебрать несколько элементов используйте .map() или .each()

отправьте через ajax

$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });

используйте Normalize.css

Никак, ширина выпадающего списка зависит от текста. Можете шрифт уменьшить, количество текста.
Или используйте не стандартный список.

douglas crockford "javascript the good parts"

прикрутить slick slider, bxslider, owl carousel и добавить стилей

наверно просит указать тип переменных