1. На основе предоставленных сайтов (отправлю в личку) - вы собираете базу похожих в количестве 100шт, вместе с предоставлеными.
Все шаблоны ищите адаптивные под моб устройства, как в примерах.
Показываете мне - я утверждаю.
2. Вы делаете копии данных сайтов в виде отдельных файлов .html .css .js (p.s "js" по возможности не использовать - сразу удалять, использовать только когда нужно для адаптивных шаблонов).
3. Удаляете муссор - лишние скрипты, тексты и прочее, что бы можно было использовать шаблон по назначению. PS: Удаляете муссор - лишние скрипты, тексты и прочее, что бы можно было использовать шаблон по назначению. => если сложно почистить ненужный мусор (много вложенных тегов, много JS и т.д.), сверстайте элемент "на глаз" самостоятельно - это съэкономит много времени.
4. Обрезаете сайты на части в отдельные файлы:
P.S.: Сайты могут быть только с топ-меню или с сайдбар-меню (колонка справа или слева и только на широких экранах)
Соотв., результат работы будут файлы (это все для одного шаблона - 1 шаблон = 1 папка с файлами, 2 шаблон - 2 папка с файлами ...)
header-menu.html - это хедер страницы (меню, строка поиска, ссылки и т.д.) . Если в шаблоне нет такого элемента как топ-меню, не делаем такой файл, а делаем
left-menu.html или right-menu.html
По имени *.html также должен быть CSS-файл с классами (классы должны быть НЕЗАВИСИМЫМИ от других элементов страницы) - например, header-menu.css
footer.html - низ страницы с ссылками, копирайтами и т.д.
main-body.html - это картинки, с анимацией наведения, со стилями и т.д.
text-body.html - это часть, где есть текст на странице. Если такая часть отсутствует, не делаем такой файл
tags-block.html - часто под или над картинками есть теги целым блоком - если есть - создаем такой файл.