diff --git a/discord.html b/discord.html
new file mode 100644
index 0000000..5de82ed
--- /dev/null
+++ b/discord.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title></title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet"> 
+<style>
+    @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Rubik:wght@300;400;500;700&display=swap");
+    a{
+        color:#212529;
+    }
+    /* -------------------------- NAVIGATION START ------------------------- */
+nav .container {
+  padding: 0 !important;
+  margin-top: 0 !important;
+}
+nav .container .navbar-brand {
+  display: flex;
+  justify-content: center;
+}
+nav .container .navbar-brand img {
+  height: 60px;
+}
+
+nav a {
+  font-family: "Rubik", sans-serif;
+  font-size: 20px;
+  margin: 0rem 1rem;
+  font-weight: medium;
+}
+nav a.nav-link:hover {
+  color: var(--theme) !important;
+}
+nav a:last-child {
+  margin-right: 0rem;
+}
+body {
+  background-color: #f4f1de;
+}
+h1 a, h1{
+    font-family: "Rubik", sans-serif;
+    color:#4cbb85;
+}
+</style>
+    </head>
+    <body>
+        <nav class="navbar navbar-light bg-light">
+            <a class="navbar-brand" href="#" style="color:#535353;">
+                <img style="height: 55px;width:55px; margin:5% 30%;" src="https://user-images.githubusercontent.com/58522375/137588111-93cb9e33-57e4-4032-a9c3-6af6b4e91993.png" alt="P2PHackClubLogo"/>
+                P2P Hack Club
+            </a>
+          </nav>
+          <div style="padding:5% 20%;font-family: 'Lato', sans-serif;">
+            <h1 style="text-decoration: underline;">Join our Discord Server!</h1>
+            <h6>During the school year, and especially during the summer, we use Discord as our primary platform to send out announcements. In addition to getting information, our Discord is a really great place to get to know other hackers and get help with your programming questions!
+                <br>
+                <strong>Discord is a voice and chat platform for those ages 13+.</strong>We also post announcements on a Google Classroom page if you do not want to use Discord, or are under 13.
+                Every Friday, from 5-6PM, we run a weekly game night called "Hypixel Game Night" where we play Minecraft mini-games on Hypixel. To learn more, check out <a href="https://hgn.p2phack.club" target="_blank" rel="noopener noreferrer">https://hgn.p2phack.club</a>.</h6><br>
+                <h3>Please read the <a href="https://community.p2phack.club/CONDUCT.html" target="_blank" rel="noopener noreferrer" style="text-decoration:underline;">Code of Conduct</a> before joining</h3><br>
+                <button type="button" class="btn btn-outline-secondary btn-lg"><a href="https://discord.com/invite/fSjjXzv">Join our discord!</a></button>
+                <br><br>
+                <h1 style="text-decoration: underline;"><a href="https://hgn.p2phack.club/">Hypixel Game Night</a></h1>
+                <h6>A weekly game night where students from Peak to Peak Charter School can hang out and play Minecraft together!</h6>
+                <br><br>
+                <h1 style="text-decoration: underline;"><a href="https://augn.p2phack.club">Among Us Game Night</a></h1>
+                <h6>A weekly game night where students from Peak to Peak Charter School can hang out and play Among Us together!</h6>
+                <iframe src="https://discord.com/widget?id=663937413818744833&theme=dark" width="890" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
+        </div>
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index ee96ed8..85ef4d6 100644
--- a/index.html
+++ b/index.html
@@ -44,6 +44,9 @@
             <li class="nav-item">
               <a class="nav-link" href="under.html">Ongoing Projects</a>
             </li>
+            <li class="nav-item">
+              <a class="nav-link" href="./discord.html">Join discord</a>
+            </li>
             <li class="nav-item">
               <a class="nav-link" href="under.html">Contact Us</a>
             </li>
