Создание сайтов: "YURAL DIGITAL" - контакты - YURAL DIGITAL - создание сайтов, продвижение и реклама

8 (916) 8046455
Перейти к контенту

Главное меню:

Главная / Контактная информация
Контактная информация

Чтобы узнать более подробно, чем мы можем быть вам полезны, наберите наш номер или напишите нам. Мы детально и доступно объясним этапы нашей работы и вместе с вами мы подберем подходящую стратегию. Даже если вы пока не представляете себе будущий проект, мы поможем вам более точно сформулировать собственные пожелания и цели.
Разумеется, не всегда все можно понять по телефону. Более точно осмыслить нашу будущую совместную работу можно в личной беседе.
Как с нами связаться?


Адрес: г. Москва. Ул. Академика Пилюгина дом 8, кор. 1 офис 449

Телефон: +7 (916) 804-64-55

E-mail: info@yural-digital.ru

Сайт: www.yural-digital.ru

Для ответа на Ваше письмо, просьба указывать адрес электронной почты!

  • Краткое описание (набор слов)

    Эта страница была написана на HTML и CSS. Я не использовал Normalize и CSS Reset, префиксы так же прописывал руками, была куча времени, да и объём не особо велик. Вы же, чтобы сэкономить время и нервы, вполне можете использовать все эти полезные инструменты. В последствии все эти знания вам обязательно пригодятся на масштабных проектах.

    Ну, а всё что в демо можно легко реализовать в простом HTML и CSS, тем более что вся работа аккордеона построена без подключения javascript.

    Вся работа аккордеона построена на использовании скрытых чекбоксов (checkbox) в связке с псевдоклассом checked.

  • Миниатюра слева

    Как видите в примере я использовал миниатюры изображений с возможностью расположения как с левого края так и с правого( увидите в третьей секции аккордеона).

    Миниатюрам задан размер в 25% от базового размера изображений используемых в аккордноне, 100% от родительского контейнера, так что изображения будут легко подстраиваться под любые размеры базового блока.

    Медиа-запросы использовал для создания гибкого реагирования элемента(аккордеон) на различные размеры экранов пользовательских устройств.

  • Миниатюра справа

    Чтобы отправить миниатюру вправо достаточно в тег img прописать class="img-right, если влево соответственно добавляем class="img-left.

    Размер миниатюр регулируется изменением процентных значений в css.Для этого достаточно найти нужный селектор, например .msg img.img-left и уже в свойстве width: 25%; экспериментировать с значениями

  • Полноразмерная картинка

    Встроенному изображению, размер которого 100% от родительского контейнера прописываем class="large-img". Реальный размер картинки может быть большим чем секция аккордеона, но она легко впишется в блок аккордеона.

  • Встроенное видео

    В аккордеоне вы можете использовать встроенное видео с популярных видео хостингов использующих iframe, object, embed. Видео полностью отзывчвы и идеально впишутся в любые размеры блоков аккордеона.

Яндекс.Метрика
Назад к содержимому | Назад к главному меню