1 files changed, 79 insertions, 0 deletions
diff --git a/linktree.html b/linktree.html
new file mode 100644
index 0000000..3abb5dd
--- /dev/null
+++ b/linktree.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Link Tree</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/1.0.2/css/bulma.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/all.min.js"></script>
+</head>
+<body>
+    <section class="section">
+        <div class="container">
+            <div class="columns is-centered">
+                <div class="column is-half">
+                    <!-- Profile Section -->
+                    <div class="has-text-centered mb-6">
+                        <figure class="image is-128x128 is-inline-block mb-4">
+                            <img class="is-rounded" src="profile.png" alt="Profile Picture">
+                        </figure>
+                        <h1 class="title is-3">John Doe</h1>
+                        <p class="subtitle is-5 mb-4">Digital Creator & Developer</p>
+                    </div>
+
+                    <!-- Links Section -->
+                    <div class="buttons is-flex is-flex-direction-column">
+
+                        <a href="#" class="button is-fullwidth is-link is-rounded mb-3">
+                            <span class="icon">
+                                <i class="fab fa-twitter"></i>
+                            </span>
+                            <span>Twitter</span>
+                        </a>
+
+                        <a href="#" class="button is-fullwidth is-info is-rounded mb-3">
+                            <span class="icon">
+                                <i class="fab fa-linkedin"></i>
+                            </span>
+                            <span>LinkedIn</span>
+                        </a>
+
+                        <a href="#" class="button is-fullwidth is-dark is-rounded mb-3">
+                            <span class="icon">
+                                <i class="fab fa-github"></i>
+                            </span>
+                            <span>GitHub</span>
+                        </a>
+
+                        <a href="#" class="button is-fullwidth is-danger is-rounded mb-3">
+                            <span class="icon">
+                                <i class="fab fa-youtube"></i>
+                            </span>
+                            <span>YouTube</span>
+                        </a>
+
+                        <!-- Copy past the following block to add more links -->
+                        <a href="https://example.com" class="button is-fullwidth is-success is-rounded mb-3">
+                            <span class="icon">
+                                <!-- Change the icon to any other icon from fontawesome -->
+                                <!-- https://fontawesome.com/v6/search?ic=free -->
+                                <i class="fas fa-globe"></i>
+                           </span>
+                            <span>Link to something else</span>
+                        </a>
+                        <!-- end of block -->
+
+                    </div>
+
+                    <!-- Footer -->
+                    <footer class="mt-6 has-text-centered">
+                        <p class="has-text-grey">
+                            © 2025 John Doe • Made with <i class="fas fa-heart has-text-danger"> in Boulder, CO</i>
+                        </p>
+                    </footer>
+                </div>
+            </div>
+        </div>
+    </section>
+</body>
+</html>