Spartak (Web-StyleStudio)

var email = $('#email').val();
var phone = $('#phone').val();
var text = $('#text').val();

Вот эта дичь не нужна!

В полях формы айдишники меняем на атрибут name. Для почты указываем type="email", для телефона type="tel" (на мобильных устройствах будет сразу открыта цифровая клавиатура для ввода телефона).

<form id="sendEmail" action="#" method="POST">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	</div>
	<div class="modal-body">
		<input type="emal" class="form-control" name="email" placeholder="Email" required />
		<input type="tel" class="form-control" name="phone" placeholder="Телефон" required />
		<textarea class="form-control" name="text" cols="30" rows="10" placeholder="Сообщение" required></textarea>
	</div>
	<div class="modal-footer">
		<button type="button" class="btn btn-default" data-dismiss="modal">Отмена</button>
		<button type="submit" class="btn btn-primary">Отправить письмо</button>
	</div>
</form>

Данные через ajax отправляем на сервер не по клику на кнопку, а по событию submit как это положено для формы.

$(document).ready(function(){
	$("form#sendEmail").submit(function(event) {
		event.preventDefault();
		$.ajax({
			type: "POST", 
			dataType: "html", 
			url: "page.php", 
			data: $(this).serializeArray(),
			success: function(data) {
				$(".modal-header").after(data);
			}
		});
	});
});

P/S: в php обработчик также необходимо добавить проверку и валидацию данных.

Использовать плагины подсказок, их полно в интернете, например этот https://atomiks.github.io/tippyjs/
Для html контента всплывающей подсказки
https://atomiks.github.io/tippyjs/v6/html-content/

Попробуйте указать inline-block для

.icon-bar a {
	display: inline-block;
	.... 
}

Либо явно укажите width для блока icon-bar
Например width:50px;

Можно такой вариант применить

$(document).ready(function () {
	$(".slider .slide").each(function() {
		$(this).attr("css", "background: url(" + $(this).attr("src") + ");");
	});
});

Потому что данные от киви приходят не в post

$data = json_decode(file_get_contents('php://input'), true);
print_r($data);

$("body").on("click", ".menu__link", function () {
    $("#main-navigation-toggle").prop("checked", false);
});

Либо такой вариант

$(".menu__link").on("click", function () {
    $("#main-navigation-toggle").prop("checked", false);
});

$query_comments = "SELECT * FROM `comments` WHERE `art_id` = '{$note_id}'";
$s_note = mysqli_query($link, $query_comments);
if (mysqli_num_rows($s_note)) {
    while ($n = mysqli_fetch_assoc($s_note)) {
        echo $n['comment']."<br>";
    }
} else {
    echo "Эту запись еще никто не комментировал";
}

"SELECT SUM(`sum`) as `sum` FROM ..."

$mail->CharSet = PHPMailer::CHARSET_UTF8;

А каким образом отправляется POST запрос, через ajax?
Если это не через ajax, то для form необходимо указать атрибут method со значением post, так как по умолчанию это будет get, а также необходимо указать атрибут action

die('Could not connect: ' .mysql_error());

P/S: и в этой строке ошибка, у вас mysqli, необходимо использовать mysqli_connect_error()
И забыли закрыть подготовленный запрос mysqli_stmt_close($stmt);
И для input с типом hidden не нужно указывать атрибут required

Дмитрий Тарасов,

function startSession()

Зачем создавать велосипед?