Сверстать прототип страницы со списком к существующему API

Есть одностраничник на статичном HTMLБизнеслогики и обработки данных нет

На приложенном скриншоте - эскиз + комменты(вроде ничего сложного, обсуждаемо)

Нужно:

Добавить одну страницу (без меню,просто по ссылке сайт/search)

На странице:

1) Поисковая строка

2) Список найденного (только текст)

Без шапки, футера, прям как на скриншоте

API:

Есть запрос, Swagger(интерактивная документация, можно подергать) https://chatbotfnsapi.azurewebsites.net/swagger/index.html (нужен /api/Chatbot/ask)

Он возвращает список элементов по поисковому запросу, их и выводим

Для мобилок может выглядеть на 100% также

Тестирование:

1) Сам закидываю на хостинг

2) Открываю сайт/search

3) Ввожу текст в поиск - выводит найденные элементы

За отдельные деньги есть куча доделок по функционалу, очень нужен фронт на 10+ часов в неделю, но это по итогу обсудим.

Приложение:

Что возвращает АПИ

"answers": [

{

"id": 884,

"answer": "текст ответа, первая строка - заголовок",

"questions": [

"Аналогичный вопрос из базы 1",

"Аналогичный вопрос из базы 2"

],

"source": "...",

"score": 89.44, -- рейтинг, т.е. насколько ответ подходит по мнению поискового ядра. Он нужен для зеленой полоски слева

}

}

{

-- данные следующего ответа-статьи. Под каждую статью рисуем блок ответа

}

]

}