franklinblanco/realtor-lp-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Realtor last commit

Browse Source
This commit is contained in:
Franklin 2023-05-17 16:45:30 -04:00
parent c3cb0b8add
commit 78b1a3fe5d
4 changed files with 43 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
css/components/page/contact.css Normal file
View File

@ -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;
}

8
css/components/page/results.css
View File

@ -1,6 +1,6 @@
.results-container-padding { .results-container-padding {
width: 100%; width: 100%;
padding: 30px 0px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -9,24 +9,28 @@
} }
.results-container { .results-container {
display: grid; display: grid;
gap: 20px; gap: 20px 10px;
width: 90%; width: 90%;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(6, calc((90vw / 2) - 20px)); grid-template-rows: repeat(6, calc((90vw / 2) - 20px));
} }
.result-square { .result-square {
border-radius: 10px;
background-color: red; background-color: red;
} }
.result-portrait { .result-portrait {
border-radius: 10px;
background-color: blue; background-color: blue;
grid-row: span 2; grid-row: span 2;
} }
.result-landscape { .result-landscape {
border-radius: 10px;
background-color: green; background-color: green;
grid-column: span 2; grid-column: span 2;
} }
.result-instagram { .result-instagram {
border-radius: 10px;
background-color: yellow; background-color: yellow;
grid-column: span 2; grid-column: span 2;
grid-row: span 2; grid-row: span 2;

1
index.html
View File

@ -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/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/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/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"/> <link data-trunk href="assets/text/robots.txt" rel="copy-file"/>

10
src/components/page/contact.rs
View File

@ -2,5 +2,13 @@ use yew::prelude::*;
#[function_component(ContactSection)] #[function_component(ContactSection)]
pub fn contact_section() -> Html { 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>
}
} }