Нужен HTML-верстальщик для технологической вёрстки прототипов на bootstrap.
На входе даю прототип лендинга на акшуре. Вот пример исходника:
На выходе хочу получить HTML с проставленными классами bootstrap. Например, вот эта секция
должна превратиться вот в такой код:
<div class="block block-bordered b-cause">
<div class="container">
<h1 class="text-center">Почему нет продаж</h1>
<div class="row">
<div class="col-md-8">
<h2>1. Непонятное предложение</h2>
<p>Клиентам непонятно, в чём крутость продукта, потому что нет маркетинговой упаковки.</p>
<h4>Как диагностировать</h4>
<p>
Клиенты спрашивают «сколько стоит» и исчезают.
Пишешь им: «Здравствуйте, вам еще интересно моё предложение?» – не отвечают на письма.
<br/>
Клиенты говорят: «Дорого», «За что 5 тыщ?», «Ладно, я подумаю».
</p>
</div>
<div class="col-md-4">
<div class="b-cause__quote">
<p>Предложение юридической компании:</p>
<h4>Поработаем по вашему запросу</h4>
<p>Супер акция! 500 рублей в час</p>
</div>
</div>
</div>...
CSS писать не надо, только HTML и проставить классы bootstrap, а для нестандартных компонентов – собственные названия классов.
Макет должен получиться адаптивным, то есть вам нужно понимать, как работают классы бутстрапа. Исходный прототип не адаптивен.
Названия классов должны соответствовать БЭМ.
Весь текст надо оттипографить с помощью
и поставить букву «ё» там, где её потерял прототипщик.