Awebdesign's Blog

Digiproduct — сайт для компании веб-девелопера

Дизайн, адаптивная верстка, бутстрап, вордпресс, jQuery, HTML5, CSS3 — Виктория Шидловская для DIGIPRODUCT

digi

digi2

digi3

digi4

digi5

digi6

digi7

digi8

Med2 Digital Agency for Medical Care

Med2 combines the pharmaceutical sector experience with a digital creative spark.

Med2.info is joint development of Awebdesign (Russia) and DigiProduct (Istrael).

HTML5, CSS3, jQuery, fully responsive.

Front-end developer — Victorya Shidlovskaya.

med2

med22

med23

med24

med25

med26

med27

med28

Velocee Digital Agency Web-development

Joint development of Awebdesign (Russia) and DigiProduct (Istrael).

Front-end and back-end developer — Victorya Shidlovskaya.

Site is working on WordPress.

HTML5, CSS3, jQuery, animation-effects, fully responsive, 2 background videos.

velocee

Дизайн сайта для нового СМИ Владимира Яковлева — Мулбабар

yakovlev-mulbabar

 

 

Версия для айпада:

 

yak_ipad

 

 

Версии для заставки на главную страницу для подписки на «Мулбабар» — с видео-заставкой (пройдите по ссылке, кликнув на картинку)

 

yakovlev-mulbabar

yakovlev-mulbabar

yakovlev-mulbabar

 

 

Заставка на время разработки сайта «Мулбабар» до его официального запуска с таймлайном событий. Один из вариантов — в стиле «ретро».

 

yakovlev-mulbabar

 

 

Открытки для Kick-Start — в помощь сбору средств на новое СМИ Владимира Яковлева «Мулбабар»

 

yakovlev-mulbabar

yakovlev-mulbabar

yakovlev-mulbabar

 

Автор идей, дизайн, айдентика — Шидловская Виктория.

Лендинг для BigGame — экипировка и снаряжение для охоты и рыбалки

Awebdesign.ru сдал в эксплуатацию сайт для отличной фирмы BigGame. На очереди — интернет-магазин, а пока что представляем вниманию заинтересованных два магазина и тир для стрельбы из лука!

На сайте реализована 3D-анимация силами CSS3 и HTML5. В шапке раскрывающиеся «створки» обложки и дисконтные карты соответствующего раздела, которые делают полный поворот при наведении мыши.

Сайт адаптивный, 100% экрана на любом устройстве.

Дизайн, программирование — Шидловская Виктория.

21

22

Создание сайта в Awebdesign.ru — сайт для строительной компании

Сайт предназначен для фирмы, которая занимается элитным ремонтом в Москве и Подмосковье.

Адаптивная верстка, кроссбраузерный, кроссплатформенный сайт.

На сайте используется три шаблона.

В портфолио — горизонтальный скроллинг с помощью jQuery и HTML5. Размер картинок по высоте и вертикальному положению адаптируется под высоту браузера. При переходе на планшетный или мобильный режим, горизонтальный скролл сменяется на обычный вертикальный.

Левое дополнительное меню с помощью ява-скриптов разворачивает те подпункты, которые относятся к активному в данный момент разделу.

На главной странице — jQuery-CSS3-анимация (при наведение на кубики с ремонтами, они увеличиваются и меняют прозрачность).

Был разработан также логотип и визитки, то есть полный бренд-пакет, айдентика.

Чтобы заказать сайт или редизайн — напишите на riparto@gmail.com.

Портфолио здесь: http://awebdesign.ru.


tenhands

tenhands2

tenhands3

tenhands4


tenhands5

tenhands6

Интеграция Bootstrap в двухуровневое меню Bitrix

Недавно возникла потребность Бутстрап-верстку интегрировать в Битрикс-сайт. Естесственно — самая главная головная боль — многоуровневое верхнее меню. Оказалось, «забутстрапить» верхнее меню довольно просто. То есть, как известно — сначала копируем шаблон компонента меню horizontal_multilevel, и потом вместо того кода, который есть, вставляем приведенный ниже. Кто кодирует локально — этот файл будет у вас находится по следующему пути: bitrix/templates/название_шаблона/components/bitrix/menu/horizontal_multilevel_ваше_название_копии_шаблона/template.php.

Внимание! Использован не Bootstrap Twitter, а вот этот Bootstrap getbootstrap.com. Соответственно, для работы выпадающего меню необходимо подключить не только bootstrap.min.css, но и bootstrap.min.js.

ДЕМО: kp-ra.org

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

Ну, наконец код:

Продолжение статьи здесь.

 

%d такие блоггеры, как: