<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FAQ - FireTripper Executor</title>
    <link rel="shortcut icon" href="img/ellogo.png">
    <link href='boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    <link rel="stylesheet" href="css2@family=Material+Symbols+Outlined%253Aopsz,wght,FILL,GRAD@24,400,1,0.html">
    <link rel="stylesheet" href="css/faq-1.css@1703621005.css">
</head>
<body>

    <div class="preloader">
        <div class="preloader__row">
          <div class="preloader__item"></div>
          <div class="preloader__item"></div>
        </div>
      </div>

    <header class="">
        <a class="logo" href="index.html">FireTripper <span>Executor</span></a>
        <ul class="navlist">
            <li><a href="index.html">Главная</a></li>
            <li><a style="color: var(--main-color);" href="faq.html">FAQ</a></li>
            <li><a href="hhttps://discord.gg/V63SwVtB66">Дискорд сервер</a></li>
            <!--<li><a class="login" href="">Авторизация</a></li>-->
        </ul>
    </header>

    <!-- Секция #1 - Faq Основное -->
    <section id="main">
        <div class="page-text">
            <h1 class="main-text anim">Часто задаваемые вопросы</h1>
            <p class="desc-text anim">Здесь вы сможете найти ответы на часто задаваемые вопросы <br> для лучшего понятия работы сервиса</p>
        </div>
    <div id="faq-u">
        <div class="faq">
            <div class="question">
                <h2 class="qatitle">Как запустить инжектор?</h2>
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 24 24" style="fill: rgb(255, 255, 255);"><path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path></svg>
            </div>
            <div class="answer">
                <p>С начала вам нужно скачать инжектор на даннном сайте
                    <br>Открыть папку
                    <br>Запустить exe под названием Firetripper.
                </p>
            </div>
        </div>
        <div class="faq">
            <div class="question">
                <h2 class="qatitle">Хотите что-то новое?</h2>
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 24 24" style="fill: rgb(255, 255, 255);"><path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path></svg>
            </div>
            <div class="answer">
                <p>1) Зайдите на наш дискорд сервер 
                    <br>2) Напишите людям как: ownerofhells,d8fyngn5p3763
                    <br>3) Ожидайте ответ
                </p>
            </div>
        </div>
            </div>
        </div>
        <div class="faq">
            <div class="question">
    </div>
    </section>

    <!-- Секция #5 - Футер (тех поддержка)-->
    <footer> </footer>

    <script>

        // Loading page
        window.onload = function () {
          document.body.classList.add('loaded_hiding');
          window.setTimeout(function () {
            document.body.classList.add('loaded');
            document.body.classList.remove('loaded_hiding');
          }, 500);
        }

        //Sticky header 
        document.addEventListener("DOMContentLoaded", function() {
            const header = document.querySelector("header");
            window.addEventListener("scroll", function() { 
                header.classList.toggle("sticky", window.scrollY > 20);
            });
        });

        // FAQs

        const faqs = document.querySelectorAll(".faq");

        faqs.forEach((faq) => {
            faq.addEventListener("click", () => {
                faq.classList.toggle("active");
            });
        });
    </script>
</body>
</html>