Нужно сверстать два шаблона по макетам https://www.figma.com/file/7F1mtNKHBYDYdKfpla1MwJ/test-freelance?node-id=0%3A1 - вертикальная и горизонтальные адаптации.

Макеты представлены в размере 376 × 668, размер iPhone 8 + 1 px. Верстку нужно адаптировать под экраны размеров 320 × 568, 414 × 736, 768 × 1024 в вертикальной и горизонтальной ориентации и 1366 × 768, 1920 × 1080 в горизонтальной ориентации.

Пожалуйста, напишите скрипт template.js, реализующий код формирования HTML-разметки шаблонов и функцию шаблонизации renderTemplate, которая принимает строку с алиасом шаблона alias и данные для шаблона data. Ожидаемый результат функции renderTemplate — строка с HTML-разметкой слайда. Данные для шаблонов представлены в файле data.json на гитхабе (см. ссылку ниже). Функция должна быть доступна глобально, для этого присвойте функцию renderTemplate в качестве метода объекта windowвнутри скрипта.

По итогу выполнения задания должно получиться два файла:
template.css — содержит стили для всех элементов;
template.js — содержит код формирования HTML-разметки и функцию шаблонизации renderTemplate.
Шаблоны должны корректно работать в последних версиях Chrome, Mozilla Firefox, iOS, Android.

Шрифты для шаблонов, svg изображения выложены на гитхабе в папке assets: https://github.com/barracuda12/template-freelance