База знаний Front-end работы

Цель: необходимо создать веб страницы которые в перспективе будет базой знаний. (всем бекендщикам листать вниз)

Всего страниц требуемых к разработке: 6

Сроки: проект не горит. нужно будет месяц, дам месяц на разработку (но только не Front-end). Даже если новичек на фрилансе не вопрос поработаем увидим.

Проверка: чистоту кода проверять буду здесь w3c validator.

Описание страницы: Сами страницы состоят из 4-6 лейблов и 4-6 инпутов

Цвета: серая подложка, оранжевые кнопки (#FF8C00), оранжевая обводка форм (активных) (#FF8C00), оранжевое подчеркивание текста навигационного меню (#FF8C00). Оранжевое выделение тексте при поиске и совпадениях (#FFA500). Черный текст (Arial, Tahoma, Verdana,). При оранжевой кнопке цвет текста белый.

Навигационное меню: Оформленное по типу ПБ. Однако углы вверху с левой стороны закруглены, и кнопки являются выпуклыми. Цветное подчеркивание снизу. По стилистике и цвету соответствуют примеру.

Задний фон:

Поиск: по мере ввода текста выдает совпадения с полями:

• Категория, Тело
• Предложенные варианты ниже строки поиска выдавать следующим образом: Категория > Текст > Язык

Поиск по тегам: по мере ввода текста выдает совпадения только с полем «теги» Предложенные варианты ниже строки поиска выдавать следующим образом: «тег»

Новости: Страница оформлена в виде таблицы имеющая следующие столбцы

• Дата в формате (День\Месяц\Год Часы:Минуты)
• Тело новости

Если была добавлена новая новость, то возле заголовка находится знак «!» – оранжевого цвета (#FF8C00)

Просьба: 

1. никаких бутстрапов и прочих "мусорных" фреймворков разметки. Он принимается в случае если Вы сможете почистить его, а не просто прикрутить таблицу стилей бутстрапа (которая идет "из коробки")
2. Если есть человек который не просто сверстает но и выполнить Back-end работы с удовольствием рассмотрю его предложение. фреймворки Yii\Laravel.
3. Адаптивность под разные размеры компа.
4. Под моб устройства верстки не требуется
5. кроссбраузерность

пункт 1

пункт 2

Возможность поиска материала по двум параметрам:

• Поиск (простой)
• Поиск по тегам

При введении поискового запроса и нажатии кнопки Enter выводим таблицу с результатами вида:

• Язык (только 4-ре языка) носит только информативный характер и ничего больше!
  • Язык 1
  • Язык 2
  • Язык 3
  • Язык 4
• Категория (зависит от поля категория при заполнении макроса из АП)
• Тело (Тело макроса)

При наведении на одну из строчек таблицы выделяем ее в слабый цвет (#FFA500 прозрачность 70%) при нажатии открывается полный вид макроса в форме input с возможностью его редактирования, однако без возможности сохранения.

Также самая страница и на «пункт 4»

Добавление инфы в пункт 2 и пункт 3 

4 лейбла 4 инпута кнопка добавить

1. Категория (используется для поиска, категория не выбирается а просто вводится в ручную)
2. Теги (используется для поиска по тегу)
3. Язык
4. Тело (используется для поиска)

Инфа для Back-end девов.

Нагрузок больших не предусмотрено для внутреннего моего использования так  что 1 человек (желательно если будет второй что бы все не рухнуло 😁, а  если серьезно то 50-100 подключений к сайту должен выдержать). Поиск по  новостям, поиск по категориям и телу, поиск по тегам. Добавление инфы. Не требуется регистрации. Авторизация нужна т.к будет АП. в АП будет возможность редактировать новость (возможно предусмотреть блок RichText). а так же редактировать пункт 2.

Предлагать мне CMS не нужно потому что интересен проект именно на Yii или Laravel, а если еще и MVC паттерн используете то вообще сказка 😁

вебстудии не интересны и мне не нужен полный комплекс работ, нужно только то что я описал - как говориться все что не предусмотрено в ТЗ выполняется на усмотрение исполнителя.