From 7172ee67352fc18c52f59509eee764bb8a8b6329 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Manuel=20Cortes=20Cer=C3=B3n?=
 <joseecodm@gmail.com>
Date: Tue, 1 Jul 2025 10:03:11 -0600
Subject: [PATCH] feat: add Contact section content

---
 index.html | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/index.html b/index.html
index dfd6e85..3e66074 100644
--- a/index.html
+++ b/index.html
@@ -432,6 +432,43 @@ <h3 class="h3 blog-item-title">Course: Functional programming in C++</h3>
                     </ul>
                 </section>
             </article>
+            <article class="contact " data-page="contact">
+                <header>
+                    <h2 class="h2 article-title">Contact</h2>
+                </header>
+
+                <section class="mapbox" data-mapbox>
+                    <figure>
+                        <iframe
+                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7488.5237373794635!2d-99.22058886038099!3d20.206436406638502!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d3d66879fea89d%3A0xdd896a66614b30fb!2sITSOEH!5e0!3m2!1ses-419!2smx!4v1748557719533!5m2!1ses-419!2smx"
+                            width="400" height="300" loading="lazy">
+                        </iframe>
+                    </figure>
+                </section>
+
+                <section class="contact-form">
+                    <h3 class="h3 form-title">Contact Form</h3>
+
+                    <form action="#" class="form" data-form>
+                        <div class="input-wrapper">
+                            <input type="text" name="fullname" class="form-input" placeholder="Full name" required
+                                data-form-input>
+                            <input type="email" name="email" class="form-input" placeholder="Email Address" required
+                                data-form-input>
+                        </div>
+
+                        <textarea name="message" class="form-input" placeholder="Your Message" required
+                            data-form-input=""></textarea>
+
+                        <button class="form-btn" type="submit" disabled data-form-btn>
+                            <ion-icon name="paper-plane"></ion-icon>
+                            <span>Send Message</span>
+                        </button>
+                    </form>
+                </section>
+            </article>
+        </div>
+    </main>
 </body>
 
 </html>
\ No newline at end of file