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

    <title>Мои активы: cервис оценки активов</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="/fonts/Montserrat/stylesheet.css">
    <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=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <link rel="stylesheet" href="/css/bulma/bulma.min.css"/>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="/css/app-page.css">
    <meta name="color-scheme" content="light">

    <!-- 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?id=104608014', 'ym');

        ym(104608014, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", accurateTrackBounce:true, trackLinks:true});
    </script>
    <noscript><div><img src="https://mc.yandex.ru/watch/104608014" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter -->

</head>
<body>

<header>
       <nav class="navbar py-4  has-background-black" role="navigation" aria-label="main navigation">
        <div class="container header_container flex">
            <div class="navbar-brand">
                <a class="navbar-item" href="/">
                    <strong class="ml-2 is-4 title"><img src="https://myactives.ru/img/logo_ru.png" alt=""/></strong>
                </a>
            </div>
            <div class="is-hidden-mobile" style="display: flex; justify-content: space-between; align-items: center;">
                <a class="navbar-item has-text-grey-light" href="#download">Скачать</a>
                <a class="navbar-item has-text-grey-light" href="#scope">Возможности</a>
            </div>
            <div class="navbar-end ml-0">
                <div class="navbar-item">
                    <div class="buttons">
                            <a href="/dashboard" class="button">Войти</a>
                            <a href="/registration" class="button is-dark">Регистрация</a>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</header>

<main>
    <section class="section has-background-white-bis">
        <div class="container">
            <div class="columns is-variable is-8">
                <div class="column is-6">
                    <h1 class="title hero_title is-1 is-hidden-mobile has-text-weight-bold mt-6">Сервис хранения, учета и оценки стоимости портфеля активов</h1>
                    <p class="subtitle is-hidden-mobile is-5 has-text-grey mt-6" style="max-width: 80%">
						Сможете быстро оценить стоимость ваших активов.
					</p>                    
                
		            <div id="#download" class="columns is-vcentered is-variable is-4">				
		                <div class="column is-narrow">
		                    <figure class="image  mx-auto">
		                        <img src="images/app-page/images/buttons/app-store.png" alt="Apple AppStore">
		                    </figure>			
		                </div>
		                <div class="column is-narrow">
		                    <figure class="image  mx-auto">
		                        <img src="images/app-page/images/buttons/google-play.png" alt="Google Play Market">
		                    </figure>				      
		                </div>
		                <div class="column is-narrow">
		                    <figure class="image  mx-auto">
		                        <img src="images/app-page/images/buttons/rustore.png" alt="RuStore">
		                    </figure>		
		                </div>
		            </div>				
		            
                   <a href="/dashboard" class="button is-black is-large mt-6">
                        Войти
                   </a>
                   <a href="/registration" class="button is-light is-large mt-6">
                        Регистрация
                   </a> 
		
                </div>		
                <div class="column is-hidden-mobile is-5 is-offset-1">
                    <div class="swiper mySwiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="/images/app-page/images/screen1.jpg" alt=""> </div>
                            <div class="swiper-slide"><img src="/images/app-page/images/screen2.jpg" alt=""> </div>
                            <div class="swiper-slide"><img src="/images/app-page/images/screen3.jpg" alt=""> </div>
                        </div>
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>
                </div>          
            </div>
        </div>
    </section>



    <section class="section has-background-black has-text-white" id="scope">
        <div class="container py-6">
            <h2 class="title has-text-white is-3 has-text-centered has-text-weight-bold mb-6">Возможности</h2>

            <div class="columns is-multiline is-variable is-8">
                <!-- Карточка 1 -->
                <div class="column is-4">
                    <div class="media media-center">
                        <div class="media-left">
                            <div class="media-icon">
                                <img src="/images/app-page/images/Iconoir_thumbs-up.svg" alt="">
                            </div>
                        </div>
                        <div class="media-content">
                            <h3 class="title has-text-white  is-5">Учет активов</h3>
                            <p class="has-text-grey">
                                Конструктор позволяет хранить любые типы активов.
                            </p>
                        </div>
                    </div>
                </div>

                <!-- Карточка 2 -->
                <div class="column is-4">
                    <div class="media media-center">
                        <div class="media-left">
                            <div class="media-icon">
                                <img src="/images/app-page/images/apor.svg" alt="">
                            </div>
                        </div>
                        <div class="media-content">
                            <h3 class="title has-text-white  is-5">Оценка</h3>
                            <p class="has-text-grey">
                                Автоматизированная рыночная оценка активов
                            </p>
                        </div>
                    </div>
                </div>

                <!-- Карточка 3 -->
                <div class="column is-4">
                    <div class="media media-center">
                        <div class="media-left">
                            <div class="media-icon">
                                <img src="/images/app-page/images/car.svg" alt="">
                            </div>
                        </div>
                        <div class="media-content">
                            <h3 class="title has-text-white  is-5">Обновление оценок</h3>
                            <p class="has-text-grey">
                                Автоматическое обновление оценок активов по расписанию
                            </p>
                        </div>
                    </div>
                </div>

                <!-- Карточка 4 -->
                <div class="column is-4">
                    <div class="media media-center">
                        <div class="media-left">
                            <div class="media-icon">
                                <img src="/images/app-page/images/cloud-upload.svg" alt="">
                            </div>
                        </div>
                        <div class="media-content">
                            <h3 class="title has-text-white  is-5">Динамики портфеля</h3>
                            <p class="has-text-grey">
                                Отчеты с динамикой по всем активам
                            </p>
                        </div>
                    </div>
                </div>

                <!-- Карточка 5 -->
                <div class="column is-4">
                    <div class="media media-center">
                        <div class="media-left">
                            <div class="media-icon">
                                <img src="/images/app-page/images/map.svg" alt="">
                            </div>
                        </div>
                        <div class="media-content">
                            <h3 class="title has-text-white  is-5">Аналитика актива</h3>
                            <p class="has-text-grey">
                                Анализ динамики стоимости актива
                            </p>
                        </div>
                    </div>
                </div>

                <!-- Карточка 6 -->
                <div class="column is-4">
                    <div class="media media-center">
                        <div class="media-left">
                            <div class="media-icon">
                                <img src="/images/app-page/images/waveform-ecg.svg" alt="">
                            </div>
                        </div>
                        <div class="media-content">
                            <h3 class="title has-text-white  is-5">Безопасность</h3>
                            <p class="has-text-grey">
                                Безопасный доступ и хранение данных
                            </p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

</main>
<footer class="footer has-background-white-ter">
    <div class="content has-text-centered container">
        <div class="columns is-mobile is-centered" style="flex-wrap: wrap">
            <div class="column is-2 is-narrow">
                <a href="#scope" class="footer-link">Возможности</a>
            </div>
            <div class="column is-narrow">
                <span class="separator">|</span>
            </div>          
            <div class="column is-2 is-narrow">
                <a class="footer-link">Регистрация</a>
            </div>
            <div class="column is-narrow">
                <span class="separator">|</span>
            </div>
            <div class="column is-2 is-narrow">
                <a class="footer-link" href="/agreement/">Пользовательское соглашение</a>
            </div>

        </div>
        <div class="line"></div>
        <p class="mt-4 copyright">
            © 2025 MyActives.
        </p>
    </div>
</footer>

<div class="modal" id="userAgreementModal">
    <div class="modal-background"></div>
    <div class="modal-content" id="pdfContainer" style="width: 90%; height: 90vh; overflow: hidden"></div>
    <button class="modal-close is-large" aria-label="close"></button>
</div>




<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
    var swiper = new Swiper(".mySwiper", {
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
        loop: true,
    });
</script>

</body>

</html>
