Сергей Горячев

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

Во-вторых, в инете полно PSD шаблонов, для этого совсем не обязательно писать на Тостер. НО тут есть небольшая тонкость. Если вы берете PSD из свободных источников, обязательно указывайте это в предоставлении работы. Так как может быть неприятно, когда "вашу" "работу" найдут еще на десятке сайтов.

А если уж по делу, то я в свое время сделал так - зарегистрировался на сайте ФЛ.ру, там были Блоги (не знаю, есть сейчас или нет), создал тему в разделе Дизайнеры с предложением приобрести за скромную плату невостребованные дизайнерские продукты. Естественно, что в таком случае, при размещении работы не будет никаких юридических тонкостей, и вас не обвинять в "чужом" портфолио.

Удачного плавания :)

Не знаю, что за слайдер используется.
В нормальных слайдерах есть callback функции.
Хотя в нормальных и видео выключается)))
Попробуйте поставить bxSlider.

Вот вам ПРИМЕР, как можно сверстать поиск - https://jsfiddle.net/cd3kagef/
(На картинку в Base64 не обращайте внимания, просто удобно было вставить именно так).

А по комментам. Верстать за Вас не буду, задавайте конкретные вопросы.

Вообще, это элементарные основы.
Плохую вы выбрали политику, сразу спрашивать на Тостере.
Так ничему сами не научитесь.

На ГФ всё прекрасно https://fonts.google.com/specimen/Roboto
Как в общем и в песочнице https://jsfiddle.net/czLe5ya7/1/
Вы что-то делаете не так :)
Ну, или правда, кэшируется что-то.

Используйте flexbox, не ломайте голову :)

Пока я готовил пример, dom1n1k всё написал уже.
https://jsfiddle.net/webirus/jocbkj35/

Без нормального кода в песочнице, отвечать буду кратко)
Обычные блоки с обычным бекграундом.
Добавляешь им отрицательный маргин и позитион релитив.

https://extensions.joomla.org/extension/sh404sef

PageTransitions.js (Не знаю на счет поддержки браузерами)
Источник - https://github.com/codrops/PageTransitions
Демо - tympanus.net/Development/PageTransitions

Или Animsition.js (Browser support IE10+, Safari, Chrome, Firefox)
Источник - https://github.com/blivesta/animsition
Демо - git.blivesta.com/animsition

У меня всегда на сайтах мобильная версия и всегда стоит запрет увеличения user-scalable=0.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

Ужас, зачем такие сложности? radio button