Шаблон для изучения верстки на гридах

Шаблон, разработанный для практического обучения студентов в учебном центре Skill-Up по дисциплине «Front-End Web Development». При верстке шаблона использованы знания HTML5, CSS3, а также самый новый, мощнейший инструмент для создания двумерной сетки — Grid Layout. Так же закрепляются умения создавать адаптивное оформление для мобильных устройств. Верстка шаблона выполняется согласно макета, созданного в Adobe XD (интерактивность, […]

Учебный шаблон интернет-магазина, Bootstrap 4

Шаблон, разработанный для практического обучения слушателей в учебном центре Skill-Up по дисциплине «Front-End Web Development». Верстка учебного шаблона интернет-магазина выполняется по предоставленному макету в формате PSD с использованием системы сеток и компонентов Bootstrap 4. Так же отрабатываются навыки адаптивной верстки и кастомизации стандартных элементов Bootstrap. Открыть шаблон

Учебный шаблон (самостоятельная работа) для курсов HTML, CSS

Учебный шаблон для самостоятельной работы, разработанный в рамках обучения слушателей по дисциплине «HTML, CSS». При верстке шаблона использован макет в формате PSD, а так же полученные в рамках курса знания HTML5 и CSS3. Так же отрабатываются навыки адаптивности оформления для мобильных устройств. Открыть страницу шаблона

Учебный шаблон Landing-page для курса Bootstrap

Учебный шаблон Landing-page, разработанный в рамках обучения слушателей по дисциплине «HTML, CSS: Bootstrap». При верстке шаблона Landing-page использована система сеток Bootstrap и ее адаптивность для мобильных устройств. Так же отрабатываются навыки работы со стандартными классами Bootstrap, подключение сторонних библиотек для создания анимации на странице. Открыть макет landing-page Натяжка макета на тему WordPress

Портфолио-тема WordPress

Шаблон данной темы был разработан с нуля в учебных (демо) целях, затем посажен на WordPress. Тема регистрирует новый тип записей «Портфолио». Все материалы данного типа выводятся на главной странице (нет постраничной разбивки) в виде галереи с помощью плагина LazyLoad, подгружаясь по мере прокрутки страницы. На главной странице изображения можно просматривать как галерею. При клике на […]