Ankhena

1.1 Если сайт является рабочим, не требует системы управления контентом (т.е. статическим), то
выбираете хостинг, который Вас устраивает по цене и удобству. У приличных хостеров должен быть тестовый период.
Файлы статического сайта просто копируются в нужную папку. ("Нужная" папка у всех хостеров разная, написана в инструкции). Для копирования потребуется FTP-коммандер, теоретически любой, на Ваш вкус. Часто у хостеров есть веб-фтп, т.е. можно закачать все через браузер. Для начала.

1.2. Если сайту нужна система управления.
То это отдельная довольно большая история.

2. Про шаблоны для CMS: гуглить в направлении "что такое CMS?". Статей много, переписывать их содержимое сюда нецелесообразно. Лучше отвечать на Ваши возникшие по ходу чтения вопросы.

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

С одной стороны да, понимание дизайнером принципов верстки это хорошо.

А с другой стороны, Вы ставите дизайнера в какие-то рамки. Соответственно, вместо полета его творческой фантазии, на выходе получаете "клеточки по сетке".
Вы же профессионал и сверстаете все, что нарисует дизайнер, с сеткой, с кривой сеткой или вообще без нее.
Если это не так, то дело не в дизайнере.

https://yandex.ru/support/search/troubleshooting/w...

Внизу страницы с результатами поиска ссылка "Обратная связь", а в ней последний пункт "Предложения и пожелания".

(Для каждого сервиса своя форма обратной связи, находится в разных местах)

opacity в данном случае не поможет.

Вместо изменения прозрачности пишите изменения цветов в формате rgba.
Используйте фильтры master-css.com/page/css3filter
Подменяйте картинки.

Очень интересно, при Вашей записи

nav ul>li{
  display: inline-block;
  text-align: center;
}

Картинки и так должны быть по центру.

И если они так не становятся, надо смотреть остальной код, нет ли там какого-нибудь лишнего, например, float:left, для всех картинок.

Это https://jsfiddle.net/cqnxg7ej/ Ваш код и он работает. (Ну только там был один лишний закрывающий li, его убрала)

При такой конструкции (если неизвестно сколько элементов foo впереди и они могут идти вперемешку) на CSS никак.

Используйте обертку или доп.классы.
Или JS

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

Я бы добавила таргетинг в соц.сетях. Минус - ни разу не горячая ЦА.

Еще, я думаю, не стоит задавать вопросы типа "пойдет ли идея", обольют чем только можно.

Составить бизнес-план.
Показать/рассказать друзьям. Попросить задавать каверзные вопросы, чтобы понять жизнестойкость идеи и готовность к разнообразным передрягам.
Сделать лендинг, группу с посылом "Оформить предзаказ сейчас, со скидкой ХХ%", начать рекламу. Посмотреть количество заявок.

1. Начать с meta viewport.
2. Проверить данные таблицы. Например "Режим работы - есть" - очень хорошо, что он есть и очень смешно.
3. "Поддержка" - данные заменить на 0р, $, $
4. С портом - тоже придумать как сократить.
5. Слова в кнопках "Заказать" заменить, например, на галочки для маленьких экранов. Или на "заказ", потому что ширины поля с ценой и названием тарифа как раз должно хватить.

И все аккуратненько поместится.

Посмотрите флексбоксы 1, 2, 3 и media-запросы.

Если тяжело флексами, то float'ом.

Ради одного места на сайте таскать за собой бутстрап не привлекательная идея.

Для увеличения используйте белую границу, белый фон подложки, тень в одну сторону и т.д.

Тень: codepen.io/Ankhena/pen/ALydrA

<meta content="http://og-image.jpg" property="og:image">

ogp.me
https://yandex.ru/support/webmaster/open-graph/int...

Схлопывание margin