Roman Khegay

<a id="phone" href=""><a/>

document.addEventListener('DOMContentLoaded', function() {
	var link = document.getElementById('phone');
	var a = '+7(123) 123-45-67';
	var b = '+8(321) 123-45-67';
	
	link.innerText = b;
	link.setAttribute('href', 'tel:' + b);
	
	setInterval(function() {
		link.innerText = link.innerText === b ? a : b;
		link.setAttribute('href', 'tel:' + link.innerText);
	}, 1000);
});

Я, в своё время, использовал nunjucks

В документации написано:

Рекомендуемый плагин для анимации ввода пользовательских файлов: bs-custom-file-input, это то, что мы сейчас используем здесь, в наших документах.

Вызывайте модальное окно бутстрапа не через data-атрибуты, а через javascript и передавайте туда заголовок и стоимость:

<button onclick="openModal(headline, price)">Открыть модальное окно</button>

function openModal(headline, price) {
    var modal = $('#myModal');
    // нужно добавить уникальный класс к h3 и .price
    $(modal).find('.h3-modal__title').text(headline);
    $(modal).find('.modal__price').text(price);
    $(modal).modal('show')
}

Всё дело в путях.

Попробуйте:
<link rel="stylesheet" href="../css/style.css">

Только один вариант:
query string - это параметры, которые передаются не в теле запроса, а в урле - например: https://site.com/?login=login&password=password

Но! это крайне небезопасный метод, от такого нужно бежать.

Безопасным методом авторизации служат HTTP запросы и API со стороны конечного сайта.