Нет тут никаких «среднестатистических цен». Всё зависит от опыта разработчика, качества верстки (ее всё равно переверстывать под темплейты друпала) и «цены за час работы» конкретного разработчика.
Я бы оценил примерно так (при адекватной верстке):
1. 4-8ч
2. 4-8ч
3. 8-16ч
4. 8-16ч
5. 8-16ч
Итого 32-64ч или 4-8 рабочих дней, или (при сверической зарплате в вакууме в 80к) 29-58к рублей.
Так что моя «средняя цена» за всё — $1000-2000 в зависимости от подробностей ТЗ и качества вёрстки
Невозможно силами CSS сделать то, что вам надо (одну геометрическую фигуру).
Но если начать как вы делали, то сдвигами элеменов и теней можно получить из двух дивов правдоподобный вариант.
Озвучте задачу целиком.
Видно, что html генерируется, и скорее всего с ошибкой. Похоже, что где-то незакрытый тэг. Браузер интерпретирует как может, но не факт, что правильно. Скорее всего, favicon в body не обрабатывается и браузер запрашивает стандартный из корня домена.
Представить вид мобильного экрана можно в эмуляторе Android.
Хотя проще всего банально сжать окно браузера до нужных размеров, вот даже расширение есть удобное.