Верстка сайта с нуля по макету – компании и отзывы обзор, отзывы



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

WBLOGHOST – скидка 40% на любой пакет виртуального хостинга по ссылке
Если надоел ваш текущий хостинг, то HOSTiQ перевезет бесплатно на оставшийся оплаченный срок у старого хостера. Подробнее:

Ссылка на макет:

  1. Белая линия между блоками SOME OUR CLIENTS и OUR CLIENTS TESTIMONTIAL что это обозначает?

  2. класс wrapper для чего мы добавляли?

  3. Надо бы подробнее и медленее объяснять, например что такое .wrapper почему он подключается в HTML и функция его.

  4. Спасибо за ролики.
    На 5:33 видно, что картинки находятся не по центру, а ближе к правому краю, потому что мы задали им отступ от левого края по 30px. Если просто к блоку .clients, который оборачивает картинки добавим отступ от правого края в 30px, это будет нормальной практикой? Оно то работает, просто насколько этот способ грязный?

  5. Дорогой хостинг. Проигрывает вроде даже по ценам reg-ru.
    Для сравнения юзал бегет, спринтхост и видел десятки других. Самый отзывчивый по скорости работы сайта оказался рег-ру.
    С него почта быстро улетает к себе (заявки), за ~1 секунду и сайт открывается без долгой демонстрации белого экрана. Речь о сайтах весом до 400-600 кб, которые в принципе на любом интернете должны открываться моментально, но магия не происходит.
    Видимо сервер имеют значения.
    Сам еще не переехл на рег-ру, так как у меня просто нет коммерческих проектов по веб-части.

  6. Проблема с тонкими шрифтами, и не у меня одного. В чём трабл, понять не могу. В песочнице всё работает, как надо.

  7. Как сделать шрифт тоньше?
    <h1><span id="thick">OUR CLIENTS'</span> <span id="thin">TESTIMONIALS</span></h1>

    Хочу TESTIMONIALS по тоньше сделать как в макете, но ничего не помогает, пока что шрифт OUR CLIENTS' поднял на 1 пункт.
    font-weight и b ничего не изменили.

  8. Спасибо Вам за сильные уроки

  9. сколько ты раз сглотнул слюну?

  10. Спасибо, отличный урок!

  11. 0 дизлайков спустя почти год после выпуска видео!

  12. Отличное видео, спасибо!

  13. Возникла такая проблема:блок .main__clients расположен вертикально,а надо как на видео,то есть горизонтально.Кто знает как решить данную проблему?

  14. скинь свой счет чтоб деньги кинуть

  15. еще больше рекламы натыкай

  16. Ребят такой вопрос у меня блок "OUR CLIENTS’ TESTIMONIALS" по ширине меньше чем остальные и не могу исправить, в CSS ставлю width: 100%; не помогает, меньше делается, а больше нет… Подскажите!

  17. Судя по комментариям и просмотрам далеко не все доходят до конца и сдаются=D

    p.s. уроки хороши)

  18. везде куча логических ошибок по выбору тегов, это для упрощения?
    там кстати в цитате у автора цитаты и текста разный цвет, не вытерпела моя душа, закрыл глаза на заголовки, но тут подправил на blockquote и cite 😀
    в целом уроки огонь <3

  19. .main_testimonials h1{margin-top:100px;} margini sxlopivayutsa 100px prisvaevaetsa k main_testimonials ne nado li main_testimonials dobavit{border-top:1 px solid #000;}
    i vtoroi vopros pochemu v .main_clients etogo ne proisxodit moghete razesnit?

  20. Ребята у меня так и не появились все эти Zara и Chanelи только черточки появляются почему такая фигня?

  21. Как более правильно(для читаемости и дальнейшей правки сторонним верстальщиком):
    – задавать падинги топ и боттом у секции?
    -задавать у h1 маргин топ и паддинг у секции?

  22. Если в html файле прописать заголовок и отзыв в верхнем регистре, то не пришлось бы в CSS прописывать text-transform: uppercase;
    Ранее в уроках, заголовок блока писался в верхнем регистре, в этом почему-то решили написать в нижнем.
    <div class="wrapper">
    <h1>OUR CLIENTS’ TESTIMONIALS</h1>
    <div class="line"></div>
    <p class="testimonials">THIS BOOK IS A TREATISE ON THE THEORY OF ETHICS, VERY POPULAR DURING THE RENAISSANCE. THE FIRST LINE OF LOREM IPSUM, "LOREM IPSUM DOLOR SIT AMET..", COMES FROM A LINE IN SECTION 1.10.32.</p>
    <p>Dean Martin, CEO Acme Inc.</p>
    </div>

  23. Шрифты тонкие не поправляются. Загрузил в систему как надо. Но все равно нужных шрифтов нет(я про тонкие в основном). Обычный, жирный и курсивный есть да и только. В Чем может быть проблема?

  24. не может быть +100500 h1

  25. уже лайки поставил на новые уроки

  26. ураааа
    есть что делать

  27. Ну тебя прям прорвало сегодня, за все 6 дней)

Регистрация аккаунта
Сбросить пароль
111