<!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ --><!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ --><!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ --><!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ --><!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ --><!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ --><!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ --><!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ --><!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ --><!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ --><!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ --><!--
╔══╦═════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗
from: daddy SoSA▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█  code your own src skidward 🤡  █░░▓
└──┴─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="og:title" content="sorrow#0024's - official website" />
    <meta content="sorrow" property="og:site_name" />
    <meta
      content="Discord's Best Anti-Nuke & Multipurpose Bot"
      property="og:description"
    />
    <meta
      name="dmca-site-verification"
      content="ZDdYd3hocGRCYjljaDIrUFpJMzRkQT090"
    />
    <meta name="theme-color" content="#303135" />
    <meta
      property="og:image"
      content="https://cdn.discordapp.com/attachments/891279552549097503/950840030878912522/cc_black-circle.png"
    />
    <link
      rel="shortcut icon"
      href="assets/img/FAVICON.png"
      type="image/x-icon"
    />
    <link
      href="https://unpkg.com/boxicons@2.1.1/css/boxicons.min.css"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="assets/css/styles.css" />
    <title>Sorrow</title>
  </head>
  <body>
    <header class="header" id="header">
      <nav class="nav container">
        <a href="#" class="nav__logo">Sorrow</a>

        <div class="nav__menu">
          <ul class="nav__list">
            <li class="nav__item">
              <a href="#home" class="nav__link active-link">
                <i class="bx bx-home-alt nav__icon"></i>
              </a>
            </li>

            <li class="nav__item">
              <a href="#about" class="nav__link">
                <i class="bx bx-user nav__icon"></i>
              </a>
            </li>

            <li class="nav__item">
              <a href="#overview" class="nav__link">
                <i class="bx bx-book nav__icon"></i>
              </a>
            </li>

            <li class="nav__item">
              <a href="#work" class="nav__link">
                <i class="bx bx-briefcase-alt-2 nav__icon"></i>
              </a>
            </li>

            <li class="nav__item">
              <a href="#contact" class="nav__link">
                <i class="bx bx-message-square-detail nav__icon"></i>
              </a>
            </li>
          </ul>
        </div>

        <!-- lght mode test- @sosa#3400  -->
      <!--  <i class="bx bx-moon change-theme" href="#overview"></i>-->
      </nav>
    </header>
    <div id="particles-js" style="top: 0"></div>
    <script src="assets/js/particles.js"></script>
    <script src="assets/js/app.js"></script>
    <script>
      document.onkeydown = function (e) {
        const { keyCode: c } = e;
        if (e.ctrlKey) {
          switch (c) {
            case 83:
            case 85:
            case 65:
            case 73:
            case 123:
              e.preventDefault();
              break;
          }
        } else {
          if (c === 123) e.preventDefault();
        }
      };
      window.addEventListener(
        "contextmenu",
        function (e) {
          e.preventDefault();
        },
        false
      );
    </script>
    <!-- main - @sosa#3400  -->
    <main class="main">
      <!-- home - @sosa#3400  -->
      <section class="home section" id="home">
        <div class="home__container container grid">
          <div class="home__data">
            <span class="home__greeting">invite</span>
            <h1 class="home__name"><sorrow id="0024">sorrow#0024</sorrow></h1>
            <h3 class="home__education">
              Discord's best antinuke & multipurpose
            </h3>

            <div class="home__buttons">
              <a
                href="https://www.paypal.com/webapps/billing/plans/subscribe?plan_id=P-940531193W554473SMI6JKRY"
                class="button button--ghost"
              >
                Buy
              </a>
              <a href="https://discord.gg/D2usNu9xuZ" class="button">Support</a>
            </div>
          </div>

          <div class="home__handle">
            <img
              src="assets/img/cc_black-removebg-preview.png"
              alt=""
              class="home__img"
            />
          </div>

          <div class="home__social">
            <a
              href="https://discord.gg/D2usNu9xuZ"
              target="_blank"
              class="home__social-link"
            >
              <i class="bx bxl-discord-alt"></i>
            </a>
            <a
              href="https://discord.com/api/oauth2/authorize?client_id=942674412178653184&permissions=8&scope=bot%20applications.commands"
              target="_blank"
              class="home__social-link"
            >
              <i class="bx bx-expand-horizontal"></i>
            </a>
            <a
              href="https://soundcloud.com/therealbodo"
              target="_blank"
              class="home__social-link"
            >
              <i class="bx bxl-soundcloud"></i>
            </a>
          </div>

          <a href="#about" class="home__scroll">
            <i class="bx bx-mouse home__scroll-icon"></i>
            <span class="home__scroll-name">Scroll Down</span>
          </a>
        </div>
      </section>

      <!-- about section - @sosa#3400  -->
      <section class="about section" id="about">
        <span class="section__subtitle">sorrow</span>
        <h2 class="section__title">Statistics</h2>

        <div class="about__container container grid">
          <img
            src="assets/img/logo transparent.png"
            alt=""
            class="about__img"
          />

          <div class="about__data">
            <div class="about__info">
              <div class="about__box">
                <i class="bx bx-award about__icon"></i>
                <h3 class="about__title">Trusted</h3>
                <span class="about__subtitle">by 1.5 mil+ users</span>
              </div>

              <div class="about__box">
                <i class="bx bxs-shield about__icon"></i>
                <h3 class="about__title">Protected</h3>
                <span class="about__subtitle">over 2.3k+ servers</span>
              </div>

              <div class="about__box">
                <i class="bx bx-support about__icon"></i>
                <h3 class="about__title">Reliability</h3>
                <span class="about__subtitle"> 99.8% uptime</span>
              </div>
            </div>

            <p class="about__description">
              Sorrow is an all in one discord bot for all servers packed with
              features. Unlike many bots, sorrow focuses on being the only bot
              you'll ever need to protect and manage your community, with ease
              of access to a wide range of commands.
            </p>
            <a
              href="https://www.paypal.com/webapps/billing/plans/subscribe?plan_id=P-940531193W554473SMI6JKRY"
              class="button button--ghost"
            >
              Click To Purchase
            </a>
          </div>
        </div>
      </section>
      <!-- sorrow features - @sosa#3400  -->
      <section class="overview section" id="overview">
        <span class="section__subtitle">sorrow</span>
        <h2 class="section__title">Overview</h2>

        <div class="overview__container container grid">
          <div class="overview__content">
            <h3 class="overview__title">Command Menu</h3>

            <div class="overview__box">
              <div class="overview__group">
                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">antinuke</h3>
                    <span class="overview__level">configurable</span>
                  </div>
                </div>

                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">antibot</h3>
                    <span class="overview__level">configurable</span>
                  </div>
                </div>

                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">antialt</h3>
                    <span class="overview__level">configurable</span>
                  </div>
                </div>
              </div>

              <div class="overview__group">
                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">antiraid</h3>
                    <span class="overview__level">configurable</span>
                  </div>
                </div>

                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">backups</h3>
                    <span class="overview__level">configurable</span>
                  </div>
                </div>

                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">joinlock</h3>
                    <span class="overview__level">configurable</span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="overview__content">
            <h3 class="overview__title">Command Menu</h3>

            <div class="overview__box">
              <div class="overview__group">
                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">welcomer</h3>
                    <span class="overview__level">configurable</span>
                  </div>
                </div>

                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">autoroles</h3>
                    <span class="overview__level">configurable</span>
                  </div>
                </div>

                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">boost notifier</h3>
                    <span class="overview__level">configurable</span>
                  </div>
                </div>
              </div>

              <div class="overview__group">
                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">voicemaster</h3>
                    <span class="overview__level">configurable</span>
                  </div>
                </div>
                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">lastfm</h3>
                    <span class="overview__level">advanced</span>
                  </div>
                </div>
                <div class="overview__data">
                  <i class="bx bxs-badge-check"></i>

                  <div>
                    <h3 class="overview__name">music</h3>
                    <span class="overview__level">advanced</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- f services - @sosa#3400  -->
      <section class="services section">
        <span class="section__subtitle">sorrow</span>
        <h2 class="section__title">What We Offer</h2>

        <div class="features__container container grid">
          <div class="features__card">
            <h3 class="features__title">
              Frequent <br />
              Updates
            </h3>

            <span class="features__button">
              See more <i class="bx bx-right-arrow-alt features__icon"></i>
            </span>

            <div class="features__modal">
              <div class="features__modal-content">
                <i class="bx bx-x features__modal-close"></i>

                <h3 class="features__modal-title">Frequent Updates & Fixes</h3>
                <p class="features__modal-description">
                  Sorrow is regularly maintained and is pushing out updates &
                  bug fixes, adding new features and improving current modules.
                </p>

                <ul class="features__modal-list">
                  <li class="features__modal-item">
                    <i class="bx bx-check features__modal-icon"></i>
                    <p class="features__modal-info">regular updates</p>
                  </li>

                  <li class="features__modal-item">
                    <i class="bx bx-check features__modal-icon"></i>
                    <p class="features__modal-info">
                      accepts 80% of all suggested ideas from users
                    </p>
                  </li>

                  <li class="features__modal-item">
                    <i class="bx bx-check features__modal-icon"></i>
                    <p class="features__modal-info">fast support team</p>
                  </li>
                </ul>
              </div>
            </div>
          </div>

          <div class="features__card">
            <h3 class="features__title">
              About <br />
              Us
            </h3>

            <span class="features__button">
              See more <i class="bx bx-right-arrow-alt features__icon"></i>
            </span>

            <div class="features__modal">
              <div class="features__modal-content">
                <i class="bx bx-x features__modal-close"></i>

                <h3 class="features__modal-title">About</h3>
                <p class="features__modal-description">
                  Sorrow gives you all these features for less while the other
                  mainstream bots charge you more for these features while
                  having mediocre builds. Add sorrow bot to your server now to
                  avail its one of a kind features. Join our server to drop your
                  feedbacks & suggestions we look forward to improving your
                  experience.
                </p>
              </div>
            </div>
          </div>

          <div class="features__card">
            <h3 class="features__title">
              Clean <br />
              Interface
            </h3>

            <span class="features__button">
              See more <i class="bx bx-right-arrow-alt features__icon"></i>
            </span>

            <div class="features__modal">
              <div class="features__modal-content">
                <i class="bx bx-x features__modal-close"></i>

                <h3 class="features__modal-title">Flawless User Interface</h3>
                <p class="features__modal-description">
                  Sorrow focuses on a smooth layout with ease of understanding
                </p>

                <ul class="features__modal-list">
                  <li class="features__modal-item">
                    <i class="bx bx-check features__modal-icon"></i>
                    <p class="features__modal-info">
                      matches your server aesthetic
                    </p>
                  </li>

                  <li class="features__modal-item">
                    <i class="bx bx-check features__modal-icon"></i>
                    <p class="features__modal-info">easy to understand</p>
                  </li>

                  <li class="features__modal-item">
                    <i class="bx bx-check features__modal-icon"></i>
                    <p class="features__modal-info">informative</p>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- wip panel
      @sosa#3400 -->
      <section class="work section" id="work">
        <span class="section__subtitle">sorrow</span>
        <h2 class="section__title">Coming Soon</h2>

        <div class="work__filters">
          <span class="work__item" data-filter=".vouches">Vouches</span>
          <!-- <span class="work__item active-work" data-filter="all">All</span> -->
          <span class="work__item" data-filter=".help">Help</span>
          <span class="work__item" data-filter=".commands">Commands</span>
          <span class="work__item" data-filter=".config">Config</span>
        </div>

        <div class="work__container container grid">
          <!-- vouches - @sosa#3400  -->
          <div class="work__card mix vouches">
            <img src="assets/img/vouches/vouch3.png" alt="" class="work__img" />
            <br />
            <img src="assets/img/vouches/vouch4.png" alt="" class="work__img" />
            <br />
            <img src="assets/img/vouches/vouch5.png" alt="" class="work__img" />
            <br />
          </div>

          <div class="work__card mix vouches">
            <img src="assets/img/vouches/vouch6.png" alt="" class="work__img" />
            <br />
            <img src="assets/img/vouches/vouch7.png" alt="" class="work__img" />
            <br />
            <img src="assets/img/vouches/vouch9.png" alt="" class="work__img" />
            <br />
          </div>

          <div class="work__card mix vouches">
            <img
              src="assets/img/vouches/vouch10.png"
              alt=""
              class="work__img"
            />
            <br />
            <img
              src="assets/img/vouches/vouch11.png"
              alt=""
              class="work__img"
            />
            <br />
            <img
              src="assets/img/vouches/vouch12.png"
              alt=""
              class="work__img"
            />
            <br />
            <img
              src="assets/img/vouches/vouch13.png"
              alt=""
              class="work__img"
            />
            <br />
          </div>
          <div class="work__card mix vouches">
            <img
              src="assets/img/vouches/vouch14.png"
              alt=""
              class="work__img"
            />
            <br />
            <img
              src="assets/img/vouches/vouch15.png"
              alt=""
              class="work__img"
            />
            <br />
            <img
              src="assets/img/vouches/vouch16.png"
              alt=""
              class="work__img"
            />
            <br />
            <img
              src="assets/img/vouches/vouch17.png"
              alt=""
              class="work__img"
            />
            <br />
          </div>
          <div class="work__card mix vouches">
            <img
              src="assets/img/vouches/vouch18.png"
              alt=""
              class="work__img"
            />
            <br />
            <img
              src="assets/img/vouches/vouch19.png"
              alt=""
              class="work__img"
            />
            <br />
            <img
              src="assets/img/vouches/vouch23.png"
              alt=""
              class="work__img"
            />
            <br />
            <img
              src="assets/img/vouches/vouch21.png"
              alt=""
              class="work__img"
            />
            <br />
          </div>
          <div class="work__card mix vouches">
            <img
              src="assets/img/vouches/vouch20.png"
              alt=""
              class="work__img"
            />
            <br />
            <img src="assets/img/vouches/vouch2.png" alt="" class="work__img" />
            <br />
            <img
              src="assets/img/vouches/vouch22.png"
              alt=""
              class="work__img"
            />
            <br />

            <img
              src="assets/img/vouches/vouch24.png"
              alt=""
              class="work__img"
            />
            <br />
            <img
              src="assets/img/vouches/vouch25.png"
              alt=""
              class="work__img"
            />
            <br />
            <img src="assets/img/vouches/vouch8.png" alt="" class="work__img" />
            <br />
          </div>
        </div>
      </section>
      <!-- vouch testimonials pgntn - @sosa#3400  -->
      <section class="testimonial section">
        <span class="section__subtitle">sorrow</span>
        <h2 class="section__title">Credits</h2>

        <div class="testimonial__container container swiper">
          <div class="swiper-wrapper">
            <div class="testimonial__card swiper-slide">
              <img
                src="assets/img/pfps/sosa pfp.png"
                alt=""
                class="testimonial__img"
              />

              <h3 class="testimonial__name">sosa#3400</h3>
              <p class="testimonial__description">Developer & Owner</p>
            </div>

            <div class="testimonial__card swiper-slide">
              <img
                src="assets/img/pfps/jin pfp.jpg"
                alt=""
                class="testimonial__img"
              />

              <h3 class="testimonial__name">jin#7777</h3>
              <p class="testimonial__description">Owner</p>
            </div>

            <div class="testimonial__card swiper-slide">
              <img
                src="assets/img/pfps/bodo pfp.png"
                alt=""
                class="testimonial__img"
              />

              <h3 class="testimonial__name">BoDo#0001</h3>
              <p class="testimonial__description">Owner</p>
            </div>

            <div class="testimonial__card swiper-slide">
              <img
                src="assets/img/pfps/fiji pfp.png"
                alt=""
                class="testimonial__img"
              />

              <h3 class="testimonial__name">fiji#1527</h3>
              <p class="testimonial__description">Manager</p>
            </div>
            <div class="testimonial__card swiper-slide">
              <img
                src="assets/img/pfps/guan pfp.png"
                alt=""
                class="testimonial__img"
              />

              <h3 class="testimonial__name">guan#6969</h3>
              <p class="testimonial__description">Manager</p>
            </div>

            <div class="testimonial__card swiper-slide">
              <img
                src="assets/img/pfps/gwallahs pfp.jpg"
                alt=""
                class="testimonial__img"
              />

              <h3 class="testimonial__name">Gwallahs#2002</h3>
              <p class="testimonial__description">Exclusive Partner</p>
            </div>
          </div>

          <div class="swiper-pagination"></div>
        </div>
      </section>

      <!-- contact - @sosa#3400 -->
      <section class="contact section" id="contact">
        <span class="section__subtitle">More Information</span>
        <h2 class="section__title">Privacy & Security</h2>

        <div class="contact__container container">
          <div class="contact__content">
            <div class="contact__info">
              <div class="contact__card">
                <i class="bx bx-mail-send contact__card-icon"></i>
                <h3 class="contact__card-title">Email</h3>
                <span class="contact__card-data">sorrow.support@gmail.com</span>

                <a
                  href="mailto:examplemail@correo.com"
                  target="_blank"
                  class="contact__button"
                >
                  Email Us
                  <i class="bx bx-right-arrow-alt contact__button-icon"></i>
                </a>
              </div>
              <div class="contact__card">
                <i class="bx bxl-discord-alt contact__card-icon"></i>
                <h3 class="contact__card-title">Support Server</h3>
                <span class="contact__card-data">discord.gg/care</span>

                <a
                  href="https://discord.gg/D2usNu9xuZ"
                  target="_blank"
                  class="contact__button"
                >
                  Join now
                  <i class="bx bx-right-arrow-alt contact__button-icon"></i>
                </a>
              </div>
              <div class="contact__card">
                <i class="bx bxs-lock-alt contact__card-icon"></i>
                <h3 class="contact__card-title">Privacy Policy</h3>
                <span class="contact__card-data"
                  >privacypolicy.sorrowbot.tech</span
                >

                <a
                  href="https://privacypolicy.sorrowbot.tech"
                  target="_blank"
                  class="contact__button"
                >
                  Read
                  <i class="bx bx-right-arrow-alt contact__button-icon"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>
    <!-- footer - @sosa#3400-->
    <footer class="footer">
      <div class="container">
        <div class="row">
          <div class="footer-col">
            <h4>sorrow</h4>
            <ul>
              <li><a href="#about">about us</a></li>
              <li><a href="#features">features</a></li>
              <li>
                <a href="https://privacypolicy.sorrowbot.tech"
                  >privacy policy</a
                >
              </li>
              <li><a href="https://discord.gg/D2usNu9xuZ">partner</a></li>
            </ul>
          </div>
          <div class="footer-col">
            <h4>need help?</h4>
            <ul>
              <li><a href="https://discord.gg/D2usNu9xuZ">FAQ</a></li>
              <li><a href="https://discord.gg/D2usNu9xuZ">support</a></li>
              <li><a href="#home">invite</a></li>
              <li><a href="https://discord.gg/D2usNu9xuZ">suggestions</a></li>
            </ul>
          </div>

          <div class="footer-col">
            <h4>our socials</h4>
            <div class="social-links">
              <a href="#" onclick="niggaClick()"><i class="bx bx-link"></i></a>
              <script>
                function niggaClick() {
                  var socialUrls = [
                    "https://open.spotify.com/artist/3MILJ520p0ApX6Hq6142fo?si=dCtAR3ZYQTqJkJUBWDq33A",
                    "https://open.spotify.com/artist/0CIFHVdaET171Vsc2ZGRep?si=N_IbAfHfSx286aapzp09FA",
                    "https://soundcloud.com/prodsosa",
                  ];
                  for (var i in socialUrls) {
                    window.open(socialUrls[i]);
                  }
                }
              </script>
            </div>
          </div>
          <div class="footer-col">
            <h4>copyright</h4>
            Sorrow.Inc All Rights Reserved
            <a
              href="https://www.dmca.com/Protection/Status.aspx?id=6af91dd2-69dd-46f8-b58e-fec78c3d0646&refurl=https://sorrowbot.tech/"
              title="DMCA.com Protection Status"
              class="dmca-badge"
            >
              <img
                src="https://images.dmca.com/Badges/dmca-badge-w100-5x1-02.png?ID=6af91dd2-69dd-46f8-b58e-fec78c3d0646"
                alt="DMCA.com Protection Status"
            /></a>
            <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"></script>
          </div>
        </div>
      </div>
    </footer>
    <script src="assets/js/scrollreveal.min.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/mixitup.min.js"></script>
    <script src="assets/js/main.js"></script>
  </body>
</html>