@{
    ViewData["Title"] = "Home Page";
}
<div class="fixed"></div>
<section class="navigation">

    <div class="container container_flex">
        <div class="navigation_fixed"></div>
        <div class="navigation_fixed_background"></div>
        <div class="navigation_banks" id="navigation">
            <div class="navigation_banks_univer ">СпбГУ</div>
            <div class="navigation_banks_speciality ">09.03.04 - Программная инженерия</div>
            <div class="navigation_banks_sort navigation_banks_sort_hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="row row-cols-lg-10 g-5 g-lg-3">
            <div data-modal class="col-12 navigation_card navigation_bank_text">
                <div class="navigation_bank">
                    <img src="~/img/icons/alpha.png" alt="navigation" class="navigation_icon">
                    Альфа Банк <span>на 15 лет</span>
                </div>
                <div class="navigation_credit">
                    <span class="navigation_credit_cost">10000 рублей/мес</span>
                    <span class="navigation_credit_prosent">6% в год</span>
                </div>
            </div>
            <div data-modal class="col-12 navigation_card navigation_bank_text">
                <div class="navigation_bank">
                    <img src="~/img/icons/alpha.png" alt="navigation" class="navigation_icon">
                    Альфа Банк <span>на 15 лет</span>
                </div>
                <div class="navigation_credit">
                    <span class="navigation_credit_cost">10000 рублей/мес</span>
                    <span class="navigation_credit_prosent">6% в год</span>
                </div>
            </div>
            <div data-modal class="col-12 navigation_card navigation_bank_text">
                <div class="navigation_bank">
                    <img src="~/img/icons/alpha.png" alt="navigation" class="navigation_icon">
                    Альфа Банк <span>на 15 лет</span>
                </div>
                <div class="navigation_credit">
                    <span class="navigation_credit_cost">10000 рублей/мес</span>
                    <span class="navigation_credit_prosent">6% в год</span>
                </div>
            </div>
            <div data-modal class="col-12 navigation_card navigation_bank_text">
                <div class="navigation_bank">
                    <img src="~/img/icons/alpha.png" alt="navigation" class="navigation_icon">
                    Альфа Банк <span>на 15 лет</span>
                </div>
                <div class="navigation_credit">
                    <span class="navigation_credit_cost">10000 рублей/мес</span>
                    <span class="navigation_credit_prosent">6% в год</span>
                </div>
            </div>
            <div data-modal class="col-12 navigation_card navigation_bank_text">
                <div class="navigation_bank">
                    <img src="~/img/icons/alpha.png" alt="navigation" class="navigation_icon">
                    Альфа Банк <span>на 15 лет</span>
                </div>
                <div class="navigation_credit">
                    <span class="navigation_credit_cost">10000 рублей/мес</span>
                    <span class="navigation_credit_prosent">6% в год</span>
                </div>
            </div>
            <div data-modal class="col-12 navigation_card navigation_bank_text">
                <div class="navigation_bank">
                    <img src="~/img/icons/alpha.png" alt="navigation" class="navigation_icon">
                    Альфа Банк <span>на 15 лет</span>
                </div>
                <div class="navigation_credit">
                    <span class="navigation_credit_cost">10000 рублей/мес</span>
                    <span class="navigation_credit_prosent">6% в год</span>
                </div>
            </div>
            <div data-modal class="col-12 navigation_card navigation_bank_text">
                <div class="navigation_bank">
                    <img src="~/img/icons/alpha.png" alt="navigation" class="navigation_icon">
                    Альфа Банк <span>на 15 лет</span>
                </div>
                <div class="navigation_credit">
                    <span class="navigation_credit_cost">10000 рублей/мес</span>
                    <span class="navigation_credit_prosent">6% в год</span>
                </div>
            </div>
            <div data-modal class="col-12 navigation_card navigation_bank_text">
                <div class="navigation_bank">
                    <img src="~/img/icons/alpha.png" alt="navigation" class="navigation_icon">
                    Альфа Банк <span>на 15 лет</span>
                </div>
                <div class="navigation_credit">
                    <span class="navigation_credit_cost">10000 рублей/мес</span>
                    <span class="navigation_credit_prosent">6% в год</span>
                </div>
            </div>
            <div data-modal class="col-12 navigation_card navigation_bank_text">
                <div class="navigation_bank">
                    <img src="~/img/icons/alpha.png" alt="navigation" class="navigation_icon">
                    Альфа Банк <span>на 15 лет</span>
                </div>
                <div class="navigation_credit">
                    <span class="navigation_credit_cost">10000 рублей/мес</span>
                    <span class="navigation_credit_prosent">6% в год</span>
                </div>
            </div>
        </div>


    </div>
    <div class="navigation_choise">
        <div class="navigation_slid">
            <span class="navigation_slid_disable"></span>
            <span class="navigation_slid_active"></span>
            <span class="navigation_slid_disable"></span>
            <span class="navigation_slid_disable"></span>
        </div>
    </div>

    <div class="back">
        <img src="~/img/icons/arrow.svg" alt="back" class="back_img">
    </div>
</section>
<div class="my_modal">
    <div class="my_modal__dialog">
        <div class="my_modal__content">
            <form action="#">
            <div data-close class="my_modal__close">&times;</div>
            <div class="bank_information">
                <div class="bank_block_img">
                    <img class="bank_img" src="~/img/icons/alpha.png" alt="bank">
                    <div class="bank_procent">10%</div>
                </div>
                <div class="bank_name">Альфа Банк</div>
                <div class="bank_form">
                    <span>Вам необходимы следующие документы:</span>
                    <span>Наш процент:</span>
                    <span>Ваше направление:</span>
                    <span>Плата в месяц:</span>
                    <span>Общая стоимость образования:</span>
                </div>

            </div>
            <div class="form_btn_block">
                <div class="form_btn">Продолжить<img src="~/img/logo/esia.png" alt="esia" class="form_btn_img"></div>

            </div>
            </form>
    </div>
</div>
</div>
<script src="~/js/script.js"></script>