Сергей Шилов

Я бы это сделал на bxSlider

Значит, что лень класс присвоить

У Вас диагональный градиент.
Вот ваш код:

background: linear-gradient(to top left, #3ECBDD 0%, #088BA7);

Советую bx-slider использовать как слайдер-карусель, а за вывод картинок пусть отвечает advanced custom fields pro в режиме repeater.
Если вы не разработчик, то советую masterSlider плагин, это новый плагин от известной студии с кучей разных настроек, которых с лихвой хватит покрыть ваши потребности)

a {display: block;}

Как на счет такого? Знакомый делал на нем доску объявлений по автозапчастям или типа того.

https://tamaranga.com/products/doska/

#s {display:none !important;}

Если знаком с вордпресс, то в его теме, по сути, только циклы и функции, если знаешь за что какая отвечает, то без проблем заменишь их на html и получится голый шаблон.

Абсолютно не понимаю смысла в этом. А как вы будете подробно изучать траффик с мобильных устройств? Если нужен быдло способ (а у вас быдло способ), то при определении юзер агента, удаляйте из файл с адаптивным каскадом))))))

Разумеется. Этот файл задает правила индексации, но никак не запрещает её по-умолчанию в случае его отсутствия.

Box-shadow: 0px 0px 0px 0px #000; - если речь идет о белом блоке. 4-й параметр регулирует разброс тени

А ничего другого в голову и не должно придти.

div {
background-color: red;
background-image: url(images/heart.png);
background-position: center center; /*Только тут пишешь куда тебе поставить его надо*/
}

Ну, вам правильно подсказали, что это Parallax, просто его можно представить в любом виде. Ваша же задача примерно такого типа:

.layer-1 {
     background: url(img/img.jpg) center center no-repeat; /*задаем картинку фона по центру и не повторяем её*/
    background-size: 100%; /*Растягивает бэкграунд на всю площадь экрана, можно ещё применить св-во cover, но не забудь расставить префиксы*/
     background-attachment: fixed; /*фиксируем бэкграунд при прокрутке*/
     z-index: -1; /*говорим, что он будет невидим под другими слоями*/
}

.layer-2 /*Наезжающий слой снизу*/ {
     background: url(img/img.jpg) center center no-repeat;
     background-size: 100%;
}

Соответственно 2 дива, у которых эти бэкграунды, должны быть width: 100%; height: 100%; - для пущей красивости)
А если вы хотите использовать тру-параллакс с разным движением фона итд, то погуглите ресурс parallax.js

Сейчас главные тенденции - мобильные гаджеты и почти весь современный веб упирается в них, а это значит, что вам нужно понимать разницу между фиксированной, резиновой и адаптивной вёрсткой и где и как её применять. Важно, если Вы хотите этим заниматься, изучать все современные технологии, которые нам дает html5 и css3. - для всех этих целей я использую сайт frontender.info/ , где ребята переводят забугорные статьи, относящиеся в последним веб-тенденциям и технологиям, а htmlbook использую просто как словарик.

Советовать CMS я не стану, потому как это в большинстве своем тормозит тебя как разработчика(если, конечно, заказчик не требует какой-нибудь WP или Joomla, но это в основном нищие заказчики :) ), потому что ты пользуешься готовым решением и работать в дальнейшем в команде с back-end разработчиками тебе будет трудно. Поэтому, раз знаешь плюсы, тебе будет сравнительно легче изучить хоть какие-то основы php, работая с шаблонизатором Smarty.

Сейчас уже нет такого понятия, как "верстальщик", они зарабатывают сравнительно мало, сейчас есть понятие - Front-end - разработчик, где помимо вёрстки надо знать js и популярные фреймворки и библиотеки для работы с мобильными приложениями, так что дерзайте!