From 78b1a3fe5de3f3427389c38aeb927aba604cf56a Mon Sep 17 00:00:00 2001
From: Franklin <franklinblanco@tutanota.com>
Date: Wed, 17 May 2023 16:45:30 -0400
Subject: [PATCH] Realtor last commit

---
 css/components/page/contact.css | 27 +++++++++++++++++++++++++++
 css/components/page/results.css |  8 ++++++--
 index.html                      |  1 +
 src/components/page/contact.rs  | 10 +++++++++-
 4 files changed, 43 insertions(+), 3 deletions(-)
 create mode 100644 css/components/page/contact.css

diff --git a/css/components/page/contact.css b/css/components/page/contact.css
new file mode 100644
index 0000000..b62c41f
--- /dev/null
+++ b/css/components/page/contact.css
@@ -0,0 +1,27 @@
+.contact-form-container-padding {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    width: 100%;
+    padding: 100px 0px;
+}
+.contact-form-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    height: 300px;
+    width: 80%;
+    padding: 20px;
+
+    background: #FCFCFC;
+    box-shadow: 0px 14px 16px rgba(0, 0, 0, 0.06);
+    border-radius: 15px;
+}
+.contact-form-title {
+    font-size: 22px;
+    font-weight: 700;
+    color: #14142B;
+}
\ No newline at end of file
diff --git a/css/components/page/results.css b/css/components/page/results.css
index 1430cfc..47c5934 100644
--- a/css/components/page/results.css
+++ b/css/components/page/results.css
@@ -1,6 +1,6 @@
 .results-container-padding {
     width: 100%;
-    
+    padding: 30px 0px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -9,24 +9,28 @@
 }
 .results-container {
     display: grid;
-    gap: 20px;
+    gap: 20px 10px;
     width: 90%;
     grid-template-columns: 1fr 1fr;
     
     grid-template-rows: repeat(6, calc((90vw / 2) - 20px));
 }
 .result-square {
+    border-radius: 10px;
     background-color: red;
 }
 .result-portrait {
+    border-radius: 10px;
     background-color: blue;
     grid-row: span 2;
 }
 .result-landscape {
+    border-radius: 10px;
     background-color: green;
     grid-column: span 2;
 }
 .result-instagram {
+    border-radius: 10px;
     background-color: yellow;
     grid-column: span 2;
     grid-row: span 2;
diff --git a/index.html b/index.html
index f41abda..87c7975 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,7 @@
         <link data-trunk type="text/css" href="css/components/page/agency.css" rel="css" />
         <link data-trunk type="text/css" href="css/components/page/search.css" rel="css" />
         <link data-trunk type="text/css" href="css/components/page/results.css" rel="css" />
+        <link data-trunk type="text/css" href="css/components/page/contact.css" rel="css" />
         
 
         <link data-trunk href="assets/text/robots.txt" rel="copy-file"/>
diff --git a/src/components/page/contact.rs b/src/components/page/contact.rs
index 5bde376..0b2045e 100644
--- a/src/components/page/contact.rs
+++ b/src/components/page/contact.rs
@@ -2,5 +2,13 @@ use yew::prelude::*;
 
 #[function_component(ContactSection)]
 pub fn contact_section() -> Html {
-    html! {}
+    html! {
+        <div class={"contact-form-container-padding"}>
+            <div class={"contact-form-container"}>
+                <div class={"contact-form-title"}>
+                    {"Contáctame"}
+                </div>
+            </div>
+        </div>
+    }
 }