Therapyx

Как возможное решение, работайте со стейтами.
У вас должен быть листнер, который исполняет код при открытии картинки. Меняйте состояние на что-то подобное "pictureOpened" и при закрытие всеми возможными путями меняйте это состояние на "pictureClosed". Соотвественно так же с листнером, который обрабатывает кнопку "назад". Вроде бы это onKeyDown или onBackPressed. Дак вот в этом листнере "если статус = puctureOpened" - вызвать функцию аналогичную с кликом на картинку, которая ее закрывает, иначе {do defaulf}

А что если сделать ход конем и сначала инициализировать переменную стринга для недели, после чего делать всего-лишь один инклюд. На подобии include($var + ".php")?
Точного синтаксиса не знаю, правильный алгоритм дал - дело за тобой ))

Скажем так, сам работаю с биг датой на жаве и множестве различных продуктов. И вот сейчас появилась потребность визуализировать поток данных в веб - а для нормальной реализации привет Html, css, js.
Так что смотря какие задачи)

Сделайте облегающий картинку div без отступов и к нему присвойте box-shadow.

Вот генератор теней, играйся, бробуй и бери что понравится.. :)
css3gen.com/text-shadow

"он знает что я занимаюсь разработкой сайтов " и "только на создание сайта визитки" Как-то не сочетается. Если он тебе реально друг, то лучше сразу признайся и скажи ему лучше на фрилансе заказать у опытных людей. Иначе это никакой не друг.

По мне так, "вся" информация, которая должна меня заинтерисовать в плане покупок, должна находится в шапке. В футере же обычно находится
- контактная информация
- копирайт
- как проехать к магазину
- вакансии
- о вас
- FAQ,
- методы оплаты итд
В футер обычно заглядывают в том случае, когда надо копать глубже, т.е. клиента интерисует не только найти товар и нажать кнопочку "заказать". Поэтому все что касается удобства в плане покупок для клиента должно быть видно СРАЗУ. Вот серьезно иногда так бесит, когда важную информацию куда-то шкерят :)

Загляните в эту темку
Есть ли в природе обширная книга по front end разработке?

Дописать в .img {
position: relative;
width:200px;
}
codepen.io/anon/pen/KdMzjL
?
Или тебе надо саму картинку затемнять? )

Зачем себе усложнять жизнь старьем? Конечно можно и на москвиче до сих пор ездить. Меня вот изначально уже начали приучать, что абсолюты всякие - это зло.
Не ломай серьезно насчет этого голову. Просто возьми и забудь :) Используй флоаты и не парься.
Даже таблицы tr td table это по сути "старое". Я их любил, пока по стандартам каких-то там комитетов(не вдавался в подробности), чтобы сделать веб эпку стандартом для многих компаний, меня запрягли менять всю табличную смеху(на 100+ фаилов) с тр, тд, тейблом на блочную структуру, да еще так, чтобы все оставалось не изменным на глаз, т.е. пиксель в пиксель - вот где был ад и геморой.
Так что поверь, лучше в наше время отходить от этой ерунды и забивать голову более полезными вещами.

Там скорее всего стоит текст не в пх, а в REM. Ищите через контрол+F и меняйте дальше как угодно )

Не думаю, что на чисто CSS + HTML вы сможете прожить. В таком случае вам надо очень много заказов, которые по себестоимости очень дешевые. HTML + CSS по сути это самая база любого веб-программиста(дизайнера) поэтому конкуренция огромная. Если к этому причислить еще JS, jQuery и всякие фреймворки и заниматься чистым фронт-ендом. То тогда уже другое дело и там уже все зависит от вас, вашей популярности, качества работы и вашей "продаваемости".
А так ну сами подумайте, студенту без опыта дать заказ сделать сайт визитку за бутылку пива - он сделает.

- вот тут показаны как делать фигурные блоки habrahabr.ru/post/126207
- делаешь Бордер где-то в 5-7 пикселей.
- в бэкграунд такого блока вставляешь транспарентную картинку(треугольник)
= профит :) Хотя вроде еще с opacity для бекраунда придется похимичить