Version 1.1
УспешноОперация выполнена
ОшибкаОперация не выполнена
УспешноОперация выполнена
ОшибкаОперация не выполнена
<div class="col-lg-9 order-is-first">
    <div class="block">
        <div class="with_code">
 <div class="top_info">
     <a href="../">
         <button class="add_news">Вернуться</button>
     </a>
     <i class="bx bx-dock-left"></i>
     <b class="pretext">Правила проекта</b>
 </div>
 <div class="wrapper">
     <div class="cTabs_block">
         <div class="cTabs_left_block" style="background-image: url(../templates/solution/img/rules.png);background-size: cover;">
             <a href="../support">
                 <span class="support_cTabs">
                     <i class="bx bx-chat"></i>
                 </span>
             </a>
             <div class="text_left_cTabs">
                 <i class="bx bx-info-circle"></i>
                 <span id='hwtext'>Если у вас возник какой-либо вопрос или хотите оспорить один из пунктов, рекомендуем Вам обратиться в письменную поддержку проекта</span>
             </div>
         </div>

         <div id="cTabs" class="cTabs cf">
             <div class="active">
                 <i class="bx bx-world"></i>
                 <b class="b_cTabs">
                     <span class="name_cTabs">Основные правила <b class="push_cTabs">Выбрано</b></span>
                     <span class="twoname_cTabs">Общий список правил</span>
                 </b>
                 <span class="number_cTabs">1</span>
             </div>

             <div>
                 <i class="bx bx-rfid"></i>
                 <b class="b_cTabs">
                     <span class="name_cTabs">Сторонний софт <b class="push_cTabs">Выбрано</b></span>
                     <span class="twoname_cTabs">Нечестная игра</span>
                 </b>
                 <span class="number_cTabs">2</span>
             </div>

             <div>
                 <i class="bx bxs-microphone-alt"></i>
                 <b class="b_cTabs">
                     <span class="name_cTabs">Коммуникация <b class="push_cTabs">Выбрано</b></span>
                     <span class="twoname_cTabs">Правила общения</span>
                 </b>
                 <span class="number_cTabs">3</span>
             </div>

             <div style="margin-bottom: 0px;">
                 <i class="bx bx-ghost"></i>
                 <b class="b_cTabs">
                     <span class="name_cTabs">Для администрации <b class="push_cTabs">Выбрано</b></span>
                     <span class="twoname_cTabs">Особые правила</span>
                 </b>
                 <span class="number_cTabs">4</span>
             </div>

         </div>
     </div>
     <div id="cTabContent" class="cTabContent">
         <div id="ctab1" style="">
             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">1.1</span>
                     <span class="name_rules">Запрещено использование читов дающее преимущество над другими игроками(wh, aim, esp, norecoil, и т.д.). </span>
                 </span>
                 <span class="twoname_rules" tooltip="yes" title="" data-original-title="Бан - перманент"><i class="bx bx-info-circle"></i>Наказание</span>
             </span>

             <span class="block_rules1">
                 <span class="two_rules">
                     <span class="number_rules">1.2</span>
                     <span class="name_rules">Запрещено использование скриптов и запрещенных настроек клиента (ddos атаки и т.д.). </span>
                 </span>
                 <span class="twoname_rules" tooltip="yes" title="" data-original-title="Бан - перманент"><i class="bx bx-info-circle"></i> Наказание</span>
             </span>

             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">1.3</span>
                     <span class="name_rules">Запрещено использование багов карт (прятаться в моделях шкафов, столов, ходить по потолку и прочее).</span>
                 </span>
                 <span class="twoname_rules" tooltip="yes" title="" data-original-title="Предупреждение/Кик/Бан от 10 минут до 24 часов"><i class="bx bx-info-circle"></i> Наказание</span>
             </span>

             <span class="block_rules1">
                 <span class="two_rules">
                     <span class="number_rules">1.4</span>
                     <span class="name_rules">Запрещено использование мониторинга (сообщать местоположения вражеских игроков путем голосовой связи, в т.ч. skype, discord,ts3, rc, steam, tg, vk и т.д. и т.п.).</span>
                 </span>
                 <span class="twoname_rules" tooltip="yes" title="" data-original-title="Бан всех причастных к мониторингу сроком до 7 дней"><i class="bx bx-info-circle"></i> Наказание</span>
             </span>

             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">1.5</span>
                     <span class="name_rules">Если администрация сервера подозревает вас в не честной игре, вы должны быть готовы к проверке через <a href="https://discordapp.com" target="_blank">Discord</a> (Демонстрация экрана, выполнение указаний проверяющего). В случае отказа или выхода с сервера во время проверки:</span>
                 </span>
                 <span class="twoname_rules" tooltip="yes" title="" data-original-title="Автоматическиан бан - перманент"><i class="bx bx-info-circle"></i> Наказание</span>
             </span>
         </div>
         <div id="ctab2" style="display: none;">
             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">2.1</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules1">
                 <span class="two_rules">
                     <span class="number_rules">2.2</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">2.3</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules1">
                 <span class="two_rules">
                     <span class="number_rules">2.4</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">2.5</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>
         </div>
         <div id="ctab3" style="display: none;">
             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">3.1</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules1">
                 <span class="two_rules">
                     <span class="number_rules">3.2</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">3.3</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules1">
                 <span class="two_rules">
                     <span class="number_rules">3.4</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">3.5</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>
         </div>
         <div id="ctab4" style="display: none;">
             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">4.1</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules1">
                 <span class="two_rules">
                     <span class="number_rules">4.2</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">4.3</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules1">
                 <span class="two_rules">
                     <span class="number_rules">4.4</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>

             <span class="block_rules">
                 <span class="two_rules">
                     <span class="number_rules">4.5</span>
                     <span class="name_rules">Описание правила</span>
                 </span>
                 <span class="twoname_rules"><i class="bx bx-info-circle"></i> Бан / Мут (360 минут)</span>
             </span>
         </div>
     </div>
 </div></div>
    </div>
</div>

<style>
.col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 1 0 75%;
    max-width: 100%;
}
.order-is-last {
    order: -1;
    display: none;
}
@media (max-width: 991.99px){
.with_code {
    width: 100%;
    overflow-wrap: break-word;
    height: 100%;
    margin-top: -15px;
    font-weight: 600;
    background: rgb(42 43 71 / 0%);
    border-radius: 15px;
    flex: 0 0 auto;
}

.number_cTabs {
    display: block;
}

.block {
    padding: 24px 16px;
    margin-bottom: 30px;
}
 }


}

</style>


 <script>
    var makeCtab = {

    config : {
        tabNavContainer : '#cTabs',
        tabNavElement:'div',
        tabContentContainer : '#cTabContent',
        tabContentElement:'div'
    },

    init:function(config){
            $.extend(makeCtab.config, config);   
            $(makeCtab.config.tabNavContainer)
        .on('click', makeCtab.config.tabNavElement, this.changeContent);
        makeCtab.showFirstTab();       
    },

    showFirstTab:function(){
            $(makeCtab.config.tabContentContainer)
          .find(makeCtab.config.tabContentElement).hide()
          .filter(":first").show();
        $(makeCtab.config.tabNavContainer)
          .find(makeCtab.config.tabNavElement).removeClass('active')
          .filter(":first").addClass('active');
    },
    showActiveTab:function(a){
        $(a).addClass('active')
          .siblings().removeClass('active');
    },
    changeContent:function(event){
        event.preventDefault();
            myIndex = $(this).index();   
      
        makeCtab.showActiveTab(this);
            $(makeCtab.config.tabContentContainer)
          .find(makeCtab.config.tabContentElement)
          .eq(myIndex).show()
          .siblings().hide();
        }
 };

 $(document).ready(function() {
     makeCtab.init({
         'tabNavContainer' : '#cTabs'
     });
});
  </script>