Добавить

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



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

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

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

Рейтинг Отзыва
Всего: 0 Оценка: 0

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

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

  3. Ответить
    Владислав VG 25.05.2020 в 00:33

    Надо бы подробнее и медленее объяснять, например что такое .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. Ответить
    Алексей Мищенко 25.05.2020 в 00:33

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

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

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

  12. Ответить
    Юрченко Антон 25.05.2020 в 00:33

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

  13. Ответить
    Руслан Рустамов 25.05.2020 в 00:33

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

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

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

  16. Ответить
    Александр Перекатнов 25.05.2020 в 00:33

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

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

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

  18. Ответить
    Роман Баранов 25.05.2020 в 00:33

    везде куча логических ошибок по выбору тегов, это для упрощения?
    там кстати в цитате у автора цитаты и текста разный цвет, не вытерпела моя душа, закрыл глаза на заголовки, но тут подправил на 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. Ответить
    Константин Батюшев 25.05.2020 в 00:33

    Если в 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. Ответить
    дмитрий дятчин 25.05.2020 в 00:33

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

  26. Ответить
    дмитрий дятчин 25.05.2020 в 00:33

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

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

Оставить отзыв

ОТЗЫВ РУ. Отзывы обо всем
Logo
Регистрация
Сбросить пароль