diff --git a/Readme.md b/Readme.md index 7e8dffa..6a6011f 100644 --- a/Readme.md +++ b/Readme.md @@ -6,4 +6,17 @@ - [ ] Show page to client and start work on admin panel - [ ] Whatsapp button link - [ ] Contact widget should be whatsapp OR email depending on agent contact info -- [ ] Footer should have call to action? \ No newline at end of file +- [ ] Footer should have call to action? + +- [x] If no properties are found footer jumps up, shouldn't happen. +- [x] Agentes / Quienes Somos (Similar al de remax) (recordar poner a jorge ledesma de primero y despues a los demas agentes) +- [x] Que se pueda buscar por cant. de habitaciones +- [x] Cambiar unidad 1 unid 2 etc... -> Tipo A Tipo B Tipo C Etc... +- [x] Cambiar orden de el menu de unidades (poner area comun de ultimo) y quitar que se pueda varias areas comunes +- [x] Spacing de menu de unidades +- [x] Poner Features arriba de la desc y las imagenes de la unidad +- [ ] Poner el logo de remax en el footer +- [ ] Poner logos de facebook, instagram, youtube, en el footer (Sin enlaces) +- [ ] Poner boton de solicita tu prestamo, que rediriga a remax (Se te dará el enlace), abajo de el disclaimer en la página de detalles de proyecto +- [ ] Contenido statico folder de imagenes para la imagen de portada de inicio, que se roten aleatoriamente cada día +- [x] Space between Unit selection menu and unit media on empty unit features \ No newline at end of file diff --git a/css/admin-login.css b/css/admin-login.css new file mode 100644 index 0000000..e69de29 diff --git a/css/components/footer.css b/css/components/footer.css index 8a95967..e6e280c 100644 --- a/css/components/footer.css +++ b/css/components/footer.css @@ -2,11 +2,11 @@ .footer { display: flex; flex-direction: row; - justify-content: center; + justify-content: space-evenly; align-items: center; width: 100%; - height: 170px; + height: 210px; background-color: #02114A; } @@ -19,11 +19,28 @@ height: 100%; margin-left: 20px; } +.footer-remax-container { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + gap: 20px; + + height: 100%; +} .footer-logo { object-fit: cover; width: 100px; height: 100px; } +.footer-remax-logo { + position: absolute; + margin-left: 140px; + margin-top: -15px; + object-fit: cover; + width: 40px; + height: 40px; +} .footer-copyright-text { font-size: 9px; font-family: Inter; @@ -36,6 +53,7 @@ justify-content: center; align-items: center; gap: 3px; + margin-bottom: 10px; } .footer-credit { font-size: 13px; @@ -54,6 +72,26 @@ cursor: pointer; transition-duration: 0.4s; } +.footer-brand-socials { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + gap: 20px; + + width: 100%; +} +.footer-brand-social-container { + display: flex; + justify-content: center; + align-items: center; + + width: 30px; + height: 30px; + border-radius: 30px; + background-color: white; +} + /* .footer-call-to-action-container { display: flex; diff --git a/css/components/media_slideshow.css b/css/components/media_slideshow.css index 2c8c98b..480b2cc 100644 --- a/css/components/media_slideshow.css +++ b/css/components/media_slideshow.css @@ -80,4 +80,17 @@ @keyframes fade { from {opacity: .4} to {opacity: 1} - } \ No newline at end of file + } + +/* Desktop view */ +@media only screen and (min-width: 750px) { + .media-slideshow-frame { + height: 55vw; + max-height: 550px; + } +} + +/* Desktop view */ +@media only screen and (min-width: 1200px) { + +} \ No newline at end of file diff --git a/css/details.css b/css/details.css index 4589726..203ce48 100644 --- a/css/details.css +++ b/css/details.css @@ -7,7 +7,7 @@ Divide the Details page into 3 main sections: display: flex; flex-direction: column; justify-content: stretch; - align-items: start; + align-items: center; padding: 0px 15px; margin-top: 30px; } @@ -18,6 +18,7 @@ Divide the Details page into 3 main sections: justify-content: stretch; align-items: center; width: 100%; + max-width: 1000px; gap: 20px; margin-bottom: 15px; } @@ -70,9 +71,10 @@ Divide the Details page into 3 main sections: .details-body { display: flex; flex-direction: column; - justify-content: stretch; + justify-content: center; align-items: center; width: 100%; + max-width: 1000px; gap: 15px; margin-top: -10px; margin-bottom: 30px; @@ -95,14 +97,15 @@ Divide the Details page into 3 main sections: .details-body-features { display: flex; - flex-direction: column; - justify-content: stretch; - align-items: start; - gap: 25px; + flex-flow: row wrap; + flex-direction: row; + justify-content: center; + align-items: center; + gap: 3%; width: 100%; height: 200px; - margin-bottom: 60px; + margin: 20px 0px; } .details-body-feature-item { @@ -114,6 +117,7 @@ Divide the Details page into 3 main sections: font-family: Inter; font-size: 24px; + width: clamp(200px, calc(100% * (0.40) - 10px), 1000px); } .details-body-feature-item-icon-container { @@ -162,10 +166,9 @@ Divide the Details page into 3 main sections: .details-body-units-selection-container { display: flex; flex-direction: row; - justify-content: center; + justify-content: space-evenly; align-items: center; flex-wrap: wrap; - gap: 30px; width: 100%; } @@ -214,20 +217,26 @@ Divide the Details page into 3 main sections: color: rgba(34, 34, 34, 0.873); } -.details-body-unit-features { - display: flex; - flex-direction: column; - justify-content: stretch; - align-items: start; - gap: 25px; - - width: 100%; - height: 200px; - margin-bottom: 60px; -} - .details-body-disclaimer { width: 100%; font-size: 13px; font-family: Inter; +} + +/* Desktop view */ +@media only screen and (min-width: 750px) { + .details-body-units-media-slideshow-frame { + height: 55vw; + max-height: 550px; + } + .details-body-features { + flex-direction: row; + flex-flow: row wrap; + justify-content: center; + align-items: center; + } +} +/* Desktop view */ +@media only screen and (min-width: 1200px) { + } \ No newline at end of file diff --git a/css/navbar.css b/css/navbar.css index bf5f1fa..e59b73a 100644 --- a/css/navbar.css +++ b/css/navbar.css @@ -117,6 +117,9 @@ padding-bottom: 10px; font-family: Space Grotesk; } +.navbar-item-selected:hover { + cursor: default; +} .navbar-item:hover { background-color: #ffffff14; font-size: 13pt; @@ -207,6 +210,7 @@ padding-bottom: 10px; font-family: Source Sans Pro; font-weight: bold; + } .navbar-item:hover { diff --git a/css/search.css b/css/search.css index de81730..0fc2a63 100644 --- a/css/search.css +++ b/css/search.css @@ -92,7 +92,7 @@ .project-search-button { margin-top: 20px; height: 50px; - background-color: #5D6A73; + background-color: #02114A; color: white; border: 0px; border-radius: 5px; @@ -105,7 +105,6 @@ cursor: pointer; font-size: 24px; transition-duration: 0.3s; - background-color: #252631; } /* Results */ diff --git a/index.html b/index.html index 9a021c8..f5b9c17 100644 --- a/index.html +++ b/index.html @@ -10,10 +10,13 @@ + + + diff --git a/src/components/footer.rs b/src/components/footer.rs index fdb3b5f..0764025 100644 --- a/src/components/footer.rs +++ b/src/components/footer.rs @@ -5,7 +5,21 @@ pub fn page_footer() -> Html { html! {
- + - +