Наши услуги

<!DOCTYPE html> <html lang="en" > <head> <title>Наши услуги</title> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="robots" content="index, follow" /> <meta name="description" content="Ритуальный центр 'Ангел'" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="SerjZlo" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" type="text/css" rel="stylesheet" /> <link href="/local/templates/angel-main/components/bitrix/catalog/store/style.css?16812842831125" type="text/css" rel="stylesheet" /> <link href="/local/templates/angel-main/components/bitrix/catalog/store/bitrix/catalog.section.list/.default/style.css?17065240088674" type="text/css" rel="stylesheet" /> <link href="/local/templates/angel-main/css/fontawesome6.css?1681284282633720" type="text/css" data-template-style="true" rel="stylesheet" /> <link href="/local/templates/angel-main/css/slick.css?16812842821776" type="text/css" data-template-style="true" rel="stylesheet" /> <link href="/local/templates/angel-main/css/slick-theme.css?17071949203357" type="text/css" data-template-style="true" rel="stylesheet" /> <link href="/local/templates/angel-main/vendors/lightbox/css/lightbox.css?16770188423580" type="text/css" data-template-style="true" rel="stylesheet" /> <link href="/local/templates/angel-main/components/bitrix/news.list/menu-elements/style.css?16812842831434" type="text/css" data-template-style="true" rel="stylesheet" /> <link href="/local/templates/angel-main/components/bitrix/news.list/mainslider/style.css?16812842831434" type="text/css" data-template-style="true" rel="stylesheet" /> <link href="/local/templates/angel-main/components/bitrix/breadcrumb/breadcrumbs-catalog/style.css?17242946911640" type="text/css" data-template-style="true" rel="stylesheet" /> <link href="/local/templates/angel-main/css/vendors/reset.css?16812842821130" type="text/css" data-template-style="true" rel="stylesheet" /> <link href="/local/templates/angel-main/css/vendors/bootstrap/bootstrap.min.css?1681284282220780" type="text/css" data-template-style="true" rel="stylesheet" /> <link href="/local/templates/angel-main/styles.css?16812842823" type="text/css" data-template-style="true" rel="stylesheet" /> <link href="/local/templates/angel-main/template_styles.css?170978124926894" type="text/css" data-template-style="true" rel="stylesheet" /> <script src="/local/templates/angel-main/js/init.js?17126367833295"></script> <script src="/local/templates/angel-main/js/jquery.cookie-1.4.1.min.js?16812842821300"></script> <script src="/local/templates/angel-main/js/images.loaded.js?16812842825520"></script> <script src="/local/templates/angel-main/js/mansory.js?168128428224111"></script> <script src="/local/templates/angel-main/js/jquery.animateNumber.min.js?16094300241391"></script> <script src="/local/templates/angel-main/vendors/lightbox/js/lightbox.js?167701884220821"></script> <script src="/local/templates/angel-main/js/vendors/bootstrap/bootstrap.min.js?168128428260554"></script> <script type="text/javascript">var _ba = _ba || []; _ba.push(["aid", "4eb6dc47c627a20360326333a6dfbdb7"]); _ba.push(["host", "angel-market.ru"]); (function() {var ba = document.createElement("script"); ba.type = "text/javascript"; ba.async = true;ba.src = (document.location.protocol == "https:" ? "https://" : "http://") + "bitrix.info/ba.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ba, s);})();</script> <script> var siteKey = '6LcQxSglAAAAAPsxysjASr8NlW_2B7QDZ5a2LKGV'; var onloadCallback = function() { $('.captcha-item').each(function(index) { grecaptcha.render($(this).attr('id'), { 'sitekey' : siteKey, 'theme' : 'dark', 'type':'image' }); }); }; </script> <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>  <style> /*.main__navbar .nav-item:first-child {*/ /*}*/ /*.main__navbar li:first-child > a:hover,*/ /*.main__navbar li:first-child > a:focus {*/ /* text-shadow: none;*/ /* color: #FFF;*/ /* background: var(--color-scarlet);*/ /* text-decoration: none;*/ /* border-radius: .5rem;*/ /* background: #c15a40;}*/ /*.main__navbar li:first-child > a {*/ /* border-radius: .5rem;*/ /* max-width: 190px;*/ /* font-weight: normal !important;*/ /* font-size: 0.9rem;*/ /* background: #ee6c4d;*/ /* color: #FFF;*/ /* font-family: "Arial", serif;}*/ /*.main__navbar li:first-child > a::after {*/ /* content: none;*/ /* transition: none;}*/ /*.main-content .navbar-border li:first-child strong {*/ /* font-weight: normal !important;*/ /*}*/ </style> <style> .online-shop-container { width: 190px; margin: 0; padding: 0; display: flex; justify-content: center; align-content: center; align-items: center; background-image: linear-gradient(to right, #d72900, orange); border-radius: .5rem !important;} .online-shop { width: 100%; max-width: 100% !important; position: relative; padding: 10px 15px !important; text-transform: uppercase; font-family: sans-serif; overflow: hidden; background: rgba(255,255,255,.1); box-shadow: 0 3px 3px rgba(0,0,0,0.2); font-weight: normal !important; font-size: 0.9rem !important; line-height: 1rem !important; text-align: center; text-decoration: none !important; color: #FFF !important; border-radius: .5rem !important;} .online-shop:hover { text-shadow: none;} .online-shop.active { color: #fff;} .online-shop:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, rgba(255,255,255,.2) 70%, rgba(255,255,255,.1)); clip-path: polygon(0px 0px, 100% 0px, 0px 100%); color: #FFF; border-radius: .5rem !important;} .online-shop:after{ content: ''; position: absolute; top: 0; left: -100%; width: 100% !important; height: 100% !important; background: linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent) !important; transition: 0.5s !important; transition-delay: 0.5s !important; border-radius: .5rem !important;} .online-shop.active:after{ left: 100%; border-radius: .5rem !important;} .online-shop span{ position: absolute; display: block; transition: 0.5s ease;} .online-shop span:nth-child(1){ top: 0; left: 0; width: 0; height: 1px; background: #fff;} .online-shop.active span:nth-child(1) { width: 100%; transform: translateX(100%);} .online-shop span:nth-child(3) { bottom: 0; right: 0; width: 0; height: 1px; background: #fff;} .online-shop.active span:nth-child(3) { width: 100%; transform: translateX(-100%);} .online-shop span:nth-child(2) { top: 0; left: 0; width: 1px; height: 0; background: #fff;} .online-shop.active span:nth-child(2) { height: 100%; transform: translateY(100%);} .online-shop span:nth-child(4) { bottom: 0; right: 0; width: 1px; height: 0; background: #fff;} .online-shop.active span:nth-child(4) { height: 100%; transform: translateY(-100%);} </style> <script> setInterval(function(){ // toggle the class every five second $('.online-shop').toggleClass('active'); setTimeout(function(){ // toggle back after 1 second $('.online-shop').toggleClass('active'); },3000) },5000); </script>               <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"/> </head> <body data-bs-theme="dark">  <div class="mainmenu"> <div data-bs-theme="dark" class="mainmenu-close"> <button type="button" class="btn-close" aria-label="Close"></button> </div> <div class="container-xxl"> <div class="row"> <div class="col-12 pt-5 pt-lg-0"> <div class="container h-100 gx-0 gx-lg-auto"> <div class="row"> <div class="col-12 text-center"> <a href="/" class="logo-inside"><img src="/local/templates/angel-main/images/logo.png" class="img-fluid"></a> </div> <div class="col-12 my-5 menu-wrap d-none d-lg-grid h-100 justify-content-center "> <div class="menu-item"> <div class="menu-title"> <a href="/">Главная</a> </div> </div> <div class="menu-item"> <div class="menu-title"> <a href="/store">Каталог товаров</a> </div> <div class="menu-level-item"> <a class="color-white" href="/store/venki/">Венки, корзины</a> </div> <div class="menu-level-item"> <a class="color-white" href="/store/groby/">Гробы</a> </div> <div class="menu-level-item"> <a class="color-white" href="/store/cross/">Кресты</a> </div> <div class="menu-level-item"> <a class="color-white" href="/store/granit/">Памятники из гранита</a> </div> <div class="menu-level-item"> <a class="color-white" href="/store/pamyatniki-iz-mramora/">Памятники из мрамора</a> </div> <div class="menu-level-item"> <a class="color-white" href="/store/pamyatniki-iz-betona/">Памятники из бетона</a> </div> <div class="menu-level-item"> <a class="color-white" href="/store/ritual-stuff/">Ритуальные принадлежности </a> </div> <div class="menu-level-item"> <a class="color-white" href="/store/skulptury/">Скульптуры</a> </div> </div> <div class="menu-item"> <div class="menu-title"> <a href="/services">Услуги</a> </div> <div class="menu-level-item"> <a class="color-white" href="/services/gravirovalnye-raboty/">Гравировальные работы</a> </div> <div class="menu-level-item"> <a class="color-white" href="/services/frezernye-raboty/">Фрезерные работы</a> </div> <div class="menu-level-item"> <a class="color-white" href="/services/izgotovlenie-fotokeramiki/">Изготовление фотокерамики</a> </div> <div class="menu-level-item"> <a class="color-white" href="/services/izgotovlenie-izdeliy-iz-metalla/">Изготовление изделий из металла</a> </div> <div class="menu-level-item"> <a class="color-white" href="/services/professionalnaya-polirovka-kamnya/">Профессиональная полировка камня</a> </div> <div class="menu-level-item"> <a class="color-white" href="/services/razrabotka-dizayn-proektov/">Разработка дизайн-проектов</a> </div> <div class="menu-level-item"> <a class="color-white" href="/services/blagoustroystvo/">Благоустройство</a> </div> <div class="menu-level-item"> <a class="color-white" href="/services/ustanovka-pamyatnikov/">Установка памятников</a> </div> </div> <div class="menu-item"> <div class="menu-title"> <a href="/ourworks">Наши работы</a> </div> </div> <div class="menu-item"> <div class="menu-title"> <a href="/articles">Полезная информация</a> </div> </div> <div class="menu-item"> <div class="menu-title"> <a href="/contacts">Контакты</a> </div> </div> <div class="menu-item"> <div class="menu-title"> <a href="/about">О нас</a> </div> </div> </div>  <div class="col-12 accordion d-block d-lg-none mt-3" id="accordionMenu"> <div class="accordion-item"> <h2 class="accordion-header"><a href="/">Главная</a></h2> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading_9"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_9" aria-expanded="true" aria-controls="collapse_9"> Каталог товаров </button> </h2> <div id="collapse_9" class="accordion-collapse collapse show " aria-labelledby="heading_9" data-bs-parent="#accordionMenu"> <div class="accordion-body"> <a class="text-white" href="/store/venki/">Венки, корзины</a> <a class="text-white" href="/store/groby/">Гробы</a> <a class="text-white" href="/store/cross/">Кресты</a> <a class="text-white" href="/store/granit/">Памятники из гранита</a> <a class="text-white" href="/store/pamyatniki-iz-mramora/">Памятники из мрамора</a> <a class="text-white" href="/store/pamyatniki-iz-betona/">Памятники из бетона</a> <a class="text-white" href="/store/ritual-stuff/">Ритуальные принадлежности </a> <a class="text-white" href="/store/skulptury/">Скульптуры</a> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading_8"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_8" aria-expanded="true" aria-controls="collapse_8"> Услуги </button> </h2> <div id="collapse_8" class="accordion-collapse collapse " aria-labelledby="heading_8" data-bs-parent="#accordionMenu"> <div class="accordion-body"> <a class="text-white" href="/services/gravirovalnye-raboty/">Гравировальные работы</a> <a class="text-white" href="/services/frezernye-raboty/">Фрезерные работы</a> <a class="text-white" href="/services/izgotovlenie-fotokeramiki/">Изготовление фотокерамики</a> <a class="text-white" href="/services/izgotovlenie-izdeliy-iz-metalla/">Изготовление изделий из металла</a> <a class="text-white" href="/services/professionalnaya-polirovka-kamnya/">Профессиональная полировка камня</a> <a class="text-white" href="/services/razrabotka-dizayn-proektov/">Разработка дизайн-проектов</a> <a class="text-white" href="/services/blagoustroystvo/">Благоустройство</a> <a class="text-white" href="/services/ustanovka-pamyatnikov/">Установка памятников</a> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"><a href="/ourworks/">наши работы</a></h2> </div> <div class="accordion-item"> <h2 class="accordion-header"><a href="/articles/">Полезная информация</a></h2> </div> <div class="accordion-item"> <h2 class="accordion-header"><a href="/contacts/">Контакты</a></h2> </div> <div class="accordion-item"> <h2 class="accordion-header"><a href="/about/">О нас</a></h2> </div> </div>  <div class="col-12 text-center pb-3 pb-lg-0"> <div class="row"> <div class="col-lg d-flex justify-content-center pt-3 pt-lg-0"> <div class="align-items-center d-flex"> <i class="fa-thin fa-phone-volume color-scarlet me-3 phone pe-3"></i> <div class="d-flex flex-column align-items-center text-center"> <span class="d-block w-100 ">Интернет-магазин:</span> <span class="d-block w-100 phone-text">+7 (4162) 216-000</span> </div> </div> </div> <div class="col-lg d-flex justify-content-center pt-3 pt-lg-0"> <div class="align-items-center d-flex"> <i class="fa-thin fa-phone-volume color-scarlet me-3 phone pe-3"></i> <div class="d-flex flex-column align-items-center text-center"> <span class="d-block w-100 ">Благовещенск:</span> <span class="d-block w-100 phone-text">+7 (4162) 219-219</span> </div> </div> </div> <div class="col-lg d-flex justify-content-center pt-3 pt-lg-0"> <div class="align-items-center d-flex"> <i class="fa-thin fa-phone-volume color-scarlet me-3 phone pe-3"></i> <div class="d-flex flex-column align-items-center text-center"> <span class="d-block w-100">Белогорск:</span> <span class="d-block w-100 phone-text">+7 (914) 041-01-01 </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="root-wrap"> <div class="main mb-5"> <div class="main-content h-100 justify-content-lg-between"> <div class="top-bar"> <div class="container-xxl"> <div class="row align-items-center justify-content-between">          <div class="col-lg d-none d-lg-flex align-items-center"> <i class="fa-thin fa-phone-volume color-scarlet me-3 phone pe-3"></i> <div class="d-none d-lg-flex flex-column align-items-center text-center"> <span class="d-block w-100 ">Благовещенск:</span> <span class="d-block w-100 phone-text">+7 (4162) 219-219</span> </div> </div> <div class="col-lg d-none d-lg-flex align-items-center"> <i class="fa-thin fa-phone-volume color-scarlet me-3 phone pe-3"></i> <div class="d-none d-lg-flex flex-column align-items-center text-center"> <span class="d-block w-100">Белогорск:</span> <span class="d-block w-100 phone-text">+7 (914) 041-01-01 </span> </div> </div> <div class="col-lg d-none d-lg-flex align-items-center"> <i class="fa-thin fa-phone-volume color-scarlet me-3 phone pe-3"></i> <div class="d-none d-lg-flex flex-column align-items-center text-center"> <span class="d-block w-100">Интернет-магазин:</span> <span class="d-block w-100 phone-text"><strong>+7 (4162) 216-000</strong></span> </div> </div>  <div class="col-6 col-md-3 col-lg-5 text-center text-lg-end"> <div class="social-networks"> <a target="_blank" href="https://www.instagram.com/ritual_angel/" class="mx-1"><i class="fa-brands fa-instagram"></i></a> <a href="/#fdb" class="mx-1"><i class="fa-thin fa-envelope"></i></a> <a href="/contacts/" class="mx-1"><i class="fa-thin fa-address-book"></i></a> <a href="/lk/" class="mx-1"><i class="fa-thin fa-user"></i></a> </div> </div> <div class="col-3 d-flex d-lg-none justify-content-end"> <nav class="navbar navbar-dark"> <div class="container-fluid"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#accordionMenu" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> </div> </nav> </div> </div> </div> </div> <div class="container-xxl my-3 my-lg-5"> <div class="row align-items-center justify-content-center"> <div class="col-8 col-sm-6 col-lg-3 px-4"> <a href="/"><img src="/local/templates/angel-main/images/logo.png" class="img-fluid"></a> </div> <div class="col-12 px-4 d-flex justify-content-center d-lg-none"> <div class="align-items-center d-flex"> <i class="fa-thin fa-phone-volume color-scarlet me-3 phone pe-3"></i> <div class="d-flex flex-column align-items-center text-center"> <span class="d-block w-100 ">Интернет-магазин:</span> <span class="d-block w-100 phone-text">+7 (4162) 216-000</span> </div> </div> </div> <div class="col-lg d-none d-lg-flex justify-content-end"> <div class="w-100 navbar-border justify-content-end font-yeseva text-uppercase"> <ul class="nav w-100 d-flex align-items-center justify-content-between main__navbar" data-bs-theme="dark"> <li class="online-shop-container"> <a class="online-shop" href="/store/granit/"> <span></span> <span></span> <span></span> <span></span> Перейти в интернет-магазин памятников</a> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="/">Главная</a> </li> <li class="nav-item"> <a class="nav-link" href="/store/">Каталог товаров</a> </li> <li class="nav-item"> <a class="nav-link goods" href="/services/">Услуги</a> </li> <li class="nav-item"> <a class="nav-link" href="/ourworks/">Наши работы</a> </li>    <li class="nav-item"> <a class="nav-link" href="/contacts/">Контакты</a> </li> <li class="nav-item"> <a class="nav-link" href="/about/">О нас</a> </li> <li class="nav-item ps-3"> <div class="hamburger"> <span></span> <span></span> <span></span> </div>  </li> </ul> </div> </div> </div> </div> <div class="container-xxl my-5"> <div class="row align-items-center text-center text-lg-start"> <div class="col-12"> <style> h3.display-5 { max-width: 100% !important;} .online-shop { padding: 30px 15px !important;} .online-shop-container { width: 280px; /*margin-top: 20px;*/ } </style> <div class="mainslider"> <div class="slick-item"> <div class="slide-wrap"> <div class="wrap"> <h3 class="display-5 text-uppercase light-gray text-lg-end">СКИДКА 25% НА ПАМЯТНИКИ<br>В ИНТЕРНЕТ-МАГАЗИНЕ<br></h3> <div class="online-shop-container"> <a class="online-shop" href="/store/granit/"> <span></span> <span></span> <span></span> <span></span> Перейти в интернет-магазин памятников</a> </div> </div> <img class="img-fluid" src="/upload/iblock/32b/rbi2ld6iww8fwmm9z50i2cld1ehcqlef.png" alt=""/> </div> </div> </div> </div> </div> </div> <div class="container-xxl features"> <div class="row align-items-center navbar-border-top text-center"> <div class="col py-5 d-flex align-items-center justify-content-center"> <i class="fa-thin fa-5x color-scarlet mx-3 fa-candle-holder"></i> <div class="text-start features"> <span class="font-yeseva text-uppercase">Надежная компания</span> <p class="block-heading-text text-white">Гарантия на все виды работ, безупречное качество, строгое соблюдение сроков</p> </div> </div> <div class="col py-5 d-flex align-items-center justify-content-center"> <i class="fa-thin fa-5x color-scarlet mx-3 fa-tombstone"></i> <div class="text-start features"> <span class="font-yeseva text-uppercase">Собственное производство</span> <p class="block-heading-text text-white">Используем передовые технологии, работаем без посредников</p> </div> </div>     <div class="col py-5 d-flex align-items-center justify-content-center"> <i class="fa-thin fa-5x color-scarlet mx-3 fa-badge-percent"></i> <div class="text-start features"> <span class="font-yeseva text-uppercase">Доступные цены</span> <p class="block-heading-text text-white">Низкие цены от производителя, настоящие скидки и акции</p> </div> </div> </div> </div> </div> </div> <div class="container-xxl color-dark"> <div class="row align-items-center justify-content-center text-center text-lg-start"> <div class="col-12"> <div class="breadcrumbs"> <link href="/bitrix/css/main/font-awesome.css?168128431028777" type="text/css" rel="stylesheet" /> <div class="bx-breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList"> <div class="bx-breadcrumb-item"> <span>Наши услуги</span> </div><div style="clear:both"></div></div> </div> </div> </div> </div> <div class="container-xxl my-5 color-dark" id="main-header"> <div class="row align-items-center justify-content-center text-center text-lg-start"> <div class="col-12 col-lg-6" id="main-title"> <div class="block-heading-title"> <h1 class="text-uppercase">Наши услуги</h1> </div> </div> <div class="col-9 col-lg-6"> <div class="block-heading-text"> <span>В нашем центре мы предоставляем полный перечень услуг от изготовления памятника до установки и благоустройства мест захоронений. Все работы будут выполнены качественно и в срок! На все виды услуг и работ мы даем гарантию!</span> </div> </div> </div> </div> <div class="container-xxl color-dark""> <div class="row"> <div class="col"> <style> .swch { display: flex; align-items: center; gap: 20px; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #ee6c4d; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .category-min-price { position: absolute; top: 0; right: 0; z-index: 2; color: #FFF; border-radius: 0 .5rem; font-size: 1.3rem; display: flex; flex-direction: column; } .category-min-price span.old { padding: 10px 20px; background: #848484; border-radius: 0 .5rem 0 0; } .category-min-price span.new { padding: 10px 20px; background: #c82333; border-radius: 0 0 0 .5rem; } .category-count { position: absolute; top: 0; left: 0; background: #c87e23; color: #FFF; padding: 10px 20px; border-radius: 0 .5rem; font-size: 1.1rem; z-index: 2;} </style> <script> $('.inStore').on("click",function(e) { $(this).toggleClass('active'); var matches = $('#all__groups').find('.store-item'); console.log(matches); $(matches).each(function(e) { var available = $(this).data('count'); if (available === 0) { $(this).toggleClass('d-none'); } }); // .data('count') }); </script> <div class="row" id="all__groups"> <div class="col-12 col-md-6 col-lg-4 mb-4 store-item" data-count="0"> <div class="item"> <div class="image-block">         <a href="/services/gravirovalnye-raboty/"> <div class="image"> <img src="/upload/resize_cache/iblock/ec4/720_480_19e0068a391dbec323706638c27a2f478/7cr8l5fbeutp3w8yqzer3u5ezvuedoil.jpeg" class="img-fluid"/> </div> </a> <div class="hover-block"> <div class="txt" style="display: block;width: 65%;margin: auto;"> <a href="/services/gravirovalnye-raboty/" class="btn w-100 btn-scarlet px-5 py-3 animated-button thar-three"> Узнать больше </a> </div> </div> </div> <div class="description-block"> <div class="wrap"> <div class="wrap-line"> <h6 class="item-title text-uppercase text-center"> Гравировальные работы </h6> </div> </div> <span class="text-block-wrap-div"> Выполнение гравировки любой сложности. </span> <a href="/services/gravirovalnye-raboty/" class="d-block d-lg-none btn w-100 btn-scarlet px-5 py-3"> Узнать больше </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-4 store-item" data-count="0"> <div class="item"> <div class="image-block">         <a href="/services/frezernye-raboty/"> <div class="image"> <img src="/upload/resize_cache/iblock/66a/720_480_19e0068a391dbec323706638c27a2f478/t7vv5jmbrbekqdmx37z6zi2rgfjvj7ry.jpg" class="img-fluid"/> </div> </a> <div class="hover-block"> <div class="txt" style="display: block;width: 65%;margin: auto;"> <a href="/services/frezernye-raboty/" class="btn w-100 btn-scarlet px-5 py-3 animated-button thar-three"> Узнать больше </a> </div> </div> </div> <div class="description-block"> <div class="wrap"> <div class="wrap-line"> <h6 class="item-title text-uppercase text-center"> Фрезерные работы </h6> </div> </div> <span class="text-block-wrap-div"> Обработка и доработка элементов захоронений по индивидуальному дизайну </span> <a href="/services/frezernye-raboty/" class="d-block d-lg-none btn w-100 btn-scarlet px-5 py-3"> Узнать больше </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-4 store-item" data-count="0"> <div class="item"> <div class="image-block">         <a href="/services/izgotovlenie-fotokeramiki/"> <div class="image"> <img src="/upload/resize_cache/iblock/9b0/720_480_19e0068a391dbec323706638c27a2f478/3kcks2ihe6yfhl8lwp43y6rtdwox2qzi.webp" class="img-fluid"/> </div> </a> <div class="hover-block"> <div class="txt" style="display: block;width: 65%;margin: auto;"> <a href="/services/izgotovlenie-fotokeramiki/" class="btn w-100 btn-scarlet px-5 py-3 animated-button thar-three"> Узнать больше </a> </div> </div> </div> <div class="description-block"> <div class="wrap"> <div class="wrap-line"> <h6 class="item-title text-uppercase text-center"> Изготовление фотокерамики </h6> </div> </div> <span class="text-block-wrap-div"> Подготовка и нанесение на керамику, металл или стекло полноцветных фотографий </span> <a href="/services/izgotovlenie-fotokeramiki/" class="d-block d-lg-none btn w-100 btn-scarlet px-5 py-3"> Узнать больше </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-4 store-item" data-count="0"> <div class="item"> <div class="image-block">         <a href="/services/izgotovlenie-izdeliy-iz-metalla/"> <div class="image"> <img src="/upload/resize_cache/iblock/9af/634_388_19e0068a391dbec323706638c27a2f478/0ntxt8wceen7do3q59o30f0yt75oc4g0.webp" class="img-fluid"/> </div> </a> <div class="hover-block"> <div class="txt" style="display: block;width: 65%;margin: auto;"> <a href="/services/izgotovlenie-izdeliy-iz-metalla/" class="btn w-100 btn-scarlet px-5 py-3 animated-button thar-three"> Узнать больше </a> </div> </div> </div> <div class="description-block"> <div class="wrap"> <div class="wrap-line"> <h6 class="item-title text-uppercase text-center"> Изготовление изделий из металла </h6> </div> </div> <span class="text-block-wrap-div"> Оградки, столы, скамейки, кресты, вазы и другие элементы благоустройства: в наличии и под заказ. </span> <a href="/services/izgotovlenie-izdeliy-iz-metalla/" class="d-block d-lg-none btn w-100 btn-scarlet px-5 py-3"> Узнать больше </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-4 store-item" data-count="0"> <div class="item"> <div class="image-block">         <a href="/services/professionalnaya-polirovka-kamnya/"> <div class="image"> <img src="/upload/resize_cache/iblock/86d/720_480_19e0068a391dbec323706638c27a2f478/mt2x1hvitlt8f2595m7i4hwwbmd13lx4.jpg" class="img-fluid"/> </div> </a> <div class="hover-block"> <div class="txt" style="display: block;width: 65%;margin: auto;"> <a href="/services/professionalnaya-polirovka-kamnya/" class="btn w-100 btn-scarlet px-5 py-3 animated-button thar-three"> Узнать больше </a> </div> </div> </div> <div class="description-block"> <div class="wrap"> <div class="wrap-line"> <h6 class="item-title text-uppercase text-center"> Профессиональная резка и полировка камня </h6> </div> </div> <span class="text-block-wrap-div"> Профессиональные услуги по обработке камня: резка, шлифовка и полировка </span> <a href="/services/professionalnaya-polirovka-kamnya/" class="d-block d-lg-none btn w-100 btn-scarlet px-5 py-3"> Узнать больше </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-4 store-item" data-count="0"> <div class="item"> <div class="image-block">         <a href="/services/razrabotka-dizayn-proektov/"> <div class="image"> <img src="/upload/resize_cache/iblock/52e/720_480_19e0068a391dbec323706638c27a2f478/fewu2l0pprwwyauqvdxesmzknv1rx4gd.png" class="img-fluid"/> </div> </a> <div class="hover-block"> <div class="txt" style="display: block;width: 65%;margin: auto;"> <a href="/services/razrabotka-dizayn-proektov/" class="btn w-100 btn-scarlet px-5 py-3 animated-button thar-three"> Узнать больше </a> </div> </div> </div> <div class="description-block"> <div class="wrap"> <div class="wrap-line"> <h6 class="item-title text-uppercase text-center"> Разработка дизайн-проектов </h6> </div> </div> <span class="text-block-wrap-div"> Создание дизайн-проектов памятников и мемориальных комплексов. Проектирование благоустройства места захоронения. </span> <a href="/services/razrabotka-dizayn-proektov/" class="d-block d-lg-none btn w-100 btn-scarlet px-5 py-3"> Узнать больше </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-4 store-item" data-count="0"> <div class="item"> <div class="image-block">         <a href="/services/blagoustroystvo/"> <div class="image"> <img src="/upload/resize_cache/iblock/8b0/615_442_19e0068a391dbec323706638c27a2f478/9in3yxbn3f1rph2o2n74bwpfjvhn03x1.png" class="img-fluid"/> </div> </a> <div class="hover-block"> <div class="txt" style="display: block;width: 65%;margin: auto;"> <a href="/services/blagoustroystvo/" class="btn w-100 btn-scarlet px-5 py-3 animated-button thar-three"> Узнать больше </a> </div> </div> </div> <div class="description-block"> <div class="wrap"> <div class="wrap-line"> <h6 class="item-title text-uppercase text-center"> Благоустройство мест захоронения </h6> </div> </div> <span class="text-block-wrap-div"> Весь спектр работ по благоустройству: от установки памятника и отсыпки участка до создания современных мемориальных комплексов. </span> <a href="/services/blagoustroystvo/" class="d-block d-lg-none btn w-100 btn-scarlet px-5 py-3"> Узнать больше </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-4 store-item" data-count="0"> <div class="item"> <div class="image-block">         <a href="/services/ustanovka-pamyatnikov/"> <div class="image"> <img src="/upload/resize_cache/iblock/221/720_480_19e0068a391dbec323706638c27a2f478/7641x8g1ifohpot7cxhrcry2c7hvi8bl.png" class="img-fluid"/> </div> </a> <div class="hover-block"> <div class="txt" style="display: block;width: 65%;margin: auto;"> <a href="/services/ustanovka-pamyatnikov/" class="btn w-100 btn-scarlet px-5 py-3 animated-button thar-three"> Узнать больше </a> </div> </div> </div> <div class="description-block"> <div class="wrap"> <div class="wrap-line"> <h6 class="item-title text-uppercase text-center"> Установка памятников </h6> </div> </div> <span class="text-block-wrap-div"> Полный комплекс работ по установке памятников </span> <a href="/services/ustanovka-pamyatnikov/" class="d-block d-lg-none btn w-100 btn-scarlet px-5 py-3"> Узнать больше </a> </div> </div> </div> </div>  </div> </div> </div> <section class="feedback"> <div class="container-xxl mt-5"> <div class="row align-items-center"> <div class="col-12 col-lg-6 pb-5 pb-lg-0 text-center text-lg-start pe-lg-5"> <div class="block-heading-title"> <h3 class="text-uppercase pb-5 text-white">Благоустройство мест захоронений</h3> </div> <p>Мы предлагаем полный комплекс услуг по уходу за местом захоронения и его благоустройству с использованием современного дизайна и высококачественных материалов. Мы готовы предложить каждому клиенту индивидуальный подход и учесть все пожелания.</p> <p>Комплекс предлагаемых нашей фирмой услуг по благоустройству места захоронения включает в себя:</p> <ul> <li>Установку любых видов памятников;</li> <li>Возведение элитных мемориальных комплексов;</li> <li>Установку гранитных и металлических оградок;</li> <li>Реставрация уже установленных памятников и оград;</li> <li>Установку бордюрного камня и укладку тротуарной плитки;</li> <li>Устройство покрытия из гранитной или керамогранитной плитки;</li> <li>Демонтаж и утилизацию старых памятников и оград;</li> </ul> <p>И это далеко неисчерпывающий список!</p> <p>Все работы будут выполнены качественно и в срок! На все виды услуг и работ мы даем гарантию!</p> </div> <div class="col-12 col-lg-6"> <form id="feedback-form" class="form-dark row g-3 needs-validation position-relative"> <div id="success" class="d-none"></div> <div class="col-12"> <div class="block-heading-title text-center"> <h4 class="text-uppercase ">Оставить заявку</h4> </div> </div> <div class="col-12 col-md-8 mx-auto"> <span class="py-3 d-block text-center">Отправьте заявку и мы перезвоним Вам в ближайшее время для уточнения заказа</span> </div> <div class="col-12 col-md-6"> <input type="text" class="form-control" placeholder="Ваше имя*" name="name" aria-describedby="validationName" required > <div id="validationName" class="invalid-feedback"> Поле обязательно для заполнения! </div> </div> <div class="col-12 col-md-6"> <input type="text" class="form-control phone" placeholder="Ваш телефон*" name="phone" aria-describedby="validationPhone" required> <div id="validationPhone" class="invalid-feedback"> Поле обязательно для заполнения! </div> </div> <div class="col-12 col-md-12"> <textarea type="text" class="form-control" placeholder="Комментарий" name="message"></textarea> <div id="validationEmail" class="invalid-feedback"> Поле обязательно для заполнения! </div> </div> <div class="col-12"> <div class="g-recaptcha captcha-item form-group d-flex flex-column align-items-center" id="captcha8" aria-describedby="validationCaptcha"required></div> <div class="captcha-error d-none"> Вы не прошли проверку! </div> </div> <div class="col-12 pb-3"> <input type="button" class="btn w-100 btn-scarlet px-5 py-3" id="send-button" value="Отправить" /> </div> </form> </div> </div> </div> </section> </div>  <footer> <div class="container-xxl my-5"> <div class="row align-items-center justify-content-center"> <div class="col-6 col-sm-4 col-lg-2"> <a href="/"><img src="/local/templates/angel-main/images/logo.png" class="img-fluid"></a> </div> <div class="col-lg d-none d-lg-flex justify-content-end main-content"> <div class="navbar-border justify-content-end font-yeseva text-uppercase"> <ul class="nav d-flex align-items-center" data-bs-theme="dark"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="/">Главная</a> </li> <li class="nav-item"> <a class="nav-link" href="/store/">Каталог товаров</a> </li> <li class="nav-item"> <a class="nav-link goods" href="/services/">Услуги</a> </li> <li class="nav-item"> <a class="nav-link" href="/ourworks/">Наши работы</a> </li> <li class="nav-item"> <a class="nav-link" href="/articles/">Полезная информация</a> </li> <li class="nav-item"> <a class="nav-link" href="/contacts/">Контакты</a> </li> <li class="nav-item"> <a class="nav-link" href="/about/">О нас</a> </li> </ul> </div> </div> </div> <div class="row align-items-center"> <div class="col-12 col-lg-6 pt-5"> <p> <i class="fa-thin fa-location-dot color-scarlet mr-2" aria-hidden="true"></i> <b>Адрес:</b> <span itemprop="streetAddress">г.Благовещенск, ул.Пролетарская, д.51</span><br> <i class="fa-thin fa-phone-volume color-scarlet mr-2" aria-hidden="true"></i> <b>Телефон:</b> <span itemprop="telephone">+7 (4162) 219-219</span></p> <hr> <p> <i class="fa-thin fa-location-dot color-scarlet mr-2" aria-hidden="true"></i> <b>Адрес:</b> <span itemprop="streetAddress">г.Белогорск, ул.Кирова, д.87</span><br> <i class="fa-thin fa-phone-volume color-scarlet mr-2" aria-hidden="true"></i> <b>Телефон:</b> <span itemprop="telephone">+7 (914) 041-01-01</span> </p> <p> <i class="fa-thin fa-location-dot color-scarlet mr-2" aria-hidden="true"></i> <b>Интернет-магазин:</b><br> <i class="fa-thin fa-phone-volume color-scarlet mr-2" aria-hidden="true"></i> <b>Телефон:</b> <span itemprop="telephone">+7 (4162) 216-000</span> </p> </div> <div class="col-12 col-lg-6 text-center pt-5"> <div class="social-networks pb-4"> <a target="_blank" href="https://www.instagram.com/ritual_angel/" class="mx-1"><i class="fa-brands fa-instagram"></i></a> <a href="/#fdb" class="mx-1"><i class="fa-thin fa-envelope"></i></a> <a href="/contacts/" class="mx-1"><i class="fa-thin fa-address-book"></i></a> <a href="/lk/" class="mx-1"><i class="fa-thin fa-user"></i></a> </div> <span>© 2019-2024. Ритуальный центр "Ангел".</span> </div> </div> </div> </footer> <div class="modal fade" id="conditions" tabindex="-1" aria-labelledby="conditionsLabel" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title fs-5 text-dark" id="conditionsLabel">Условия изготовления памятника и гравировальных работ</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body px-4"> <ul> <li>1. Описание материала, из которого изготовлен комплект памятника:<br>Материал памятника - природный диорит, цвет - черный с серыми вкраплениями, наличие слюды (светлых пятен) на лицевой стороне стелы - не более 10% (десяти процентов) от площади стороны, на обратной стороне стелы - не более 15% (пятнадцати процентов).</li> <li>2. Условия выполнения гравировальных работ: <ul> <li>2.1 При заказе гравировки портрета “Заказчик” обязан предоставить “Исполнителю” фотографию надлежащего качества с минимальным разрешением 600ppi (пиксел на точку). Мы рекомендуем использовать документальное фото с хорошей резкостью для получения наилучшего качества изображения на памятнике.</li> <li>2.2 При заказе гравировки портрета в течение 15 (пятнадцати) календарных дней, с момента предоставления фотографии надлежащего качества, изготавливается ретушь (обработанное изображение, подготовленное для переноса на камень). После завершения процесса ретуширования “Заказчику” отправляется ретушь для ознакомления в личный кабинет на сайте angel-market.ru, на e-mail или на Whatsapp. Предпочтение выбора способа связи остается за “Заказчиком”. “Заказчик” обязан ознакомиться с ретушью не позднее 3-х (трех) календарных дней с момента отправки ретуши. При согласии с ретушью, “Заказчик” в ответном сообщении отправляет следующий текст: “С ретушью согласен, эпитафия и даты жизни отражены верно”, в случае несогласия, отправляет замечания и/или дополнения, затем изображение дорабатывается “Исполнителем”.</li> <li>2.3 При заказе гравировки текста срок подготовки ретуши- 3 (три) календарных дня.</li> <li>2.4 “Исполнитель” приступает к выполнению работ на камне только после получения согласия с ретушью от “Заказчика” и при полной оплате работ.</li> <li>2.5 Срок выполнения гравировальных работ составляет 15 (пятнадцать) календарных дней с момента получения согласия с ретушью от “Заказчика” или с момента полной оплаты работ (что наступит позже).</li> <li>2.6 В случае отказа “Заказчика” от выполнения гравировальных работ, он обязан возместить “Исполнителю” понесенные им расходы (стоимость ретуширования и т.д.).</li> </ul> </li> </ul> </div> </div> </div> </div> <div class="modal fade" id="rules" tabindex="-1" aria-labelledby="rulesLabel" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title fs-5 text-dark" id="rulesLabel">ПРАВИЛА УХОДА ЗА ПАМЯТНИКОМ ИЗ ДИОРИТА И ГРАВИРОВКОЙ</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body px-4"> <ul> <li>1. Не допускать попадания смолы на памятник и выполненную на нем гравировку, т.е. при установке обеспечьте безопасное расстояние от памятника до деревьев (особенно хвойных).</li> <li>2. Избегать попадания масла на гравировку.</li> <li>3. Не использовать при очистке памятника абразивные материалы и средства, а также средства, содержащие кислоты и щелочи. Запрещено использовать порошковые моющие средства и цветную ткань.</li> <li>4. Для очистки памятника и гравировки используйте только белую ткань, чистую воду, растворитель или очищенный бензин.</li> <li>5. Не рекомендуется оставлять продукты питания (конфеты, яйцо и т.п.) на памятнике (подставке, надгробной плите).</li> </ul> </div> </div> </div> </div> <style> #showBanner { max-width: 450px; width: 100%; border: 1px solid #c82333; border-radius: .5rem;} .toast-grid { display: grid; grid-template-columns: 100%; color: #000; text-align: center;} .toast-desc-container { display: grid; justify-content: space-between; height: 100%;} .toast-btn { align-self: end;} .toast-body { background: rgba(255,255,255, 0.95); border-radius: 0 0 .4rem .4rem;} .toast-header { background: #c82333; justify-content: end;} .toast-grid h5 { color: #000;} </style> <div class="toast-container position-fixed bottom-0 start-0 p-3"> <div id="showBanner" class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="false"> <div class="toast-header"> <button class="btn-close confrim" id="confrim" type="button" data-bs-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body"> <div class="toast-grid"> <div class="toast-desc-container"> Мы рады ответить на ваши вопросы<br> <b>Вторник – Суббота / 9:00 – 18:00</b> <h5>+7 (4162) 216-000</h5> </div> </div> </div> </div> </div> <script> const toastLiveExample = document.getElementById('showBanner') function showToast() { const toastBootstrap = bootstrap.Toast.getOrCreateInstance(toastLiveExample) toastBootstrap.show() } function hideToast() { const toastBootstrap = bootstrap.Toast.getOrCreateInstance(toastLiveExample) toastBootstrap.hide() } setTimeout(showToast, 3000); </script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js"></script>  <script> function animateScroll(container){ $('html, body').animate({ scrollTop: $(container).offset().top -0 }, 300); } animateScroll('#main-header'); </script> <script> $('.our-works').slick({ dots: true, dotsClass: 'slider-dots', infinite: true, speed: 300, slidesToShow: 2, slidesToScroll: 2, nextArrow: '<button type="button" class="slick-next-btn"><i class="fa-solid fa-angle-right"></i></button>', prevArrow: '<button type="button" class="slick-prev-btn"><i class="fa-solid fa-angle-left"></i></button>', responsive: [ { breakpoint: 1024, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true } } ] }); $('.reviews').slick({ dots: true, dotsClass: 'rev-slider-dots', infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 1, nextArrow: '<button type="button" class="rev-slick-next-btn"><i class="fa-solid fa-angle-right"></i></button>', prevArrow: '<button type="button" class="rev-slick-prev-btn"><i class="fa-solid fa-angle-left"></i></button>', responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: true, dots: true } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true } } ] }); $('.mainslider').slick({ dots: false, dotsClass: 'slider-dots', infinite: true, speed: 600, autoplay:true, autoplaySpeed:6000, slidesToShow: 1, slidesToScroll: 1, //nextArrow: '<button type="button" class="slick-next-btn"><i class="fa-solid fa-angle-right"></i></button>', //prevArrow: '<button type="button" class="slick-prev-btn"><i class="fa-solid fa-angle-left"></i></button>', }); $('.betonslider').slick({ dots: true, dotsClass: 'slider-dots', infinite: true, speed: 600, slidesToShow: 1, slidesToScroll: 1, // nextArrow: '<button type="button" class="rev-slick-next-btn"><i class="fa-solid fa-angle-right"></i></button>', // prevArrow: '<button type="button" class="rev-slick-prev-btn"><i class="fa-solid fa-angle-left"></i></button>', }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> var $grid = $('.grid').imagesLoaded( function() { // init Masonry after all images have loaded $grid.masonry({ itemSelector: '.grid-item', percentPosition: true, columnWidth: '.grid-sizer' }); $grid.imagesLoaded().progress( function() { $grid.masonry(); }); }); </script> <script type="text/javascript" src="/local/templates/angel-main/js/jquery.inputmask.js"></script>  <script> $(function() { //$("input[type='date']").mask("99/99/9999",{placeholder:"dd/mm/yyyy",completed:function(){alert("completed!");}}); $("input[name='clientphone']").inputmask("+7 999 999 9999", { "onincomplete": function(){ }, "oncomplete": function(){ } }); $("input[name='clientemail']").inputmask("email", { "onincomplete": function(){ }, "oncomplete": function(){ } }); $(".date").inputmask("datetime",{ placeholder: "__.__.____", inputFormat: "dd.mm.yyyy", //min: "99.99.9999", //max: "99.99.9999", "onincomplete": function(){ }, "oncomplete": function(){ } }); }); </script> <script type="text/javascript" src="/local/templates/angel-main/js/jquery.validate.min.js"></script>  <script> $(document).ready(function() { $('.order').on('click', function(){ animateScroll('#gravity__form'); }) jQuery.validator.setDefaults({ //debug: true }); jQuery.validator.methods["date"] = function (value, element) { return true; } $("#gravity__form").validate({ rules: { fio : { required: true, minlength: 3 }, // age: { // required: true, // min: 18 // }, }, messages : { // fio: { // required: "Введите ФИО", // minlength: "Name should be at least 3 characters" // }, // age: { // required: "Please enter your age", // number: "Please enter your age as a numerical value", // min: "You must be at least 18 years old" // }, }, errorPlacement: function (error, element) { error.insertBefore(element); }, //debug:true, }); $('#gravity__form').on('submit', function (e) { e.preventDefault(); let result = $(this).valid(); console.log(result); if( result === true) { if(grecaptcha.getResponse() == "") { e.preventDefault(); $('#g-recapthca-error').removeClass('d-none'); } else { $('#g-recapthca-error').remove(); // var totalSum = eval(data_array.join("+")); // $('input[name="sum"]').val(totalSum); // // console.log($('input[name="sum"]')); var data = new FormData(); var form_data = $(this).serializeArray(); console.log(form_data); $.each(form_data, function (key, input) { data.append(input.name, input.value); }); // Данные файла var file_data = $('input[type="file"]')[0].files; for (var i = 0; i < file_data.length; i++) { data.append("files[]", file_data[i]); } console.log(data); $.ajax({ url: '/ajax/ajaxSend.php', method: 'POST', dataType: 'json', async: false, data: data, processData: false, contentType: false, //contentType: "application/x-www-form-urlencoded; charset=UTF-8", success: function (data) { if(data.success === true) { $('#gravity__form').addClass('d-none'); $('.success').addClass('show'); animateScroll('.success'); console.log(data); } } }); } } else { var err = $('input.error:not([style*="display: none;"]):first').attr('name'); console.log(err); animateScroll('#'+err+'-error'); //alert(result + " Проверьте правильность заполнения полей!"); } }); }); </script>  <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(77786647, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/77786647" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  </body> </html>

CINXE.COM

Наши услуги