Всем привет✊
⠀
Запускаем этот канал, в котором будем делиться ссылками на готовый код для вашего сайта. Этот код будет написан на HTML, CSS или JavaScript.
⠀
Время от времени здесь будет появляться новый код на разные потребности!
Мы - ваша готовая библиотека)
⠀
Удачи😃

✅ Как сделать разные фигуры из картинок?

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

Для этого вам поможет свойство Clip Path, вот готовый код на эту крутую фигуру -

clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);

#практика #css

✅ Как добавить Фавикон на сайт?

Тег link служит не только для подключение стилей Css, а и для создания иконки. Это одно из самых важных деталей на сайте, без него отличить оригинальный сайт от подделки сложно.

Вот вам уже готовый код с изображением Email -

<link rel="website icon" type="png" href="https://cdn4.iconfinder.com/data/icons/logos-brands-in-colors/48/google-gmail-128.png">

#практика #html

✅ Как создать разные типы input?

Не все знают что в input есть много разных типов, таких как color, url, email и так далее. Для форм это очень важно, видь если пользователь хочет написать свой пароль скрытно, для этого поможет тип password.

Вот вам уже готовые типы и описание к ним:

<input type="password"> - поможет для написания скрытного пароля

<input type="color"> - делает цветовую гамму прямо на сайт

<input type="radio"> - поможет сделать значок выбора

<input type="file"> - поможет добавить любой файл на сайт

<input type="date"> - поможет написать вам любую дату

<input type="checkbox"> - поможет выбрать вариант с помощью галочки

<input type="range"> - делает ползунок громкости

#практика #html

✅ Как создать интерактивную карту?

Google map - это источник где каждый может посмотреть любую локацию, но не все знают что как раз там и можно сделать крутую карту себе на сайт.
Важно чтобы клиент мог легко найти вас, для этого на сайте размещаются интерактивные карты.

Вот вам уже готовый код с геолокацией "Испания":

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6250603.052559542!2d-8.999772137372801!3d40.09654749159853!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xc42e3783261bc8b%3A0xa6ec2c940768a3ec!2z0JjRgdC_0LDQvdC40Y8!5e0!3m2!1sru!2ses!4v1693061771512!5m2!1sru!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

#практика #html