Coder Social home page Coder Social logo

619275-gllacy's Introduction

Личный проект «Глейси»

Результат защиты проекта

Сертификат: https://goo.gl/QA66xg

Результат защиты

Кратко о Проекте

  • Верстка с дополнительной резиновостью: диапазон ширин от 900px до 1200px. При этом основной шириной является 1200px, и для неё проверяется полное соответствие макету
  • Контентная область центрируется и не может быть уже макетной ширины
  • Внутренние отступы слева и справа для обеих страниц — по 2.3% от ширины всей контентной области
  • Отступы между колонками сетки одинаковые — по 2.2% от ширины всей контентной области
  • Главное меню — при наведении на пункт меню «Каталог» появляется подменю
  • Главное меню — пункт подменю «Сливочное» должен вести на внутреннюю страницу
  • Шапка — при наведении на кнопку поиска появляется форма для ввода текста
  • Шапка — при наведении на кнопку «Вход» появляется форма для авторизации
  • Карточка товара: поведение этого элемента при наведении на главной странице аналогичны поведению на странице каталога
  • На странице каталога Логотип — это ссылка на главную страницу
  • В хлебных крошках пункт «Главная» — это ссылка на главную страницу
  • Блок карты — достаточная реализация — обычное изображение
  • По клику на кнопку «форма обратной связи» возникает модальное окно с формой отправки сообщения
  • Используемые фреймворки: нет
  • Кроссбраузерность: IE11+, Chrome, Firefox, Opera, Safari

Изменения в проекте после защиты

  • В фильтрах оживил ценовой диапазон, был использован плагин noUiSlider



Не удаляйте и не обращайте внимание на файлы:
.editorconfig, .gitattributes, .gitignore, Contributing.md, Readme.md.


Памятка

1. Зарегистрируйтесь на Гитхабе

Если у вас ещё нет аккаунта на github.com, скорее зарегистрируйтесь.

2. Создайте форк

Откройте мастер-репозиторий и нажмите кнопку «Fork» в правом верхнем углу. Репозиторий из Академии скопируется в ваш аккаунт.

Получится вот так:

3. Клонируйте репозиторий на свой компьютер

Будьте внимательны: нужно клонировать свой репозиторий (форк), а не репозиторий Академии. Нажмите кнопку «Clone or download», а затем «Open in Desktop», чтобы клонировать репозиторий через программу GitHub Desktop:

Программа клонирует репозиторий на ваш компьютер и подготовит всё необходимое для старта работы.

4. Начинайте обучение!


HTML Academy

Репозиторий создан для обучения на интенсивном онлайн‑курсе «Профессиональный HTML и CSS, уровень 1» от HTML Academy.

619275-gllacy's People

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.