Git Product home page Git Product logo

mathsh_project_2's Introduction

Проект - профессия косметолог

GitHub Pages: https://cucumberian.github.io/mathsh_project_2/

Figma link

Техническое задание для проекта 1.2

Должен быть реализован макет ГЛАВНОЙ СТРАНИЦЫ для 5-ти разрешений экрана (1440, 1000, 768, 480, 320).

Визуально страница должна соответствовать макету вплоть до мельчайших деталей.

Допускается только незначительное смещение по Pixel Perfect.

Все элементы интерфейса должны должны корректно отображаться и присутствовать в любом разрешении сайта.

Код должен быть семантически корректным.

  1. Хедер
    • Все навигационные элементы должны быть ссылками, в том числе номер телефона.
    • При наведении и клике на навигационные элементы их визуальное оформление должно меняться.
  2. Кнопки “Зарегистрироваться”, “Узнать подробнее”, “Подробнее”, “Стать моделью” и зеленая стрелка в разделе “Мастер-классы” должны реагировать на наведение и клик.
  3. Контакты
    • Адрес, телефон, почта и ссылки на соц сети должны быть кликабельными ссылками.
    • Иконки соцсетей должны реагировать на наведение.
    • Все ссылки на разделы должны быть кликабельными ссылками, соответствующими хедеру.
    • “Политика конфиденциальности” это кнопка.

TODO

  • сделать элемент меню и навигационное меню адаптивным
  • сделать реакцию кнопок и иконок соц сетей
  • в курсах меняется h2 при переходе к 768px
  • в курсах поправить цвет у левого бордера у описания курсов
  • адреса должны быть ссылками на адреса
  • попробовать сделать фоны статичными с помощью translate, по аналогии с каруселью за пределами экрана.
  • кнопки не реагируют на клик?

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.