index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-5WD76XPR07"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-5WD76XPR07');
    </script>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="google-site-verification" content="QuGm4ZQUEOFvlS_Kzt6VPQxYzZcCoFbdRUKM1GnDng4" />
    <meta name="description" content="PieMC is a powerful and customizable Minecraft server software developed in Python, specifically built for developers.">
    <title>PieMC 🍰 - Minecraft Server Software</title>

    <link rel="icon" type="image/x-icon" href="./assets/favicon.png">
    <link rel="stylesheet" href="./assets/css/style.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/regular.min.css">
    <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.min.css" rel="stylesheet"/>
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
  </head>

  <body>

    <header class="container header">
      <nav class="nav">
        <div class="logo">
          <h1>PieMC 🍰</h1>
        </div>

        <div class="nav_menu" id="nav_menu">
          <button class="close_btn" id="close_btn">
            <i class="ri-close-fill"></i>
          </button>

          <ul class="nav_menu_list">
            <li class="nav_menu_item">
              <a href="https://github.com/PieMC-Dev/PieMC/releases/latest" class="nav_menu_link">
                <i class="fa fa-download"></i> Download PieMC
             </a>             
            </li>
            <li class="nav_menu_item">
              <a href="#" class="nav_menu_link">
                <i class="fas fa-puzzle-piece"></i> Marketplace
              </a>
            </li>
            <li class="nav_menu_item">
              <a href="https://github.com/PieMC-Dev/PieMC/" class="nav_menu_link">
                <i class="fab fa-github"></i> Github
              </a>
            </li>
            <li class="nav_menu_item">
              <a href="https://discord.gg/Bf3cXRUUnm" class="nav_menu_link">
                <i class="fab fa-discord"></i> Discord
              </a>
            </li>
          </ul>          
        </div>

        <button class="toggle_btn" id="toggle_btn">
          <i class="ri-menu-line"></i>
        </button>
      </nav>
    </header>

    <section class="wrapper">
      <div class="container">
        <div class="grid-cols-2">
          <div class="grid-item-1">
            <h2 class="main-heading">
              Welcome to <span>PieMC</span>
              <br />
              
            </h2>
            <p class="info-text">
              A powerful and customizable Minecraft server software using Python 🐍
            </p>

            <div class="btn_wrapper">
              <a href="https://github.com/PieMC-Dev/PieMC/releases/latest">
              <button class="btn view_more_btn">
                Download PieMC<i class="ri-arrow-right-line"></i>
              </button>
            </a>
              <a href="/docs/"><button class="btn documentation_btn">Documentation</button></a>
            </div>
          </div>
          <div class="grid-item-2">
            <div class="team_img_wrapper">
              <img src="./assets/img/PieMC.webp" alt="PieMC Logo - Powerful and Customizable Minecraft Server Software">
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="wrapper">
      <div class="container" data-aos="fade-up" data-aos-duration="1000">
        <div class="grid-cols-3">
          <div class="grid-col-item">
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke="currentColor"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
                />
              </svg>
            </div>
            <div class="featured_info">
              <span>Built for developers </span>
              <p>
                With PieMC, you will have the capability to create an extensive array of plugins, thanks to our robust plugin API.
              </p>
            </div>
          </div>
          <div class="grid-col-item">
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke="currentColor"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M17 14v6m-3-3h6M6 10h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2zm10 0h2a2 2 0 002-2V6a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zM6 20h2a2 2 0 002-2v-2a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2z"
                />
              </svg>
            </div>
            <div class="featured_info">
              <span>Designed to be modern</span>
              <p>
                Designed with a focus on modern aesthetics, PieMC showcases sleek and contemporary elements to deliver an immersive user experience.
              </p>
            </div>
          </div>

          <div class="grid-col-item">
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke="currentColor"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
                />
              </svg>
            </div>
            <div class="featured_info">
              <span>Documentation for everything</span>
              <p>
                PieMC offers comprehensive documentation that covers every aspect, providing you with extensive resources to explore and understand the platform in its entirety.
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="info" class="info-section container">
      <div class="info-block">
        <div class="info-block-image">
          <img src="./assets/img/1.webp" alt="Info Image" decoding="async" loading="lazy">
        </div>
        <div class="info-block-content">
          <h3 class="info-heading"><span class="highlight">Expanding</span> Possibilities ✨</h2>
          <p class="info-text">Unleash the true potential of your Minecraft server with our versatile plugins. Boost your server's performance, simplify coding processes, and receive top-notch support with our feature-rich plugins. Discover a new level of speed, efficiency, and convenience as you explore endless possibilities for customization and optimization.</p>
        </div>
      </div>      
      <div class="info-block">
        <div class="info-block-image">
          <img src="./assets/img/2.webp" alt="Info Image" decoding="async" loading="lazy">
        </div>
        <div class="info-block-content">
          <h3 class="info-heading">Enhance Your <span class="highlight">Experience</span> 🍀</h2>
          <p class="info-text">Transform your Minecraft experience with enhanced visuals, immersive audio, and captivating upgrades. Explore a world of enriched gameplay and let your imagination soar to new heights. Elevate your adventure and rediscover the joy of Minecraft like never before.</p>
        </div>
      </div>
    </section>

    <footer class="footer">
      <div class="container">
        <p>&copy; 2023 PieMC. All rights reserved.</p>
      </div>
    </footer>

  </body>

  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "PieMC",
      "url": "https://piemc-dev.github.io",
      "logo": "https://piemc-dev.github.io/assets/img/PieMC.webp"
    }
  </script>
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/gsap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
  <script src="./assets/js/script.js"></script>
  
</html>