CINXE.COM

Веб-мастерская храма св. прав. Иоанна Кронштадтского

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Разработка сайтов, хостинг, создание приложений и ботов."> <title>Веб-мастерская храма св. прав. Иоанна Кронштадтского</title> <link rel="stylesheet" href="./assets/normalize.css"> <link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700" rel="stylesheet"> <link rel="stylesheet" href="./assets/style.css"> <link rel="stylesheet" href="./assets/style-media.css"> <link rel="stylesheet" href="./assets/animate.css"> <link rel="stylesheet" href="./assets/fontello-a3176ffc/css/fontello.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script src="./assets/jQuery-viewport-checker-master/src/jquery.viewportchecker.js"></script> <!-- <link rel="stylesheet" href="./assets/scrolljs/css/stroll.css"> <link rel="stylesheet" href="./assets/scrolljs/css/stroll.css"> <script type='text/javascript' src='./assets/scrolljs/js/stroll.min.js'></script> --> </head> <body> <a name="products"></a> <div class="nav"> <ul> <li><a href="#top" id="products"><i class="icon-cubes"></i> Услуги</a></li> <li> <a href="#portfolio"><i class="icon-suitcase"></i> Портфолио</a></li> <!-- <li><i class="icon-commenting"></i> <a href="#">Контакты</a></li> --> <li><a href="#partners"><i class="icon-handshake-o"></i> Партнеры</a></li> </ul> <div class="contacts"> <ul> <li><a href="callto:+7(929)542-51-85"><i class="icon-phone"></i> +7 929 542-51-85</a></li> <li><a href="mailto:mail@vidanov.com"><i class="icon-mail-alt"></i> Написать письмо</a></li> </ul> </div> <!-- <div class="cnavl"> <a href="http://hamburg-hram.de" target="_blank">Храм св. прав. Иоанна Кронштадтского в Гамбурге</a> <a href="http://vidanov.com/ru/" target="_blank">Студия Vidanov Digital</a> </div> --> </div> <div class="styleline"></div> <div class="lmore"> <div class="logo"> <div class="vdv"> <img src="assets/vd1.png"> <video autoplay muted loop> <source src="assets/video2.mp4" type="video/mp4"> </video> </div> </div> <div class="desc"> <!-- Студия — творческое объединение при храме св. прав. Иоанна Кронштадтского в Гамбурге. Общим делом заняты профессионалы в области дизайна, программирования, фотоискусства, переводов и полиграфии. Решение задач в веб-строительстве объединяет сотрудников в Германии, России. Работа Студии осуществляется при поддержке и по благословению настоятеля храма протоиерея Сергия Бабурина. Руководство проектами осуществляется силами Vidanov Digital в Гамбурге, взаимодействие с российскими организациями осуществляет Кристина Парфенова, директор Студии в России. --> Студия — творческое объединение при <a href="http://hamburg-hram.de" target="_blank">храме св. прав. Иоанна Кронштадтского в Гамбурге</a>. Общим делом заняты профессионалы в области дизайна, программирования и IT администрирования. Решение задач в веб-строительстве объединяет сотрудников в Германии и России.<br /> Работа Студии осуществляется при поддержке и по благословению настоятеля храма св. прав. Иоанна Кронштадтского протоиерея Сергия Бабурина. Руководство проектами осуществляется силами <a href="http://vidanov.com/de/">Vidanov Digital в Гамбурге</a>, взаимодействие с российскими организациями осуществляет Кристина Парфенова, директор <a href="http://vidanov.com/ru/">ООО "Виданов Диджитал" в России</a>. </div> </div> <div class="styleline"></div> <div class="textc"> <div class="cbox" id="c1"> <i class="icon-wordpress"></i> Разработка <div class="csmall">Создание церковных и светских сайтов с нуля под ключ.</div> </div><div class="cbox" id="c2"> <i class="icon-cog-alt"></i> Тех. поддержка <div class="csmall">Поддержка, оптимизация и обновление существующих сайтов.</div> </div><div class="cbox" id="c3"> <i class="icon-cloud"></i> Хостинг <div class="csmall">Размещение на производительных серверах в Германии.</div> </div><div class="cbox" id="c4"> <i class="icon-paper-plane"></i> Чат-боты <div class="csmall">Разработка ботов для Facebook, Telegram, Skype.</div> </div><div class="cbox" id="c5"> <i class="icon-cube"></i> Приложения <div class="csmall">Создание приложений для Android & iOS устройств.</div> </div> </div> <a name="portfolio"></a> <ul class="wrap grow fly" > <!-- <h2>Портфолио</h2> --> <li class="project leftp"> <div class="ptext"> <h3>Портал<BR>«Православие и мир»</h3> Портал «Православие и мир» – ведущий мультимедийный портал о православии и жизни общества. Новости и аналитические обозрения, комментарии и интервью, аудио, видео, инфографика и многочисленные подпроекты широко освещают различные события религиозной и общественной жизни в России и за рубежом. Портал запущен в 2004 году. <a target="_blank" href="http://www.pravmir.ru/">www.pravmir.ru</a> – независимое средство массовой информации, выпускается АНО «Православие и мир». Аудитория сайта составляет 2.5 – 3 миллиона посетителей в месяц, или 100 000 – 120 000 человек в день. </div> <div style="background-image:url('assets/img/pravmir.jpg')" class="pbox"> </div> </li> <li class="project"> <div style="background-image:url('assets/img/mos.jpg')" class="pbox"> </div> <div class="ptext"> <h3>Отдел внешних церковных связей РПЦ</h3> <a target="_blank" href="https://mospat.ru/">https://mospat.ru/</a> - официальный сайт отдела. Большой и значимый проект. Содержит более 10000 материалов на шести языках, поддерживается Студией с 2009 года. В ноябре 2009 года в краткие сроки был реализован новый дизайн сайта, осуществлен перенос всех материалов старого ресурса с сохранением структуры ссылок и внешних ссылок на сайт. За время работы над проектом были включены новые языки, встроена система почтовых рассылок, связь близких по теме материалов и многое другое. В мае 2014 года сайт ещё раз обновлен - реализован новый дизайн. </div> </li> <li class="project leftp"> <div class="ptext"> <h3>Журнал «Фома»</h3> «Фома» — православный журнал для сомневающихся — был основан в 1996 году и прошел путь от черно-белого альманаха до ежемесячного культурно-просветительского издания. Официальный сайт издания - <a target="_blank" href="http://foma.ru/">http://foma.ru</a>. С августа 2014 года наша студия стала заниматься технической поддержкой сайта. В мае 2015 года был реализован новый дизайн сайта, разработана система онлайн-подписки с интеграцией с платежными системами, создан функционал вывода и отображения статей для главной страницы. </div> <div style="background-image:url('assets/img/scn_foma.jpg')" class="pbox"> </div> </li> <li class="project"> <div style="background-image:url('assets/img/skvk.jpg')" class="pbox"> </div> <div class="ptext"> <h3>Синодальный комитет по взаимодействию с казачеством</h3> Основная задача Комитета заключается в осуществлении и координации деятельности Русской Православной Церкви, ее диалога и сотрудничества с казачьими обществами и общественными объединениями казачества, а также с органами государственной власти и местного самоуправления, осуществляющими взаимодействие с казачеством. Официальный сайт - <a target="_blank" href="http://www.skvk.org/">http://www.skvk.org/</a>. С 2013 года студия осуществляет техническую поддержку сайта, 1 января 2017 года реализован новый дизайн сайта. </div> </li> <li class="project leftp"> <div class="ptext"> <h3>Радио «Вера»</h3> Это новая <a target="_blank" href="http://radiovera.ru/">радиостанция</a>, которая рассказывает современному жителю мегаполиса о вечных истинах Православной веры.<br> Радиостанция вещает в более чем 20 городах Российской Федерации.<br> Студия с 2014 года осуществляет техническую поддержку проекта. </div> <div style="background-image:url('assets/img/s.jpg')" class="pbox"> </div> </li> <li class="project"> <div style="background-image:url('assets/img/kaz.jpg')" class="pbox"> </div> <div class="ptext"> <h3>Казанская православная духовная семинария</h3> В ноябре 2014 года разработан официальный сайт семинарии - <a target="_blank" href="http://kazpds.ru/">http://kazpds.ru/</a> </div> </li> <li class="project leftp"> <div class="ptext"> <h3>Некоммерческая исследовательская служба «Среда»</h3> Независимая некоммерческая исследовательская служба «Среда» — это интерактивный путеводитель по современному российскому духовному миру.<br> На сайте <a target="_blank" href="http://sreda.org/">http://sreda.org/</a> реализованы:<br> - Многофункциональный календарь, который показывает культурные, религиозные и государственные праздники, солнечную активность, лунную фазу и даты по старому стилю.<br> - Вирусный тест «Внутреннее гражданство» — посредством опроса выявляет сходство мировоззрения тестируемого со статистическими данными в европейских государствах.<br> - Система взаимосвязей опросов с комментариями экспертов.<br> - Фотоконкурс «Святое и ценное в России» — фотогалерея, тесно связанная с соцсетями. </div> <div style="background-image:url('assets/img/sreda.jpg')" class="pbox"> </div> </li> <li class="project"> <div style="background-image:url('assets/img/grad.jpg')" class="pbox"> </div> <div class="ptext"> <h3>Радиостанция «Град Петров»</h3> В марте 2015 года разработан официальный сайт радиостанции - <a target="_blank" href="http://grad-petrov.ru/">http://www.grad-petrov.ru/</a><br> Создан функционал вывода расписания, архива вещания. Осуществлен перенос всех материалов старого ресурса с сохранением структуры ссылок. <br> В начале 2016 года создан сервис скачиваний - <a target="_blank" href="http://shop.grad-petrov.ru/">http://shop.grad-petrov.ru/</a> - интернет-магазин аудио-дисков. </div> </li> <li class="project leftp"> <div class="ptext"> <h3>Электронная библиотека PRAVMIR.RU</h3> Для портала «Православие и мир», который является ведущим мультимедийным порталом о православии и жизни общества наша студия создала электронную библиотеку с книгами на церковно-славянском языке. <a target="_blank" href="http://lib.pravmir.ru/">http://lib.pravmir.ru/</a> «Это первая и самая крупная православная библиотека, в которой представлена литература в популярных форматах для EPUB, Fb2, Mobipocket, совместимых с современными устройствами чтения электронных книг… Отображение книг было проверено в современных браузерах и на электронных устройствах с iOS (Apple IPad, Apple IPhone) в приложении IBooks и браузерах, Amazone Kindle (с установкой альтернативных шрифтов и с просмотром в pdf) и Android с поддержкой epub. Для чтения книг, на устройствах которые не поддерживают встроенные шрифты и формат epub, также специально подготовлены версии книг в формате Adobe PDF, рассчитанные на небольшой экран,» — редакция портала «Православие и мир». </div> <div style="background-image:url('assets/img/prav.jpg')" class="pbox"> </div> </li> <li class="project"> <div style="background-image:url('assets/img/nne.jpg')" class="pbox"> </div> <div class="ptext"> <h3>Нижегородская Митрополия</h3> Официальный сайт Нижегородской Митрополии - <a href="http://nne.ru" target="_blank">nne.ru</a>. Разработан в ноябре 2015 года. <!-- В марте 2014 года студия разработала электронную библиотеку для миссионерского отдела РПЦ - <a href="http://pravbiblioteka.ru" target="_blank">http://pravbiblioteka.ru</a> <br> Библиотека насчитывает более 2000 книг в форматах epub, fb2, mobi для скачивания, а также возможность чтения онлайн и аудио-прослушивания. Постоянно обновляется и пополняется. --> <!-- Официальный сайт храма св. вмц. Екатерины — это Московское представительство Православной церкви в Америке. На сайте размещены новости подворья и фотоотчеты, расписание богослужений.<br> Так же вы можете узнать больше о православной церкви в Америке, прочитать историю храма, увидеть святыни храма.Еще Вы можете узнать о детской воскресной школе и курсах английского языка, духовенстве и сотрудниках храма. <br>В православном календаре вы можете посмотреть какие события связаны с определенной датой.<br> Всю информацию на сайте вы можете прочитать как на русском так и на английском языках.<br> --> </div> </li> </ul> <a name="partners"></a> <div class="pt50"> <div style="padding:10px;padding-top:5px;padding-bottom:5px;background:#f1f1f1;color:#fff;display:block;margin:auto;width:140px;margin-bottom:14px;"><a style="color:#000;text-decoration:none;" href="http://vidanov.com/project/">Все работы ➝</a></div> <!-- <h2>Партнеры</h2> --> <div class="partners"> <a style="background-image:url('assets/part/1.jpg')" class="partbox" href="http://xn--80afdeqthdfbexoaj4sf.xn--p1ai/" target="_blank"></a> <a style="background-image:url('assets/part/12.jpg')" class="partbox" href="http://radiovera.ru" target="_blank"></a> <a style="background-image:url('assets/part/4.jpg')" class="partbox" href="http://tschaikowsky-saal.de/" target="_blank"></a> <a style="background-image:url('assets/part/6.jpg')" class="partbox" href="http://sreda.org" target="_blank"></a> <a style="background-image:url('assets/part/14.jpg')" class="partbox" href="http://foma.ru" target="_blank"></a> <a style="background-image:url('assets/part/7.jpg')" class="partbox" href="http://bargrad.com" target="_blank"></a> <a style="background-image:url('assets/part/8.jpg')" class="partbox" href="http://schieferco.de" target="_blank"></a> <a style="background-image:url('assets/part/9.jpg')" class="partbox" href="http://mospat.ru/" target="_blank"></a> <!-- <a style="background-image:url('assets/part/10.jpg')" class="partbox" href="#"></a> <a style="background-image:url('assets/part/11.jpg')" class="partbox" href="#"></a> <a style="background-image:url('assets/part/3.jpg')" class="partbox" href="#"></a> --> </div> </div> <div class="styleline"></div> <div class="footer"> <a href="http://vidanov.com" style="text-decoration:none;color:#ccc;">Vidanov Digital</a> &copy; 2017 </div> <script type="text/javascript"> jQuery(document).ready(function() { var left = true; console.log('ready'); jQuery('.vdv').addClass("hidden").viewportChecker({ classToAdd: 'visible animated flipInX', offset: 100 }); jQuery('.leftp').addClass("hidden").viewportChecker({ classToAdd: 'visible animated bounceInRight', offset: 100 }); jQuery('.project').addClass("hidden").viewportChecker({ classToAdd: 'visible animated bounceInLeft', offset: 100 }); jQuery('.cbox').addClass("hidden").viewportChecker({ classToAdd: 'visible animated fadeIn', offset: 100 }); }); //products $( "#products" ).click(function() { console.log('click!'); $(".cbox").addClass('hidden'); $(".cbox").removeClass("animated fadeIn hidden bounceInUp visible animated bounceIn"); setTimeout(function () { $(".cbox").addClass("visible animated bounceInUp");}, 500); }); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-203872-15', 'auto'); ga('send', 'pageview'); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10