Атман: Корпоративный адаптивный сайт

Атман: Корпоративный адаптивный сайт

Атман: Корпоративный адаптивный сайт
«Атман: Корпоративный адаптивный сайт» — это универсальное решение для создания корпоративного сайта. Удобная панель настроек стиля позволяет создать дизайн сайта для компании любой тематики: бизнес, строительство, производство, недвижимость, лизинг, медицина, образование, подарки, красота, фото и др.


Преимущества решения
  • Адаптивная верстка позволяет вашему сайту одинаково хорошо отображаться на компьютерах, ноутбуках, планшетах и смартфонах
  • 5 дизайнов в одном решении: классический градиентный дизайн, flat-дизайн, чистый стиль без лишних фонов, двухцветный дизайн (основной цвет схемы+яркий цвет для кнопок) и black-luxury (черный стильный дизайн)
  • 24 цветовые схемы на любой вкус для каждого дизайна
  • 50+ фоновых изображений для сайта (4 прозрачных узора, 25 бесшовных pattern и 24 фотографии). При желании, вы можете загрузить и применить в качестве фона любое изображение
  • 9 вариантов отображения шапки сайта (меню над логотипом, под логотипом или справа от него, на белом фоне или на выбранном цвете схемы, а так же возможность выбрать pattern для основного фона шапки в светлом или темном исполнении)
  • Изменение радиуса скругления отдельных блоков, типа тени у кнопок и шрифта для заголовков
  • Решение прошло проверку Google Mobile Friendly на отлично
  • Решение обладает поддержкой технологии Композитный сайт
  • Страницы оптимизированы для SEO продвижения


Главная страница

Главная страница каждого сайта — это презентация основных услуг и преимуществ компании, поэтому мы сделали возможным отображение всех самых важных блоков:
  • Слайдер (возможность загрузить на фон картинку или pattern, а так же разместить фотографию поверх фона, задать анимацию проявления, кнопки подробнее и заказ в 1 клик)
  • Три баннера с расширенными настройками отображения
  • Список услуг
  • Блок обратной связи
  • Портфолио
  • Каталог товаров
  • Лидеры продаж
  • Таблица тарифов
  • О компании
  • Новости
  • Отзывы клиентов
  • Логотипы партнеров


Каталог товаров

  • Многоуровневая структура каталога
  • Иконка для каждой группы товаров
  • Умный фильтр для каждой группы товаров
  • Отображение товаров плиткой, списком и таблицей
  • Сортировка по цене и названию
  • Статусы товаров Хит, Новинка и Скидка
  • Заказ товаров в 1 клик без регистрации на сайте


Карточка товара

  • Галерея фотографий товара
  • Краткое и подробное описание
  • Технические характеристики
  • Видео о товаре
  • Форма задать вопрос
  • Список рекомендуемых товаров
  • Поделиться товаром в социальных сетях
  • Подключение сервиса Disqus для добавления возможности оставлять комментарии о товаре


Услуги

Страница списка предоставляемых услуг. Иконки для услуг вы можете выбрать из нашей базы или загрузить свои.
Страница услуги 

Каждая услуга может содержать:
  • Список прикрепленных документов
  • Форму оформления заказа
  • Портфолио
  • Таблицу тарифов


Контентные разделы

Мы постарались создать все возможные типовые разделы, которые могут потребоваться современной компании:
  • О компании
  • Статьи
  • История
  • Лицензии
  • Новости
  • Партнеры
  • Сотрудники 
  • Вакансии
  • Акции 
  • Описание акции 
  • Проекты
  • Проекты список
  • Описание проекта
  • Портфолио 
  • Страница элемента портфолио 
  • Вопросы и ответы (FAQ) 
  • Контакты (карта принимает вид выбранной цветовой схемы)

>


>
pt> tpt> tt> $(document).ready(function(){ $('#form_wrapper_call_phone2 #v_phone').mask("+7 999 9999999",{placeholder:" "}); }); function OnResize__phone2(event){ ajustScrollTop($(event.data.elem)); } $(document).ready(function(){ var Selector = 'a.phone_us'; if(Selector == ''){ Selector = "a.call-phone"; } $(Selector).click(function(event){ $("#overlay_phone2").css({"height":$(document).height()}).show(); $("html,body").addClass("overlay-lock_1"); $('#form_wrapper_call_phone2').css({display:"block"}); ajustScrollTop($("#form_wrapper_call_phone2")); $(window).bind('resize',{elem:$("#form_wrapper_call_phone2")},OnResize__phone2); event.preventDefault(); }); $('html,body').click(function(event){ var popup = $(event.target).parents('#form_wrapper_call_phone2'); var trigger = false; $(Selector).each(function (){ if(this == $(event.target).get(0)){ trigger = true; } if($(this).find(event.target).length > 0){ trigger = true; } }) if(trigger){ // if we click on trigger do nothing }else{ if(popup.length > 0){ // if we click on popup do nothing }else{ //console.log('hide'); $("html,body").removeClass("overlay-lock_1"); $('#form_wrapper_call_phone2').hide(); $("#overlay_phone2").css({"height":"100%"}).hide(); $(window).unbind('resize',OnResize__phone2); } } }); /* // закрываем блоки с формами $('#overlay_phone2').click(function(event){ //$('#overlay_phone2').fadeOut(500); $('#form_wrapper_call_phone2').hide(); event.preventDefault(); }); */ }); $(function(){ //alert('it works!'); // поля формы фокус $('#form_wrapper_call_phone2 #v_name').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Введите ФИО' || $(this).val() == 'Поле ФИО не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_phone2 #v_phone').on('focus', function(){ //if($(this).val() == '' || $(this).val() == 'Введите телефон' || $(this).val() == 'Поле Телефон не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_phone2 #v_time').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Удобное время для звонка' || $(this).val() == 'Поле не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_phone2 #v_mess').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Сообщение' || $(this).val() == 'Поле Сообщение не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_phone2 #call_ord').on('submit', function(event){ var canSend = 1; if($('#form_wrapper_call_phone2 #v_name').val() == ''){$('#form_wrapper_call_phone2 #v_name').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0; } if($('#form_wrapper_call_phone2 #v_phone').val() == ''){$('#form_wrapper_call_phone2 #v_phone').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0;} //if($('#v_time').val() == 'Удобное время для звонка'){$('#v_time').css({'border':'1px solid #f00', 'color':'#f00'}).val('Поле не заполнено!'); canSend = 0;} if($('#form_wrapper_call_phone2 #v_mess').val() == ''){$('#form_wrapper_call_phone2 #v_mess').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0;} if(canSend != 0){ //подготавливаем и отправляем данные… var form = $(this); var url = form.attr('action'); var type = $(this).attr('id'); var sessid = $('#form_wrapper_call_phone2 [name="sessid"]').val(); var name = $('#form_wrapper_call_phone2 #v_name').val(); var phone = $('#form_wrapper_call_phone2 #v_phone').val(); var time = $('#form_wrapper_call_phone2 #v_time').val(); var usemess = $('#form_wrapper_call_phone2 #use_mess').val(); var message = $('#form_wrapper_call_phone2 #v_mess').val(); var captcha_sid = $('#form_wrapper_call_phone2 #captcha_sid').val(); var captcha_word = $('#form_wrapper_call_phone2 #captcha_word').val(); var PARAMS_HASH = $('#form_wrapper_call_phone2 #PARAMS_HASH').val(); // если поле Сообщение активно if(typeof message !== 'undefined'){ $.post(url, { form_type: type, sessid: sessid, v_name: name, v_phone: phone, v_time: time, v_mess: message, captcha_sid: captcha_sid, captcha_word: captcha_word, PARAMS_HASH: PARAMS_HASH, params_number: 1 ,templateName:"phone2" }, function(data){ form.find('.frm_place').empty().html(data); } ); } else{ $.post(url, { form_type: type, sessid: sessid, v_name: name, v_phone: phone, v_time: time, captcha_sid: captcha_sid, captcha_word: captcha_word, PARAMS_HASH: PARAMS_HASH, params_number: 1 ,templateName:"phone2" }, function(data){ form.find('.frm_place').empty().html(data); setTimeout( function(){ $('#overlay_phone2').fadeOut(500); $('#form_wrapper_call_phone2').hide(); } ,3000); } ); } event.preventDefault(); } else{ return false; } }); }); function OnResize__mail(event){ ajustScrollTop($(event.data.elem)); } $(document).ready(function(){ var Selector = 'a.email_us'; if(Selector == ''){ Selector = "a.call-phone"; } $(Selector).click(function(event){ $("#overlay_mail").css({"height":$(document).height()}).show(); $("html,body").addClass("overlay-lock"); $('#form_wrapper_call_mail').css({display:"block"}); ajustScrollTop($("#form_wrapper_call_mail")); $(window).bind('resize',{elem:$("#form_wrapper_call_mail")},OnResize__mail); event.preventDefault(); }); $('html,body').click(function(event){ var popup = $(event.target).parents('#form_wrapper_call_mail'); var trigger = false; $(Selector).each(function (){ if(this == $(event.target).get(0)){ trigger = true; } }) if(trigger){ // if we click on trigger do nothing }else{ if(popup.length > 0){ // if we click on popup do nothing }else{ //console.log('hide'); $("html,body").removeClass("overlay-lock"); $('#form_wrapper_call_mail').hide(); $("#overlay_mail").css({"height":"100%"}).hide(); $(window).unbind('resize',OnResize__mail); } } }); /* // закрываем блоки с формами $('#overlay_mail').click(function(event){ $('#form_wrapper_call_mail').hide(); event.preventDefault(); }); */ }); function validateEmail(email) { var re = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i; return re.test(email); } $(function(){ //alert('it works!'); // поля формы фокус $('#form_wrapper_call_mail #v_name').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Введите ФИО' || $(this).val() == 'Поле ФИО не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_mail #v_phone').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Введите телефон' || $(this).val() == 'Поле Телефон не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_mail #v_time').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Удобное время для звонка' || $(this).val() == 'Поле не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_mail #v_mess').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Сообщение' || $(this).val() == 'Поле Сообщение не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_mail #call_ord').on('submit', function(event){ var canSend = 1; if($('#form_wrapper_call_mail #v_name').val() == ''){$('#form_wrapper_call_mail #v_name').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0; } if($('#form_wrapper_call_mail #v_phone').val() == ''){$('#form_wrapper_call_mail #v_phone').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0;} //if($('#v_time').val() == 'Удобное время для звонка'){$('#v_time').css({'border':'1px solid #f00', 'color':'#f00'}).val('Поле не заполнено!'); canSend = 0;} if($('#form_wrapper_call_mail #v_mess').val() == ''){$('#form_wrapper_call_mail #v_mess').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0;} var Mail = $('#form_wrapper_call_mail #v_mail').val(); if(!validateEmail(Mail)){ $('#form_wrapper_call_mail #v_mail').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0; } if(!$('#form_wrapper_call_mail #v_approve').is(':checked')){ $('#form_wrapper_call_mail .v_approve_wrap').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0; } if(canSend != 0){ //подготавливаем и отправляем данные… var form = $(this); var url = form.attr('action'); var type = $(this).attr('id'); var sessid = $('#form_wrapper_call_mail [name="sessid"]').val(); var name = $('#form_wrapper_call_mail #v_name').val(); var phone = $('#form_wrapper_call_mail #v_phone').val(); var time = $('#form_wrapper_call_mail #v_time').val(); var usemess = $('#form_wrapper_call_mail #use_mess').val(); var message = $('#form_wrapper_call_mail #v_mess').val(); var captcha_sid = $('#form_wrapper_call_mail #captcha_sid').val(); var captcha_word = $('#form_wrapper_call_mail #captcha_word').val(); var PARAMS_HASH = $('#form_wrapper_call_mail #PARAMS_HASH').val(); var email = $('#form_wrapper_call_mail #v_mail').val(); // если поле Сообщение активно if(typeof message !== 'undefined'){ $.post(url, { form_type: type, sessid: sessid, v_name: name, v_phone: phone, v_time: time, v_mess: message, captcha_sid: captcha_sid, captcha_word: captcha_word, PARAMS_HASH: PARAMS_HASH, params_number: 2, v_email:email, templateName:"mail" }, function(data){ form.find('.frm_place').empty().html(data); } ); } else{ $.post(url, { form_type: type, sessid: sessid, v_name: name, v_phone: phone, v_time: time, captcha_sid: captcha_sid, captcha_word: captcha_word, PARAMS_HASH: PARAMS_HASH ,params_number: 2 ,v_email:email ,templateName:"mail" }, function(data){ form.find('.frm_place').empty().html(data); setTimeout( function(){ $('#overlay_mail').fadeOut(500); $('#form_wrapper_call_mail').hide(); } ,3000); } ); } event.preventDefault(); } else{ return false; } }); });