Для начала определить какие цели вы ставите и чего хотите достичь. Понимаю, это банальность и задумываться об этом не стоит. Но в то же время это поможет с преодолением преград, вставших на пути. Если вы желаете денег в web-индустрии (я так понял из-за того, какой сайт вы привели в пример), то при понимании что у вас ничего не получается, вы хотите сдастся, вы будете вспомнить о цели и снова браться за дело. Или подгонять себя, например словами: «Если продолжу совершенствоваться, смогу достичь многого». Однако не слишком переоценивайте заработок, придётся приложить довольно много сил для реализации себя. Но слова довольно много сил, очень относительное понятие. Для кого-то сверстать один landing – это уже очень серьёзные усилия, а для кого-то сверстать пять-шесть – разогрев перед настоящим и интересным заданием.
Поскольку с началом мы определились, можно ответить на заданный вопрос. В некотором роде он довольно прост, и здесь тоже нужно понять кое-что важное, а именно вашу подготовку. Насколько хорошо вы знаете HTML, CSS, используете ли препроцессоры, сборщики задач? Про JavaScript уже не говорю и PHP (база понадобится для CMS). Если у вас поверхностные знания, и вы не знаете, как верстаются простые страницы, стоит подтянуть эти знания, посмотреть, как верстают другие люди. Попытаться сверстать landing самостоятельно. Однако не пытайтесь прыгать выше головы, иначе такое может привести к мыслям о несостоятельности.
И последнее что можно сказать, если второе сделано – это практика. Да, это тоже очень шаблонный ответ, но он самый правильный. Вбивайте в интернете «Макеты сайтов psd» скачивайте которые вас будут интересовать, и которые вы сможете сверстать и начинаете верстать. Один сайт, два, три, четыре. Не забывайте и усложнять макета, которые будете верстать, иначе останетесь на одном месте. Дальше придёт понимание того, что именно вам нужно. Какие технологии стоит изучать, какие просто подтянуть.
И поскольку написать всё это одно, а привести примеры другое, то оставлю некоторые ссылки, где всё это можно сделать:
https://html5book.ru – без справочника в наше время никуда. Он очень сильно пригодится в будущем;
https://www.youtube.com/channel/UCVswRUcKC-M35RzgPRv8qUg/featured – довольно хороший канал. Особенно курс: «Курс Веб-разработчик 10.0». Он бесплатно доступен на канале и даст понимание происходящего. На этом же канале можно встретить вёрстку сайтов, чтобы понять как это делается.
https://www.youtube.com/channel/UCE_w6FxGfRKH2fU76raVeog/featured – хороший канал от отличного человека. Есть вёрстка сложных макетов, что очень даже хорошо. В общем сильно рекомендую его!
https://www.udemy.com/course/webdeveloper/ – если вас интересуют платные курсы, то этот очень хорош, лично мне понравился. Если цена пугает, то просто ждите. На платформе Udemy часто бывают хорошие скидки в целых 90%. При этом, наверное, можно найти и ссылки, которые при переходе дадут автоматическую скидку. Говорить как это делается, не буду по той причине, чтобы оставить вам этот челлендж.
https://tpverstak.ru/psd-mockups/ | https://camouf.ru/designes/ready-psd-layouts-for-saito/ | https://psd.in.ua/category/templates/, – сайты где можно найти макеты для вёрстки.
И самое последнее, цитирование написанного выше – главное практика.