Сергей ZSA

.circle {
  width: 100px;
  height: 100px;
  background-color: #ff0000;
  border-radius: 50%;
  border: 30px solid #f8d1d3;
}

UPD: Также можно сделать и с помощью box-shadow. Для этого надо в коде выше border заменить на это:
box-shadow: 0 0 0 30px #f8d1d3;

Используйте flex.
Демо.

Это, конечно, не семантично, но можно использовать <fieldset>
<fieldset><legend>Hello World</legend></fieldset>

fieldset {
  border: 0;
  border-top: solid 1px red;
}
legend {
  margin: 0 auto;
  padding: 1em;
}

https://jsfiddle.net/umLocy7e/

Или создать псевдоэлементы https://jsfiddle.net/hhsfbz5c/
Но в таком случае, нужно в css указывать длину текста. Или оборачивать текст в span с паддиногм и непрозрачным фоном.

1. Заверенные и подписанные документы у нотариуса присылаются работником на указанный адрес через службу почтовой экспресс-доставки. В ответ - также ему присылается подписанный договор с реквизитами со стороны работодателя обратно.

2. В трудовом договоре с удалёнными фрилансерами прописываются все способы взаимодействия: формат работы, системы учёта рабочего времени, диапазон(ы) активности (для конференций и обсуждений) по дням/часам за ПК, оговариваются все сроки, риски, компенсации.

3. Если Вы не разбираетесь в нужной теме (включая трудозатраты по работам) - ищите сразу доверенного человека, который в ней понимает и сможет дать адекватную оценку по возникшим вопросам.

Для создания динамического сайта вам понадобится один из современных JS фреймворков.
Список наиболее популярных:

• Angular
  
• React
  
• Polymer
  
• Ember
  

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

Кроме этого необходимо будет создать backend сервис. Для этой цели подойдут (выберите один из предложенных языков): Node.JS, PHP, Python, Ruby. Видео-уроков по данным языкам программирования более чем достаточно в Интернете.

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

Если же желание изучать всё вышеперечисленное отсутствует, то можете воспользоваться любой понравившейся CMS, предварительно подготовив шаблон для сайта.

У вас скромный рейт. Хотя, возможно, для Чехии это нормально.

Я работал и работаю на фрилансе уже много лет. И в штате много лет тоже работаю.
Поэтому могу кое-что сказать.

Минусы

1. Все байки про фриланс — правда.

2. Нужно иметь железную дисциплину, чтобы работать в строго отведенные часы, а в другое время отдыхать. И чтобы вставать вовремя, а не спать до обеда.

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

4. Очень много мудаков среди клиентов. Со временем научишься их определять с первых же слов в переписке. Но до этого придется некоторое количество раз обжечься.

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

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

7. Забудь про стабильность. Сегодня ты заработал двойную зарплату, а в следующем месяце процентов 50. Нет никого, кто строго раз в две недели будет тебе перечислять деньги на карту.

Плюсы

1. Свобода в выборе задач и проектов. Это прям кайф.

2. Есть возможность заниматься своими делами, потому что за проекты отвечаешь ты и только ты. Соответственно, можно брать выходные, когда тебе удобно, а не когда они на календаре пришли.

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

4. Есть возможность учиться. Не вечером после работы, днем, когда голова свежая.
Офис эту возможность сильно ограничивает.

5. Есть много времени и сил на свои проекты. То, до чего не доходили руки целый год офисной работы, может быть сделано довольно быстро.

Где работать
Попробуй везде. И на фл и на апворке есть свои плюсы и минусы.
Но самые лучшие клиенты — это, конечно, которые приходят напрямую.

Хз, в чём магия, но я вышел на апворк года с два с лишним назад. Взял пару заказов, сделал, получил хорошие оценки, и на год забил. Не могу сказать, что у меня было нечто особенное в работах или в навыках - WordPress, немного по веб-анимации. Но проблем с получением первого заказа не было. Через год у меня было уже не сильно актуальное портфолио, но я пришёл обратно и решил работать всерьёз. Каких-то проблем тоже не помню, народ потянулся. При этом не могу сказать, что занимался чем-то специфичным - WP-разработка и вёрстка, в основном.

Возможных проблем вижу несколько:
- плохой английский
- плохое портфолио
- негативные отзывы
- высококонкурентная сфера, где сложно показать, чем вы лучше
- плохие кавер-леттерс (лучше писать сразу под задачу клиента, предлагая варианты решения)

Думаю, имеет смысл прокачать специализацию и двигать её. Я сделал себе WordPress-портфолио, предлагал "всё для WP" - разработку плагинов, тем, WooCommerce, REST. За год получил "top rated" и шквал заказов - разве что, серьёзный по российским меркам кеш сделать не получилось (2к-3к на пределе) - видимо, для WP это непросто, ну или я поймал не ту волну. Сейчас думаю расширяться на более серьёзные фреймворки, будет интересно, что предложат там.

Да, и идея с низкими ценами - она плохая. Ставьте нормальную для себя цену и убеждайте заказчика, что вы отличный специалист. Индусов он и без вас найдёт :). Я обычно просто повторяю цену, заявленную в объявлении, а если вижу, что она слишком низкая для задачи - повышаю до комфортной для себя.

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

Как исполнитель, заработавший больше 100К$ (PHP, JS) на апворке и как заказчик, потративший больше 300K$ (тоже PHP и JS), скажу, что cover letter - это 90% успеха.

Cover letter в стиле "быстро, дёшево, качественно" - сразу отправляются в топку. Когда фрилансил, то 10 из 10 заказчиков мне отвечали и почти всегда нанимали. Просто потому что в cover letter я сразу рассказывал как буду решать их задачу и задавал дополнительные вопросы по проекту. Когда нанимал сам, то хороший cover letter, где рассказывали что будут делать и задавали правильные вопросы, я получал, примерно один раз из 20 в случае с бэкендом (PHP) и ни разу за всю практику в случае с фронтендом (JS). Вообще грамотных фронтендеров на апворке я нашел ровно 0 (предлагая 35$ в час за ПОСТОЯННУЮ неограниченную работу), поэтому пришлось отказаться от услуг фриланса.

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

Такие дела

Пункт меню вне контекста блока меню не используется, значит является элементом.

Prepros - устаревшая хрень для гуманитариев) Забудьте. Переходите на Grunt/Gulp. Поверьте мне, там все просто.
Туториал по Grunt, Туториал по Gulp.

Все вопросы к веб-дизайнеру макетов!

Как то так

function toggleClassByInterval (className, elements, delay) {
    var $divs = $(elements)
    var currentPosition = 0
    var timer = setInterval(function () {
    	(currentPosition == $divs.length + 1) && (currentPosition = 0)
       $divs.removeClass(className).eq(currentPosition++).addClass(className)
    }, delay)
}

https://jsfiddle.net/eubwhL0y/9/

на размер CSS файла повлияют очень сильно. Будет ли сайт очень долго грузить CSS ?

не повлияют. не стоит заморачиваться.
Есть такой термин - преждевременная оптимизация. Такая оптимизация даже хуже ее полного отсутствия.

ЗЫ
Сверстай все страницы. Потом проверяйте скорость загрузки. При необходимости разобьете один файл на несколько (тем более с препроцессором это не составит труда).
Хотя я не думаю, что у вас в итоге выйдет огромный файл стилей, который нужно будет распиливать..

Как-то вот так:

<nav>
    <ul>
        <li><a href="" class="chbg" data-bg="1-bg.jpg">Ссылка 1</a></li>
        <li><a href="" class="chbg" data-bg="2-bg.jpg">Ссылка 2</a></li>
        <li><a href="" class="chbg" data-bg="3-bg.jpg">Ссылка 3</a></li>
    </ul>
</nav>

<div class="index-bg"></div>

$(document).on('ready', function(){
	$('.chbg').on('mouseover', function(){
		var url = $(this).data('bg');
		$('.index-bg').css({"background-image": "url("+url+")"});
	});
});

https://jsfiddle.net/yarkov_aleksei/45tds8tL/