<!DOCTYPE html>
<html lang="ru">
<head>

    <!-- Basic -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Favicon -->
    <link rel="shortcut icon" href="/assets/porto/custom/img/favicon.svg" type="image/svg+xml"/>
    <link rel="apple-touch-icon" href="/assets/porto/custom/img/apple-touch-icon.png">

    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">

    <!-- Web Fonts  -->
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

    <!-- Vendor CSS -->
    <link rel="stylesheet" href="/assets/porto/vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/assets/porto/vendor/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="/assets/porto/vendor/animate/animate.compat.css">
    <link rel="stylesheet" href="/assets/porto/vendor/simple-line-icons/css/simple-line-icons.min.css">
    <link rel="stylesheet" href="/assets/porto/vendor/owl.carousel/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="/assets/porto/vendor/owl.carousel/assets/owl.theme.default.min.css">
    <link rel="stylesheet" href="/assets/porto/vendor/magnific-popup/magnific-popup.min.css">

    <!-- Theme CSS -->
    <link rel="stylesheet" href="/assets/porto/css/theme.css">
    <link rel="stylesheet" href="/assets/porto/css/theme-elements.css">
    <link rel="stylesheet" href="/assets/porto/css/theme-blog.css">
    <link rel="stylesheet" href="/assets/porto/css/theme-shop.css">

    <!-- Layout dynamic CSS -->
    
    <!-- Dynamic head -->
<title>Главная страница - Сетевой журнал (информационная ярмарка) Ryazan.city</title>
<meta name="keywords" content="Сетевой журнал, Информационная ярмарка, театр, концерт, спектакль, кредитныве карты, музей"/>
<meta name="description" content="Информационная ярмарка Ryazan.city. Театр, спекталки и коннцерты. Культуные и развлекательные события. Афиша. Музеи. Выставки. Парки. Супермаркеты, банки, инвестиционные инструменты">
<meta name="author" content="Andrey Ryzhov">
    <link rel="stylesheet" href="/assets/porto/vendor/circle-flip-slideshow/css/component.css">

    <!-- Skin CSS -->
    <link id="skinCSS" rel="stylesheet" href="/assets/porto/custom/skin-personal-portfolio-2.css">

    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="/assets/porto/custom/style.css">

        <!-- Yandex.Metrika counter -->
    <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(97404202, "init", {
            clickmap:true,
            trackLinks:true,
            accurateTrackBounce:true
        });
    </script>
    <noscript><div><img src="https://mc.yandex.ru/watch/97404202" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter -->
        <link rel="stylesheet" href="/assets/porto/vendor/devrabiul/laravel-cookie-consent/css/style.css">
</head>
<body data-plugin-page-transition>

<div class="body" data-scroll-container>
    <header id="header" class="header-effect-shrink"
        data-plugin-options="{'stickyEnabled': true,
            'stickyEffect': 'shrink',
            'stickyEnableOnBoxed': true,
            'stickyEnableOnMobile': false,
            'stickyChangeLogo': true,
            'stickyStartAt': 30,
            'stickyHeaderContainerHeight': 70}">

    <div class="header-body border-top-0">
        <div class="header-container container">
            <div class="header-row">
                <div class="header-column justify-content-start w-50 order-md-1 d-none d-md-flex">
                    <div class="header-row">
                        <ul class="header-extra-info">
                        </ul>
                    </div>
                </div>
                <div class="header-column justify-content-start justify-content-md-center order-1 order-md-2">
                    <div class="header-row">
                        <div class="header-logo">
                            <a href="/">
                                <img alt="Porto" width="150" data-sticky-width="70"
                                     src="/assets/porto/custom/img/r_dot_700.webp">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="header-column justify-content-end w-50 order-2 order-md-3">
                    <div class="header-row">
                        <ul class="header-extra-info">
                            <li class="m-0">
                                <div class="feature-box reverse-allres feature-box-style-2 align-items-center">
                                    <div class="feature-box-icon">
                                        <i class="fab fa-whatsapp text-7 p-relative" style="top: -2px;"></i>
                                    </div>
                                    <div class="feature-box-info">
                                        <p class="pb-0 font-weight-semibold line-height-5 text-2">
                                            <a href="tel:+74912511210" class="text-decoration-none text-color-default text-color-hover-primary">+7 (4912) 51-12-10</a>
                                            <br>
                                            <a href="tel:+79109091823" class="text-decoration-none text-color-default text-color-hover-primary">+7 (910) 909-18-23</a>
                                        </p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
            </div>


</header>
    <div role="main" class="main">
        <section
    class="page-header page-header-modern bg-color-grey page-header-lg d-none">
    <div class="container">
        <div class="row">
            <div class="col-md-12 align-self-center p-static order-2 text-center">
                <h1 class="font-weight-bold text-dark appear-animation animated maskUp appear-animation-visible">Главная страница</h1>
            </div>
                    </div>
    </div>
</section>

        <div class="owl-carousel-wrapper" style="height: 100vh;">
    <div class="owl-carousel dots-inside dots-horizontal-center show-dots-hover nav-inside nav-inside-plus nav-dark nav-md nav-font-size-md show-nav-hover mb-0" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 1}, '979': {'items': 1}, '1199': {'items': 1}}, 'loop': false, 'autoHeight': false, 'margin': 0, 'dots': true, 'dotsVerticalOffset': '-75px', 'nav': true, 'animateIn': 'fadeIn', 'animateOut': 'fadeOut', 'mouseDrag': false, 'touchDrag': false, 'pullDrag': false, 'autoplay': true, 'autoplayTimeout': 9000, 'autoplayHoverPause': true, 'rewind': true}">

                    <!-- Carousel Slide 1 -->
<div class="position-relative pt-5" style="background-color: #35383d; height: 100vh;">
        <div class="position-absolute top-0 left-0 w-50pct w-lg-auto z-index-2">
        <img src="https://ryazan-city.storage.yandexcloud.net/prod/media/2/0e01a1b1b391429ae759f9726c33b427.webp" class="w-100 appear-animation"
             data-appear-animation="fadeInRightDownShorter" data-appear-animation-delay="500" alt="Чебурек-шар">
    </div>
            <div class="position-absolute top-0 right-0 w-50pct w-lg-auto z-index-2">
        <img src="https://ryazan-city.storage.yandexcloud.net/prod/media/3/4e9abe5af5223bae763379af7ee4529f.webp" class="w-100 appear-animation"
             data-appear-animation="fadeInLeftDownShorter" data-appear-animation-delay="500" alt="Зилков в Старом парке">
    </div>
                <div class="position-absolute bottom-0 left-0 w-50pct w-lg-auto z-index-2">
        <img src="https://ryazan-city.storage.yandexcloud.net/prod/media/4/ba8e9e29b8bade6ad53a8de6bf5e33b0.webp" class="w-100 appear-animation"
             data-appear-animation="fadeInRightUpShorter" data-appear-animation-delay="500" alt="Иду в музыкальном театре">
    </div>
                    <div class="position-absolute bottom-0 right-0 w-50pct w-lg-auto z-index-2">
        <img src="https://ryazan-city.storage.yandexcloud.net/prod/media/5/b6162874f0c97dad3cdb02c388b149db.webp" class="w-100 appear-animation"
             data-appear-animation="fadeInLeftUpShorter" data-appear-animation-delay="500" alt="Картин рязанского художника - автор будет уточнен">
    </div>
            <div class="container position-relative z-index-3 h-100">
        <div class="row justify-content-center align-items-center h-100">
            <div class="col-lg-8">
                <div class="d-flex flex-column align-items-center">
                                                            <h2 class="text-color-light font-weight-extra-bold text-12 mb-6 appear-animation"
                        data-appear-animation="blurIn"
                        data-appear-animation-delay="500"
                        data-plugin-options="{'minWindowWidth': 0}">
                        Авторский сетевой журнал
                    </h2>
                                                                <p class="text-4 text-color-light font-weight-light opacity-7 text-center mt-2 mb-4" data-plugin-animated-letters data-plugin-options="{'startDelay': 1000, 'minWindowWidth': 0, 'animationSpeed': 25}">
                        Рязаноориентированная информационная ярмарка
                    </p>
                                                                </div>
            </div>
        </div>
    </div>
</div>
                    <!-- Carousel Slide 2 -->
<div class="position-relative overlay overlay-show overlay-op-8 pt-5"
              style="background-image: url(https://ryazan-city.storage.yandexcloud.net/prod/media/1/f3c8adcb9f0471cb75e16c5b163322b4.webp); background-size: cover; background-position: center; height: 100vh;"
    >
    <div class="container position-relative z-index-3 h-100">
        <div class="row justify-content-center align-items-center h-100">
            <div class="col-lg-10">
                <div class="d-flex flex-column align-items-center">
                                            <h3 class="position-relative text-color-light text-6 line-height-5 font-weight-medium px-4 mb-2 appear-animation"
                            data-appear-animation="fadeInDownShorterPlus" data-plugin-options="{'minWindowWidth': 0}">
												<span
                                                    class="position-absolute right-100pct top-50pct transform3dy-n50 opacity-3">
													<img src="/assets/porto/img/slides/slide-title-border.png"
                                                         class="w-auto appear-animation"
                                                         data-appear-animation="fadeInRightShorter"
                                                         data-appear-animation-delay="250"
                                                         data-plugin-options="{'minWindowWidth': 0}" alt=""/>
												</span>
                            Мастер сетевого журнала
                            <span class="position-absolute left-100pct top-50pct transform3dy-n50 opacity-3">
													<img src="/assets/porto/img/slides/slide-title-border.png"
                                                         class="w-auto appear-animation"
                                                         data-appear-animation="fadeInLeftShorter"
                                                         data-appear-animation-delay="250"
                                                         data-plugin-options="{'minWindowWidth': 0}" alt=""/>
												</span>
                        </h3>
                                                                <h2 class="text-color-light font-weight-extra-bold text-12 mb-3 appear-animation"
                            data-appear-animation="blurIn"
                            data-appear-animation-delay="500" data-plugin-options="{'minWindowWidth': 0}">Андрей</h2>
                                                                <p class="text-5 text-color-light font-weight-light opacity-7 text-center mb-0"
                           data-plugin-animated-letters
                           data-plugin-options="{'startDelay': 1000, 'minWindowWidth': 0, 'animationSpeed': 25}">
                            Идея, разработка, развитие, интерес и фото, конечно же.
                        </p>
                                                            </div>
            </div>
        </div>
    </div>
</div>

        
    </div>
</div>
    </div>
    <footer id="footer" class="footer-texts-more-lighten">
    <div class="container">
        <div class="row py-4 my-5">
            <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
                <h5 class="text-4 text-color-light mb-3">Связь</h5>
                <ul class="list list-unstyled">
                    <li class="pb-1 mb-2">
                        <span class="d-block font-weight-normal line-height-1 text-color-light">Адресс</span>
                        г. Рязань
                    </li>
                    <li class="pb-1 mb-2">
                        <span class="d-block font-weight-normal line-height-1 text-color-light">Позвонить</span>
                        <a href="tel:+74912511210">+7 (4912) 51-12-10</a>
                    </li>
                    <li class="pb-1 mb-2">
                        <span class="d-block font-weight-normal line-height-1 text-color-light">Написать</span>
                        <a href="mailto:master@ryazan.city">master@ryazan.city</a>
                    </li>
                    <li class="pb-1 mb-2">
                        <span
                            class="d-block font-weight-normal line-height-1 text-color-light">Звонить желательно</span>
                        Светлое время суток, будний день
                    </li>
                </ul>
                <ul class="social-icons social-icons-clean-with-border social-icons-medium">
                    <li class="social-icons-vk">
                        <a href="http://www.vk.com/ryzan.city" class="no-footer-css" target="_blank" title="Vk"><i
                                class="fab fa-vk"></i></a>
                    </li>
                    <li class="social-icons-vk">
                        <a href="http://www.vk.com/andydune" class="no-footer-css" target="_blank"
                           title="Вконтакте мастера"><i class="fab fa-vk"></i></a>
                    </li>
                </ul>
            </div>
            <div class="col-md-6 col-lg-2 mb-5 mb-lg-0">
                <h5 class="text-4 text-color-light mb-3">Интересное по ссылке</h5>
                <ul class="list list-unstyled mb-0">
                    <li class="mb-0"><a class="nav-link"
                                        href="https://ryazan.city/about.html">О
                            журнале</a></li>
                    <li class="mb-0"><a href="http://www.vk.com/ryzan.city">Вконтакте мастера</a></li>
                </ul>
            </div>
            
        </div>
    </div>
    <div class="container">
        <div class="footer-copyright footer-copyright-style-2 pt-4 pb-5">
            <div class="row">
                <div class="col-12 text-center">
                    <p class="mb-0">Ryazan.city © 2025.</p>
                </div>
            </div>
        </div>
    </div>
</footer>
</div>

<!-- Vendor -->
<script src="/assets/porto/vendor/plugins/js/plugins.min.js"></script>
<script src="/assets/porto/vendor/kute/kute.min.js"></script>

<!-- Theme Base, Components and Settings -->
<script src="/assets/porto/js/theme.js"></script>

<!-- Circle Flip Slideshow Script -->

<!-- Layout dynamic JS -->
    <script src="/assets/porto/js/views/view.home.js"></script>
<!-- Dynamic bottom -->
    <script src="/assets/porto/vendor/circle-flip-slideshow/js/jquery.flipshow.min.js"></script>

<!-- Theme Custom -->
<script src="/assets/porto/js/custom.js"></script>

<!-- Theme Initialization Files -->
<script src="/assets/porto/js/theme.init.js"></script>
<!-- Main Cookie Consent Banner -->
<div class="cookie-consent-root
    cookie-consent-hide
    cookie-disable-interaction
    consent-layout-bar
    theme-default"
     data-cookie-prefix="rayzancity_2026"
     data-cookie-lifetime="365"
     data-reject-lifetime="1"
     role="dialog"
     aria-modal="true"
     aria-label="Cookie consent banner"
>
    <div class="cookie-consent-container">
        <div class="cookie-consent-content-container">
            <div class="cookie-consent-content">
                <h2 class="cookie-consent-content-title">
                    Предупреждение о печеньке
                </h2>
                <div class="cookie-consent-content-description">
                    <p>Этот сайт намерен угощять ваш браузер печеньками (cookies). Это нужно для придания индивидуальности вашим действим на страницах журнала.
    Вы будете персонально учтены и, возможно, получите информацию в более удобном именно вам виде.
    Оставаясь на сайте вы соглашаетесь с условиями.
    </p>
                </div>
            </div>

            <div class="cookie-consent-button-container">
                <div class="cookie-consent-button-action flip-button">
                    <button type="button" class="cookie-consent-accept" aria-label="Accept all cookies">
                        Понимаю
                    </button>
                    <button type="button" class="cookie-consent-reject" aria-label="Reject all cookies">
                        Сомневаюсь
                    </button>
                </div>
                            </div>
        </div>
    </div>

            <div class="cookie-consent-links-container">
            <ul class="cookie-consent-links-list">
                                    <li class="cookie-consent-link-item">
                        <a target="_blank" rel="noopener noreferrer" href=""
                           class="cookie-consent-link">
                            Privacy Policy
                        </a>
                    </li>
                                    <li class="cookie-consent-link-item">
                        <a target="_blank" rel="noopener noreferrer" href=""
                           class="cookie-consent-link">
                            Terms and Conditions
                        </a>
                    </li>
                            </ul>
        </div>
    </div>

<!-- Cookie Preferences Modal -->
<div id="cookie-preferences-modal" class="cookie-preferences-modal" aria-hidden="true">
    <div class="cookie-preferences-modal-overlay" tabindex="-1"></div>
    <div class="cookie-preferences-modal-content" role="document">
        <div class="cookie-preferences-modal-header">
            <h2 id="cookie-modal-title" class="cookie-preferences-modal-title">
                Пожелания про печеньки (cookie)
            </h2>
            <button type="button" class="cookie-preferences-modal-close" aria-label="Close cookie preferences">
                <svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
                     aria-hidden="true">
                    <path d="M12 4L4 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                    <path d="M4 4L12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                </svg>
            </button>
        </div>
        <div class="cookie-preferences-modal-body">
            <p class="cookie-preferences-intro">
                Пожелания о печеньках можете настроить ниже.
            </p>

            <div class="cookie-categories">
                                                            <div class="cookie-category cookie-category-necessary">
                            <div class="cookie-category-header">
                                <h3 class="cookie-category-title">Essential Cookies</h3>
                                <label class="cookie-toggle">
                                    <input type="checkbox"
                                           disabled checked
                                           data-category="necessary"
                                           aria-label="Essential Cookies toggle">
                                    <span class="cookie-toggle-slider"></span>
                                </label>
                            </div>
                            <p class="cookie-category-description">These cookies are essential for the website to function properly.</p>
                        </div>
                                                                                                                                                            </div>
        </div>
        <div class="cookie-preferences-modal-footer">
            <div class="cookie-preferences-modal-button-group">
                <button type="button" class="cookie-consent-accept primary-button">
                    Понимаю
                </button>
                <button type="button" class="cookie-consent-reject primary-button">
                    Сомневаюсь
                </button>
            </div>
            <div class="cookie-preferences-modal-save">
                <button type="button" class="cookie-preferences-save primary-button">
                    Сохранить желания
                </button>
            </div>
        </div>
    </div>
</div>

<script src="/assets/porto/vendor/devrabiul/laravel-cookie-consent/js/script.js"></script><script src="https://ryazan.city/laravel-cookie-consent/script-utils"></script>

<script type="text/javascript">
    "use strict";
    // Load analytics/tracking services based on preferences

    // Then define your service loader
    window.loadCookieCategoriesEnabledServices = function () {
        const preferences = getCookiePreferences();
        if (!preferences) return;

                                                        try {
                    if (preferences?.analytics) {
                        const action = "loadGoogleAnalytics";
                        if (typeof window[action] === "function") {
                            window[action]();
                        }
                    }
                } catch (exception) {
                    console.info(exception)
                }
                                                try {
                    if (preferences?.marketing) {
                        const action = "loadFacebookPixel";
                        if (typeof window[action] === "function") {
                            window[action]();
                        }
                    }
                } catch (exception) {
                    console.info(exception)
                }
                                            }

    document.addEventListener('DOMContentLoaded', function () {
        try {
            loadCookieCategoriesEnabledServices();
        } catch (e) {
            console.info(e);
        }
    })
</script>

</body>
</html>
