/Robin.W

pet-project

Primary LanguageCSS

Path

https://yanballas.github.io/Robin.W/

ENGVer

Project Name

Landing "Robin Williams".

Description

Pet project. Landing-page portfolio for designer Robin Williams.

Tasks

  1. Redesign the portfolio landing in Figma;
  2. Use vanilla JS, HTML5 without preprocessors (semantic markup) and CSS3 using the BEM methodology without preprocessors;
  3. Implement scripts with the following functionality: 3.1. Slider with automatic slide change; 3.2. Fixed menu on scroll; 3.3. Dropdown menu and hamburger on the mobile version of the site; 3.4. Dynamic title change; 3.5. Smooth scrolling to sections using data-attribute; 3.6. Content change with button switching (tabs) using data-attribute;
  4. Use a responsive approach in layout.

Authors

  • Vladimir Serbin.

License

This home project is distributed absolutely free, anyone can take elements of the code for their own use. Any attempts to pass off this project as your own without indicating authorship are at your own risk and may be challenged by the author.

Путь

https://yanballas.github.io/Robin.W/

RUSVer

Название проекта

Лендинг "Робин Уилльямс".

Описание

Домашний проект. Одностраничный лендинг-портфолио для дизайнера Робина Уилльямса.

Цели

  1. Выполнить редизайн лендинг-портфолио в фигме;
  2. Использовать ванильный JS, HTML5 без препроцессоров (семантическая верстка) и CSS3 по методологии БЭМ без препроцессоров;
  3. Реализовать самостоятельно скрипты со следующим функционалом: 3.1. Слайдер с автоматической сменой слайдов; 3.2. Фиксированное меню при прокрутке; 3.3. Выпадающее меню и 'гамбургер' на мобильной версии сайта; 3.4. Динамическая смена заголовков; 3.5. Плавная прокрутка до секций с использованием data-attribute; 3.6. Смена контента с переключением по нажатию кнопки (табы) с использованием data-attribute;
  4. Использование резинового подхода в верстке.

Авторы

  • Владимир Сербин.

Лицензия

Данный домашний проект распространяется абсолютно бесплатно, любой желающий может взять элементы кода в собственное пользование. Любые попытки выдать данный проект за собственный без указания авторства остаются на вашей совести и могут быть оспорены автором.