Портфолио по специальности: HTML-вёрстка
Анна Агафонова
Сайты
Полноэкранный лендинг дезинфектора
Адаптивная вёрстка на базе слайдера Swiper.
HTML, SCSS, JavaScript.
Flexbox, Grid Layout.
Swiper Slider, горизонтальная прокрутка, CSS-анимация, динамический адаптив.
Сайт художника
Адаптивная вёрстка на основе технологии Flexbox.
HTML, SCSS, JQuery.
Slick Slider, Magnific Popup, Яндекс.Форма.
Плавный переход по ссылкам. Фулскрин. Gif, video.
Главная страница интернет-магазина Gsmin
Адаптивная вёрстка на основе технологии Grid Layout.
HTML, SCSS, JavaScript.
Swiper Slider, двухуровневое меню.
Mobile first.
Лендинг транспортной компании Transys
Адаптивная вёрстка на основе технологии Flexbox.
HTML, SCSS, JavaScript, JQuery.
Google Maps API, Slick Slider.
Табы для больших экранов, аккордеон для маленьких мобильных, кнопка перехода к началу сайта для больших экранов, для средних и мобильных сворачивающееся меню с возможностью вызова на любом этапе прокрутки. Плавный переход по ссылкам.
Лендинг креативного агентства
Адаптивная вёрстка на основе технологии Flexbox.
HTML, SCSS, JavaScript.
Кнопка возврата к началу страницы. Плавный переход по ссылкам.
Анимация появления: wow.js
Лендинг таксопарка
Адаптивная вёрстка на основе технологии Flexbox.
HTML, SCSS, JavaScript, JQuery.
Яндекс-форма, Яндекс-карта, Slick Slider
Анимация появления объектов. Плавный переход по ссылкам.
Первая страница сайта криптовалют
Адаптивная вёрстка на основе технологии Flexbox.
HTML, SCSS.
Фулскрин, резиновый шрифт первого экрана. Плавный переход по ссылкам.
Анимация появления: wow.js
Лендинг ресторана
Адаптивная вёрстка на основе технологии Flexbox.
HTML, SCSS, JQuery.
Slick Slider, Google Maps, табы, анимация первого экрана. Плавный переход по ссылкам. Трансформирующееся меню.
Лендинг языкового марафона
Адаптивная вёрстка лендинга на базе слайдера Swiper.
HTML, SCSS, JavaScript.
Поэкранная прокрутка, следящее меню, параллакс, кастомный скролл, обратный отсчёт времени до мероприятия.
Flexbox. Плавный переход по ссылкам.
+ сайт, который вы просматриваете сейчас
Письма
E-mail для музея современного искусства
Адаптивная вёрстка, сочетание табличной и блочной вёрстки.
HTML, встроенные стили, изображения, внешние ссылки.
E-mail для университета
Адаптивная вёрстка, сочетание табличной и блочной вёрстки.
HTML, встроенные стили, изображение, внешние ссылки.