Сверстать маленький лендинг

Необходимо сверстать маленький лендинг на один экран под Bootstrap. Макет аккуратный, в psd. Вот требования: 

1. Она должна быть валидной, работать в основных браузерах, на основных разрешениях, быть адаптивной. Адаптив – на ваше усмотрение, но логика расположения элементов должна быть. 

2. Названия идентификаторов и классов должны быть разумными, образованными от английских слов. Если вы умеете использовать методологии именования, то замечательно. Просьба комментировать HTML и CSS.

3. Свой JS просьба вынести в отдельный файл. 

4. Не нужно ничего сжимать. Библиотеки, разумеется, подключаем сжатые.

5. По кнопке запуска ролика слева от формы нужно открывать модальное окно с роликом. Ролик ниже тоже должен открываться аналогично.

6. Для формы нужно подключить масочку на телефон

Работа достаточно срочная, если нет возможности сделать быстро, пожалуйста, не пишите.

Скриншот с сеткой в пониженном качестве прикладываю.