Максим Тимофеев

vertical-align:top; добавь к .left

С траекториями проще всего юзать svg:
https://css-tricks.com/guide-svg-animations-smil/#...
https://codepen.io/SaraSoueidan/pen/184082960ac3cc...
А вот jquery plugin, что бы уйти от SMIL, но все равно траектория в svg, ведь это мега удобно:
https://www.jqueryscript.net/animation/jQuery-Plug...

На сервере api, окна общаются через него. Что бы красиво - заменяем ajax на websoket. Все что возможно храним в localStaroge. Юзаем события:
window.onblur
window.onfocus

Как вместо кнопки раскрытия навбара в Бутстрапе, поставить какой нибудь текст?

Убрать иконку, поставить текст

Спросите у разработчиков bootstrap, которые включили flexbox в 4-ю версию.
Да и вообще flexbox решает лишь малую часть задач.

Да любой framework возьмите. Если религия не позволяет (допустим Вы свидетель css1.0) тогда хотя бы посмотрите как они это реализовали, обычно это width, и padding в %.
Отличный пример для подражания:
https://getbootstrap.com/docs/3.3/css/#grid
Есть и новее, но там уже flex:
getbootstrap.com/docs/4.0/layout/grid
Если аллергия конкретно на bootstrap, то вот:
https://yandex.ru/search/?text=grid%20framework%20...

если речь о jquery 3.x то там изменения в $.ajax
api.jquery.com/Jquery.ajax

Deprecation Notice: The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are removed as of jQuery 3.0. You can use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.

А вообще

Но он не работает

это ни о чем. Откройте консоль, посмотрите есть ли ошибки, потом там же посмотрите уходит ли запрос и что получает в ответ.
Вообще код странный, по какому событию он запускается не понятно. Я бы переписал его, обратите внимание на пример, который привел Егор Живагин

можно, я не против

Это только верстка формы, форма отправляет данные в скрипт отправки, адрес которого надо указать в action формы, например <form action="send.php" и вот в файле send.php надо разместить php код для отправки письма и там будет указан email и все остальное. Сама форма не умеет отправлять почту, она шлет post или get запрос. И уже скрипт в который попал этот запрос, берет из него данные и отправляет почту. А там уже есть куча вариантов и библиотек для этого.

Если Вы используете какую-то технологию, это не значит, что другие нельзя использовать с ней. То что Вы хотите это явно:
https://masonry.desandro.com/
при чем c bootstrap она отлично ладит (с 4-м не юзал, но думаю что проблем быть не должно)

Просто таблица в div c фиксированным width, вот пример:
https://getbootstrap.com/docs/4.0/content/tables/#...

например с помощью :after на который положить картинку и задать повторение по x, а шарики через :before без повторения.
Как вариант - svg
Самый простой вариант - просто все 1 картинка, так как семантики там нет, потери в seo минимальны, то может и не стоит придумывать велосипед

sass, less и другие технологии, которые генерируют css, в них могут быть вычисления типа деления, как следствие не целые числа.
Кстати если Вы все еще пишите css вручную - очень рекомендую. И gulp с ними.