1 files changed, 93 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..0319db0
--- /dev/null
+++ b/index.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <!-- PAGE SETUP-->
+    <title>peten.ca | Official Web Release</title>
+    <link rel="icon" type="image/x-icon" href="/images/petemcgeenobg.png" />
+    <meta charset="utf-8" />
+    <meta
+      content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"
+      name="viewport"
+    />
+    <meta name="viewport" content="width=device-width" />
+
+    <!-- CSS -->
+    <link href="/css/styles.css" rel="stylesheet" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
+      crossorigin="anonymous"
+    />
+
+    <!-- JS -->
+    <script
+      src="https://code.jquery.com/jquery-3.7.1.js"
+      integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
+      crossorigin="anonymous"
+    ></script>
+    <script src="/scripts/peten.js"></script>
+    <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
+
+    <!-- FONTS -->
+    <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=Montserrat:ital,wght@0,100..900;1,100..900&family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+
+  <body class="fade-in">
+    <div class="container-content font-montserrat">
+      <img src="/images/petemcgeenobg.png" class="image" />
+      <div>
+        <h1>peter nguyen</h1>
+        <span class="element"></span>
+
+        <script>
+          var typed = new Typed(".element", {
+            strings: [
+              "2025's latest and greatest",
+              "online portfolio",
+              "blog",
+              "musings",
+              "bio",
+              "and much more.",
+              "only on peten.ca",
+            ],
+            typeSpeed: 90,
+            backSpeed: 40,
+          });
+        </script>
+
+        <ul class="nav justify-content-center">
+          <li class="nav-item">
+            <a class="nav-link text-dark" href="projects.html">projects</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link text-dark" href="blog.html">blog</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link text-dark" href="about.html">about</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link text-dark" href="contact.html">contact</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <footer class="footer">
+      Copyright Peter Nguyen <span id="copyright-year"></span>. All rights
+      reserved.
+    </footer>
+
+    <!-- BOOTSTAP JS -->
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>