diff --git a/_articles/es/index.html b/_articles/es/index.html
index df7f4a2..d729d03 100644
--- a/_articles/es/index.html
+++ b/_articles/es/index.html
@@ -23,8 +23,7 @@ <h3 class="pico-color-pumpkin-50">Amplíe su alcance</h3>
     <p class="pico-color-pumpkin-50">Existen grandes programas. Nuestro objetivo es ayudar a que esos programas se conviertan en nuestras comunidades locales.</p>
     <p><a class="contrast" href="/es/about/">Aprende Más</a></p>
   </article>
-  <article class="pico-background-zinc-800"
-  ">
+  <article class="pico-background-zinc-800">
     <h3 class="pico-color-pumpkin-50">¡Dilo en voz alta!</h3>
     <p class="pico-color-pumpkin-50">Nuestra pila y nuestras decisiones son de código abierto por defecto y compartimos lo que estamos haciendo de la forma más alta y frecuente posible.</p>
     <p><a class="contrast" href="/es/about/">Aprende Más</a></p>
diff --git a/_layouts/_includes/footer.html b/_layouts/_includes/footer.html
index e532ac9..bc13b60 100644
--- a/_layouts/_includes/footer.html
+++ b/_layouts/_includes/footer.html
@@ -10,7 +10,7 @@ <h3>About us</h3>
       <div class="footer-col">
         <h3>Quick link</h3>
         <ul>
-          <li><a href="/about/">About Us</a></li>
+          <li><a href="/about.html">About Us</a></li>
           <li><a href="/event/">Events</a></li>
           <li><a href="/community/">Community</a></li>
           <li><a href="/support/">Support</a></li>
diff --git a/_layouts/default.html b/_layouts/default.html
index fdb0402..6817b16 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -23,7 +23,8 @@
         {{ content }}
     </main>
     {%- include '_includes/footer.html' -%}
-    <script src="/assets/js/index.js"></script>
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/bpd.js"></script>
     <script src="https://kit.fontawesome.com/1bbe56de49.js" crossorigin="anonymous"></script>
   </body>
 </html>
diff --git a/_layouts/event.html b/_layouts/event.html
index cfac87c..66e6dae 100644
--- a/_layouts/event.html
+++ b/_layouts/event.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
diff --git a/app.py b/app.py
index a3eb4a9..9e65fdc 100644
--- a/app.py
+++ b/app.py
@@ -10,3 +10,9 @@
 class Index(Page):
     template = "index.html"
     content_path = "index.html"
+
+
+@app.page
+class About(Page):
+    content_path = "pages/about.html"
+    template = "default.html"
diff --git a/index.html b/index.html
index 5e2c214..7f7532b 100644
--- a/index.html
+++ b/index.html
@@ -9,22 +9,22 @@ <h2>Our Mission</h2>
   <article class="pico-background-sand-100">
     <h3>Secure the bag</h3>
     <p>Establish guidance, mentorship, and career support for <em>Black Python Devs</em> Members</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about.html">Learn More</a></p>
   </article>
   <article class="pico-background-pumpkin-650">
     <h3 class="pico-color-pumpkin-50">Diversity By Inclusion</h3>
     <p class="pico-color-pumpkin-50">We encourage members to get involved beyond participation. Members can become maintainers, maintainers become leaders.</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about.html">Learn More</a></p>
   </article>
   <article class="pico-background-pumpkin-800">
     <h3 class="pico-color-pumpkin-50">Extend their reach</h3>
     <p class="pico-color-pumpkin-50">Great programs exist. Our goal is to help those programs make it our local communities.</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about.html">Learn More</a></p>
   </article>
   <article class="pico-background-zinc-800">
     <h3 class="pico-color-pumpkin-50">Say it loud!</h3>
     <p class="pico-color-pumpkin-50">Our stack and our decisions are open source by default and we share what we're doing as loudly and often as possible.</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about.html">Learn More</a></p>
   </article>
 </div>
 
diff --git a/output/home.html b/output/home.html
index c74ac68..2d5cfde 100644
--- a/output/home.html
+++ b/output/home.html
@@ -3,23 +3,22 @@ <h2>Our Mission</h2>
   <article class="pico-background-sand-100">
     <h3>Secure the bag</h3>
     <p>Establish guidance, mentorship, and career support for <em>Black Python Devs</em> Members</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="//about.html">Learn More</a></p>
   </article>
   <article class="pico-background-pumpkin-650">
     <h3 class="pico-color-pumpkin-50">Diversity By Inclusion</h3>
     <p class="pico-color-pumpkin-50">We encourage members to get involved beyond participation. Members can become maintainers, maintainers become leaders.</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about.html">Learn More</a></p>
   </article>
   <article class="pico-background-pumpkin-800">
     <h3 class="pico-color-pumpkin-50">Extend their reach</h3>
     <p class="pico-color-pumpkin-50">Great programs exist. Our goal is to help those programs make it our local communities.</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about.html">Learn More</a></p>
   </article>
-  <article class="pico-background-zinc-800"
-  ">
+  <article class="pico-background-zinc-800">
     <h3 class="pico-color-pumpkin-50">Say it loud!</h3>
     <p class="pico-color-pumpkin-50">Our stack and our decisions are open source by default and we share what we're doing as loudly and often as possible.</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about.html">Learn More</a></p>
   </article>
 </div>
 
diff --git a/output/index.html b/output/index.html
index 5babb84..cf7ec49 100644
--- a/output/index.html
+++ b/output/index.html
@@ -36,22 +36,22 @@ <h2>Our Mission</h2>
   <article class="pico-background-sand-100">
     <h3>Secure the bag</h3>
     <p>Establish guidance, mentorship, and career support for <em>Black Python Devs</em> Members</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about.html">Learn More</a></p>
   </article>
   <article class="pico-background-pumpkin-650">
     <h3 class="pico-color-pumpkin-50">Diversity By Inclusion</h3>
     <p class="pico-color-pumpkin-50">We encourage members to get involved beyond participation. Members can become maintainers, maintainers become leaders.</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about.html">Learn More</a></p>
   </article>
   <article class="pico-background-pumpkin-800">
     <h3 class="pico-color-pumpkin-50">Extend their reach</h3>
     <p class="pico-color-pumpkin-50">Great programs exist. Our goal is to help those programs make it our local communities.</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about.html">Learn More</a></p>
   </article>
   <article class="pico-background-zinc-800">
     <h3 class="pico-color-pumpkin-50">Say it loud!</h3>
     <p class="pico-color-pumpkin-50">Our stack and our decisions are open source by default and we share what we're doing as loudly and often as possible.</p>
-    <p><a class="contrast" href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about.html">Learn More</a></p>
   </article>
 </div>
 
@@ -68,7 +68,7 @@ <h3>About us</h3>
       <div class="footer-col">
         <h3>Quick link</h3>
         <ul>
-          <li><a href="/about/">About Us</a></li>
+          <li><a href="/about.html">About Us</a></li>
           <li><a href="/event/">Events</a></li>
           <li><a href="/community/">Community</a></li>
           <li><a href="/support/">Support</a></li>
@@ -87,7 +87,8 @@ <h3>Contact Us</h3>
       <small>&copy; now </small>
     </div>
   </div>
-</footer><script src="/assets/js/index.js"></script>
+</footer><script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/bpd.js"></script>
     <script src="https://kit.fontawesome.com/1bbe56de49.js" crossorigin="anonymous"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/about.html b/pages/about.html
similarity index 99%
rename from about.html
rename to pages/about.html
index 8cf3d97..fec6b7f 100644
--- a/about.html
+++ b/pages/about.html
@@ -2,6 +2,7 @@
 layout: default
 lang: en
 title: About Us
+slug: about
 ---
 
 <section>
