Сверстать простой одностраничник

Нужно сверстать одностраничник с корректным отображением в моб устройствах.
Использовать стандартные решения (bootstrap, fontawesome и т.д.)
Все стили и скрипты должны быть в отдельном css и js файле
Использовать шрифты: Tzaristane Normal Cond, FFF Agent (или похожие)
Конечный результат: html файл, css файл, js файлы

Детальное ТЗ по странице

1. Верхнее меню:
   -Ссылки на переключение языков просто оставить #
   -Ссылки в шапке - это якоря на соответствующие экраны сайта
   -TEXT LOGO - текст названия сайта
   -При скроле меню всегда видно
2. Первый экран:
   -видео-фон (написать требования к размеру и форматам webm и mp4).
   -Видео должны работать в любых браузерах.
   -В мобильной версии видео не отображать, только лого и стрелка вниз
   -Поверх видео-фона - логотип в png посредине, должен быть прозрачным на 50% стилями в css
3. Второй экран "О нас" (якорь с меню - О НАС):
   -бекграунд и блок для текста с права на 40% в ширину. Добавить текст-рыбу на 500 симв.
   -В мобильной версии бекраунд просто белый фон с блоком текста и стрелкой вниз
4. Третий экран "Наши проекты" (якорь с меню - ПРОЕКТЫ):
   -вывод блоков (по 3 в строке) со статичными изображениями
   -при наведении на каждый блок появляется засветленый бекграунт с текстом (эффект- выезд снизу)
   -важно чтоб строки с 3мя блоками можно было добавлять и убирать (имеется в виду верстка не связана со следующими строками)
   -В мобильной версии выстроить подряд сверху вниз по одному блоку
5. Четвертый экран "Контакты" (якорь с меню - КОНТАКТЫ)
   -текст
   -блок с выводом иконок соц сетей, лого и контактные данные

Спасибо.