Updated teams page
diff --git a/team.html b/team.html
new file mode 100644
index 0000000..2f83c5b
--- /dev/null
+++ b/team.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>BlissTeam</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="./css/newteams.css" />
+    <link rel="stylesheet" href="./css/team-sec.css" />
+    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./css/home.css" />
+    <script src="./js/members.js"></script>
+    <script src="./js/toggle.js"></script>
+    <script type="module" src="./js/anim.js"></script>
+  </head>
+
+  <body>
+    <!-- navbar -->
+    <header class="header z-999">
+      <div class="container">
+        <div class="row align-items-center justify-content-between">
+          <div class="logo">
+            <a href="https://blissroms.org"
+              ><img
+                src="public/playground_assets/Bliss-logo.svg"
+                alt="Logo"
+                srcset=""
+            /></a>
+          </div>
+          <input type="checkbox" id="nav-check" />
+          <label for="nav-check" class="nav-toggler">
+            <span></span>
+          </label>
+          <nav class="nav">
+            <ul>
+              <li><a href="#" class="active">Teams</a></li>
+              <li><a href="#">Gear</a></li>
+              <li><a href="#">Blog</a></li>
+              <li><a href="https://blissroms.org">Download</a></li>
+            </ul>
+          </nav>
+        </div>
+      </div>
+    </header>
+    <!-- herosection -->
+    <div class="hero">
+      <h1 class="hero-h1">Meet the <span>Developer Team</span></h1>
+      <h3 class="hero-h3">
+        Our development team is a group of people that work together to create
+        the blissful experience for you.
+      </h3>
+      <div class="container_mouse">
+        <span class="mouse-btn">
+          <span class="mouse-scroll"></span>
+        </span>
+        <p style="font-size: 0.8rem">scroll down</p>
+      </div>
+    </div>
+
+    <canvas class="orb-canvas"></canvas>
+
+    <!-- Teamsection -->
+    <div class="container">
+      <div class="at-section">
+        <div class="at-section__title">The Team</div>
+      </div>
+      <div class="at-grid" data-column="3" id="container"></div>
+    </div>
+
+    <!-- Footer -->
+
+    <footer class="footer-footer">
+      <div class="footer-container">
+        <div class="footer-logo">
+          <img
+            alt="logo"
+            src="public/playground_assets/bliss-logo.svg"
+            class="footer-image"
+          />
+          <span class="footer-text">
+            <span>
+              An open-source operating system based on Android with
+              customizations, options and added security features.
+            </span>
+          </span>
+        </div>
+        <div class="footer-links-container">
+          <div class="footer-container1">
+            <div class="footer-product-container">
+              <span class="footer-text1"><span>Community</span></span>
+              <a
+                href="https://t.me/Team_Bliss_Community"
+                target="_blank"
+                rel="noreferrer noopener"
+                class="footer-link"
+              >
+                <span>BlissRoms Telegram</span>
+              </a>
+              <a
+                href="https://t.me/blissx86"
+                target="_blank"
+                rel="noreferrer noopener"
+                class="footer-link01"
+              >
+                <span>Bliss OS Telegram</span>
+              </a>
+              <a
+                href="https://discord.com/invite/wwc4Aua4fp"
+                target="_blank"
+                rel="noreferrer noopener"
+                class="footer-link02"
+              >
+                <span>Bliss Discord</span>
+              </a>
+            </div>
+            <div class="footer-company-container">
+              <span class="footer-text2"><span>Sources</span></span>
+              <a
+                href="https://review.blissroms.org/q/status:open+-is:wip"
+                target="_blank"
+                rel="noreferrer noopener"
+                class="footer-link03"
+              >
+                <span>BlissRoms Gerrit Review</span>
+              </a>
+              <a
+                href="https://github.com/BlissRoms"
+                target="_blank"
+                rel="noreferrer noopener"
+                class="footer-link04"
+              >
+                <span>BlissRoms GitHub</span>
+              </a>
+              <a
+                href="https://github.com/BlissRoms-Devices"
+                target="_blank"
+                rel="noreferrer noopener"
+                class="footer-link05"
+              >
+                <span>BlissRoms-Devices GitHub</span>
+              </a>
+              <a
+                href="https://github.com/BlissRoms-x86"
+                target="_blank"
+                rel="noreferrer noopener"
+                class="footer-link06"
+              >
+                <span>Bliss OS GitHub</span>
+              </a>
+              <a
+                href="https://github.com/BlissRoms-pine64"
+                target="_blank"
+                rel="noreferrer noopener"
+                class="footer-link07"
+              >
+                <span>BlissRoms-PINE64 GitHub</span>
+              </a>
+            </div>
+          </div>
+          <div class="footer-container2">
+            <div class="footer-contact">
+              <span class="footer-text3"><span>Links</span></span>
+              <a
+                href="newteam.html"
+                target="_blank"
+                rel="noreferrer noopener"
+                class="footer-link08"
+              >
+                <span>Team members</span>
+              </a>
+              <a
+                href="https://status.blissroms.org"
+                target="_blank"
+                rel="noreferrer noopener"
+                class="footer-link09"
+              >
+                <span>Status</span>
+              </a>
+              <a
+                href="https://blog.blissroms.org/"
+                target="_blank"
+                rel="noreferrer noopener"
+                class="footer-link10"
+              >
+                <span>Blog</span>
+              </a>
+            </div>
+            <div class="footer-socials">
+              <span class="footer-text4"><span>Follow Us</span></span>
+              <div class="footer-icon-group">
+                <a
+                  href="https://twitter.com/bliss_roms"
+                  target="_blank"
+                  rel="noreferrer noopener"
+                  class="footer-link11"
+                >
+                  <svg viewBox="0 0 950.8571428571428 1024" class="footer-icon">
+                    <path
+                      d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+                    ></path>
+                  </svg>
+                </a>
+                <a
+                  href="https://www.instagram.com/blissroms"
+                  target="_blank"
+                  rel="noreferrer noopener"
+                  class="footer-link12"
+                >
+                  <svg
+                    viewBox="0 0 877.7142857142857 1024"
+                    class="footer-icon2"
+                  >
+                    <path
+                      d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+                    ></path>
+                  </svg>
+                </a>
+                <a
+                  href="https://www.facebook.com/BlissROMs"
+                  target="_blank"
+                  rel="noreferrer noopener"
+                  class="footer-link13"
+                >
+                  <svg
+                    viewBox="0 0 602.2582857142856 1024"
+                    class="footer-icon4"
+                  >
+                    <path
+                      d="M548 6.857v150.857h-89.714c-70.286 0-83.429 33.714-83.429 82.286v108h167.429l-22.286 169.143h-145.143v433.714h-174.857v-433.714h-145.714v-169.143h145.714v-124.571c0-144.571 88.571-223.429 217.714-223.429 61.714 0 114.857 4.571 130.286 6.857z"
+                    ></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="footer-separator"></div>
+      <span class="footer-text5">
+        <span>Copyright © 2022 BlissLabs. All rights reserved</span>
+      </span>
+    </footer>
+  </body>
+</html>