СОЗДАНИЕ ФОРМЫ Логин и Пароль HTML CSS, верстка сайта, практический курс, Visual studio code с нуля

• Приветствие и начало урока по созданию формы входа в HTML.  

• Создание пустой папки "Login Password" и вставка её в Visual Studio Editor.  

• Создание документов HTML и CSS.  

• Создание блока "Login" для логина и пароля.  

• Создание формы с полями для логина и пароля.  

• Добавление required для обязательного ввода данных.  

• Создание чекбокса для сохранения логина и пароля.  

• Добавление ссылки для восстановления пароля.  

• Создание кнопки для подтверждения входа.  

• Создание блока для регистрации, если нет аккаунта.  

• Добавление текста и ссылки для регистрации.  

• Использование иконок для логина и пароля.  

• Импорт CSS и добавление иконок.  

• Использование Google Fonts.  

• Настройка стандартных стилей и display flex для центрирования элементов.  

• Изменение ширины и цвета блока wrapper.  

• Настройка шрифта и текста для логина.  

• Работа с полями ввода username и password.  

• Блок занимает всю ширину и высоту 100 пикселей.  

• Добавляем границу с радиусом 40 пикселей и цветом 2 пикселя.  

• Удаляем цвет фона и изменяем его на белый.  

• Перемещаем элемент "человечек" вправо на 20 пикселей.  

• Изменяем размер текста "логин" и "пароль" до 16 пикселей.  

• Добавляем цвет и padding для элементов.  

• Добавляем пространство между элементами "Remember" и "Forget".  

• Изменяем цвет чекбокса "Remember" и ссылки.  

• Добавляем курсор для кнопки "Log In".  

• Увеличиваем ширину кнопки до 100%.  

• Добавляем радиус 40 пикселей и цвет 0.  

• Изменяем фон и толщину кнопки.  

• Добавляем текст "Register" по центру.  

• Увеличиваем размер текста и добавляем underline при наведении.  

• Изменяем внутренние элементы блока.  

• Добавляем окружность и padding для блока.  

• Указываем ссылку на картинку и устанавливаем её по центру.  

• Добавляем Border и Box Shadow для завершения дизайна.  

• Демонстрируем конечный результат.  

• Призываем зрителей изменять дизайн по своему усмотрению.  

• Благодарим за внимание и желаем удачи.