Портфолио HTML-верстальщика. Данилова Ольга.
Обо мне
Привет! Я Оля.
HTML-верстальщик.
Знаю HTML, CSS, Less, JS, БЭМ, Git.
Уверена, что сайты должны быть удобными, а интерфейсы доступными.
Люблю семантическую вёрстку, а поисковые машины любят меня.
Аккуратна, старательна, усидчива. Я же девочка.
Мои проекты
-
Техномарт
Учебный проект на интенсиве по профессиональной вёрстке сайтов.
Галерея фотографий проекта
Что было выполнено:
- Фиксированная десктопная вёрстка главной страницы и страницы каталога строительного интернет-магазина
- Слайдеры и всплывающие окна с картой и формой обратной связи на JavaScript
- Кастомные элементы формы
- Вёрстка с учётом кроссбраузерности
- Учтены принципы семантичности и доступности
Код проекта на GitHub
-
-
Cat Energy
Учебный проект на интенсиве по адаптивной вёрстке и автоматизации.
Галерея фотографий проекта
Что было выполнено:
- Адаптивная и "резиновая" верстка десктопной, планшетной и мобильной версии трех страниц интернет-магазина питания для котов
- Оптимизация изображений и использование ретиновой графики
- Автоматизация и сборка проекта с помощью Gulp
- Использование методологии БЭМ для нэйминга классов
- Вёрстка с учётом кроссбраузерности
- Учтены принципы семантичности и доступности
- Использование препроцессора Less
Код проекта на GitHub
-
-
PlayHTML
Учебный проект на курсе по вёрстке email-рассылок.
Галерея фотографий проекта
Что было выполнено:
- Табличная вёрстка трех писем от портала PlayHTML
- Адаптация вёрстки для мобильных устройств
- Вёрстка с учётом кроссбраузерности и особенностей почтовых приложений
- Оптимизация писем
- Добавлены условные комментарии для корректного отбражения в Outlook
Код проекта на GitHub
-
-
Kekstagram
Учебный проект на интенсиве по профессиональной разработке веб-интерфейсов.
Галерея фотографий проекта
Что было выполнено:
- Загрузка изображения на сайт и заполнение информации о нём
- Редактирование изображения с помощью фильтров
- Валидация формы, проверка полей с хэштегами и описанием фотографии
- Отправка данных на сервер
- Просмотр загруженных изображений
- Фильтрация изображений других пользователей
- Весь функционал выполнен с помощью JavaScript
Код проекта на GitHub
-
