diff --git a/config.toml b/config.toml
new file mode 100644
index 0000000..d0d3a79
--- /dev/null
+++ b/config.toml
@@ -0,0 +1,3 @@
+baseURL = 'https://forero.xyz/'
+languageCode = 'en-us'
+title = 'Santiago Forero'
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
new file mode 100644
index 0000000..c6350f9
--- /dev/null
+++ b/layouts/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<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=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="/theme.css">
+    <title>{{ .Site.Title }}</title>
+</head>
+<body>
+    {{ partial "nav.html" . }}
+    <div id="content">
+        <h2>hi</h2>
+        <p>I'm known as ~forero, I am 15 years old, I like computers and I'm an athlete.</p>
+
+        <h2>contact</h2>
+        <ul>
+            <li>email: <a href="mailto:santiago@forero.xyz">santiago@forero.xyz</a></li>
+            <li>irc: <a href="https://web.libera.chat/#forero">join #forero on libera.chat</a> or DM forero</li>
+        </ul>
+        
+        <h2>social media</h2>
+        <ul>
+            <li><a href="https://www.youtube.com/channel/UC0l709qNeW3ZpZGdsR2Z6pw">YouTube channel</a></li>
+            <li>Instagram: <a href="https://www.instagram.com/santiagoforer/">@santiagoforer</a></li>
+            <li>GitHub: <a href="https://github.com/forerosantiago/">forerosantiago</a></li>
+            <li>Mastodon: <a href="https://tilde.zone/web/accounts/106580153739377777">@forero@tilde.zone</a></li>
+        </ul>
+
+        <h2>donations</h2>
+        <h3>bitcoin</h3>
+        <p><b>Address:</b> bc1q8xv9ktfmywwskpl978h0f9kdvrrvcw68z67cc4</p>
+        <p><b>QR:</b></p>
+        <img src="bitcoin.png" alt="">
+
+        <h3>nequi</h3>
+        <p>If you are in Colombia you can send your money here: +573053156599</p>
+        <p><b>QR:</b></p>
+        <img src="nequi.png" alt="">
+
+    </div>
+    {{ partial "footer.html" . }}
+
+</body>
+</html>
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..12b0dc0
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,9 @@
+<hr>
+<footer id="main-footer">
+    <p>Made with &hearts; by <a href="https://forero.xyz">forero</a>. The source code of this site can be found <a href="https://github.com/forerosantiago/site">here</a>.</p>
+
+    <h4></h4>
+    <b>Hotline webring:</b> <a href="https://hotlinewebring.club/forero/previous">previous</a> <a href="https://hotlinewebring.club/forero/next">next</a>
+
+    <p><b>PD:</b> This site is constantly evolving :)</p>
+</footer>
\ No newline at end of file
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
new file mode 100644
index 0000000..69d3b13
--- /dev/null
+++ b/layouts/partials/nav.html
@@ -0,0 +1,3 @@
+<nav id="main-nav">
+    <h2><a href="">Santiago Forero</a></h2>
+</nav>
diff --git a/static/bitcoin.png b/static/bitcoin.png
new file mode 100644
index 0000000..e2ac791
Binary files /dev/null and b/static/bitcoin.png differ
diff --git a/static/nequi.png b/static/nequi.png
new file mode 100644
index 0000000..b7e8a09
Binary files /dev/null and b/static/nequi.png differ
diff --git a/static/theme.css b/static/theme.css
new file mode 100644
index 0000000..861e33d
--- /dev/null
+++ b/static/theme.css
@@ -0,0 +1,33 @@
+body {
+    background: #1d1f21;
+    color: #c5c8c6;
+    font-family: 'JetBrains Mono', monospace;
+}
+
+#main-nav {
+    text-align: center;
+    margin-bottom: 5%;
+}
+
+#main-nav > a {
+    margin: 5%;
+}
+
+a {
+    color: #b5bd68;
+    text-decoration: none;
+}
+
+a:hover {
+    opacity: 0.8;
+    text-decoration: underline;
+}
+
+#content {
+    width: 80%;
+    margin: auto;
+}
+
+#main-footer {
+    margin: 5%;
+}
\ No newline at end of file
