Верстка реального сайта на Bootstrap 3. #2 Верстаем слайдер и 3D раздел.

В этом плейлисте мы сверстаем с нуля до публикации одностраничный сайт для Аудиоквестов.

Если хочешь скачать PSD макет и шрифты, переходи по ссылке:

Ссылка на все видео из плейлиста:

Конкретно в этом видео мы верстаем раздел с иконками, слайдер с фотографиями, а также раздел с выбором квеста с использованием библиотеки от CodyHouse.

Ссылка на слайдер из видео:
Ссылка на библиотеку с 3D эффектом:

Видео со стрима, где мы готовили дизайн макет:

В этом видео я покажу процесс создания landing page с нуля до выгрузки на хостинг.
Пожалуйста, если вы нашли ошибку - напишите в комментариях. Свои вопросы тоже пишите в комментарии.
При верстке используется сетка Boostrap 3.

-----------
Я использую хостинг Link Host с 2014 года

Каналы с крутыми фичами на CSS и JavaScript:

Канал с терминами для айтишников:

Канал, где публикуют ссылки на полезные сервисы и сайты:

[Glo_Academy]

Если хочешь скачать PSD макет и шрифты, переходи по ссылке:

[СергійКоваленко-фш]

Зараз дороблю проект і гляну. Дякую за твою роботу.

[alexkozyrev]

А reset.css не используете почему? все box-sizing и прочие мелочи он очень приятно подчищает :)

[dirty_monk_]

после добавления файла main.js не работает открытие нового окна (без main.js работало, хоть и без красивой анимации). в чем может быть проблема ? спасибо

[DrTopk]

в свойстве background не обязательно дважды писать center, достаточно одного раза.

[Mykhaylo_Puravets]

Привет Артем!
Я только учусь Front end_у
Подскажи решить незначительную для тебя задачу.
Пользуюсь Google Chrome.
Я загрузил 3D Folding panel, ничего не менял, просто запустил index.html и при раскрытии Title нет текста, а в панели разработчика вот такая ошибка:
Возможно это смешной вопрос, но сейчас это серьезный камень преткновения для меня.
Зарание спасибо!

[dedlive]

Разворачивание кода " svg-img" — это какой-то пакет в Sublime?
Или самописное?

[snd]

а как с кроссбраузерностью (rgba например)? заказчику не нужен edge и ie?)

[issyzag]

Если присмотреться, то на кнопках слайдера стрелочки стоят немного неровно. Они нахоядтся не по середине белого квадрата (левая чуть выше, правая чуть ниже).

[mariiamoiseienko]

Артем, подскажи плжалуйста где ошибка? Валидатор ругается на эту структуру svg-img. Я спать не могу уже неделю, никак не пойму что не так.
<a class="faq-section-link" role="button" data-toggle="collapse" href="#q1" aria-expanded="false" aria-controls="q1">
<picture>
<sourse src="img/down-arrow.svg">
<img class="down-arrow" src="img/down-arrow.png" alt="arrow" title="arrow">
</picture>
QUESTION?
</a>
Валидатор пишет следующее: Element sourse not allowed as child of element picture in this context. (Suppressing further errors from this subtree.)
Может кто-то подскажет, что не так? Больше ни у кого не было проблем с svg-img?

[f_ury]

Какой комбинацией клавиш делаете обёртку на 1:27?

[thesweetlife]

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