1. Никакого BR. Единственная область применения этого тега - редакторы контента сайтов в CMS-ках и формы для ввода комментариев в блогах.
2. Если хотите блочную структуру - оборачиваем в div-ы или в ul li, хотите в строчку в span. В общем какая-то обертка обязательна, а дальше уже настраиваем через CSS.
Просто несколько заранее определенных алгоритмов выстраивания сетки картинок. Превьюшки на самом деле одинакового размера, просто им задан background-size: cover и они подстраиваются под размер своей ячейки.
У вас уже написано что это меню. Главная ошибка новичков - покрывать подсказками очевидные вещи. Люди непривычные что с подсказкой, что без неё не найдут ваше меню. Единственный приличный вариант это туториал на полупрозрачном слое поверх сайта. Плагины из этой серии называются Web Site Tour. Начните отсюда: www.sitepoint.com/web-tour-instructional-plugins
В общем все дело во времени.
1. Прикидываем сколько хотим зп в месяц. Допустим это 100к
2. В месяце в среднем 24 рабочих дня по 8 часов. Получаем примерно 520 руб./час
3. Округляем до 600 руб/час
4. Прикидываем часы на разработку сайта
5. Умножаем на 600
6. Накидываем 20-30% на непредвиденные обстоятельства.
7. Вот и цена. Далее можно добавить еще некий коэффициент жадности. Скажем +10-100%) и всё
Вам намекают на неблокирующую загрузку скриптов. Это когда все-все скрипты (а не только один jQuery) подключаются в документе перед закрытием тега BODY и внутри HEAD нет ничего кроме файлов стилей. Использование атрибутов async и defer еще не является 100% кроссбраузерным решением.
Не парьтесь вы так, видно же, что контент жутко навороченный, кастомный, повторить на CSS не реально, по этому делается все проще. Вся иллюстрация делается фоновой картинкой, а кнопочки поверх с абсолютным позиционированием.