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

Agency

Browse Source
This commit is contained in:
Franklin 2023-05-10 17:15:04 -04:00
parent c52f2f43ab
commit cf48f53536
5 changed files with 56 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/remax-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

40
css/components/page/agency.css Normal file
View File

@ -0,0 +1,40 @@
.agency-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0px;
background-color: #E3F0FF;
width: 100%;
padding: 25px 0px;
margin-top: 50px;
}
.agency-head-1 {
font-family: Ubuntu;
font-size: 13px;
font-weight: 500;
margin-bottom: -5px;
color: #26306B;
}
.agency-head-2 {
font-family: Ubuntu;
font-size: 24px;
font-weight: 800;
color: #26306B;
}
.agency-logo {
margin: 10px 0px;
object-fit: cover;
width: 50vw;
}
.agency-body {
font-size: 11px;
font-weight: 400;
text-align: center;
margin: 0px 40px;
}

4
css/components/page/hero.css
View File

@ -48,7 +48,7 @@
} }
.hero-title { .hero-title {
font-size: 14px; font-size: 14px;
font-weight: 200; font-weight: 500;
color: #26306B; color: #26306B;
} }
.hero-about-me-container { .hero-about-me-container {
@ -63,7 +63,7 @@
margin-top: 40px; margin-top: 40px;
} }
.hero-about-me-title { .hero-about-me-title {
font-size: 28px; font-size: 34px;
font-weight: 800; font-weight: 800;
color: #26306B; color: #26306B;
font-family: Ubuntu; font-family: Ubuntu;

1
index.html
View File

@ -14,6 +14,7 @@
<link data-trunk type="text/css" href="css/components/footer.css" rel="css" /> <link data-trunk type="text/css" href="css/components/footer.css" rel="css" />
<link data-trunk type="text/css" href="css/components/navbar.css" rel="css" /> <link data-trunk type="text/css" href="css/components/navbar.css" rel="css" />
<link data-trunk type="text/css" href="css/components/page/hero.css" rel="css" /> <link data-trunk type="text/css" href="css/components/page/hero.css" rel="css" />
<link data-trunk type="text/css" href="css/components/page/agency.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"/>

13
src/components/page/agency.rs
View File

@ -3,6 +3,17 @@ use yew::prelude::*;
#[function_component(AgencySection)] #[function_component(AgencySection)]
pub fn agency_section() -> Html { pub fn agency_section() -> Html {
html! { html! {
<div class={"agency-container"}>
<div class={"agency-head-1"}>
{"Meet Our"}
</div>
<div class={"agency-head-2"}>
{"Partner"}
</div>
<img class={"agency-logo"} src={"images/remax-logo.png"} alt={"agency-logo"}/>
<div class="agency-body">
{"Lorem ipsum dolor sit amet consectetur. Laoreet pellentesque sit a est ac semper. Amet nec id luctus ipsum. Risus ullamcorper amet consequat enim. Habitasse enim volutpat nisi fringilla ac diam rhoncus. Nulla integer augue venenatis ut fames. Consectetur pharetra leo non odio senectus interdum. Sit hendrerit id facilisis lacus scelerisque. Vel posuere mattis commodo dui id diam lorem ut amet. "}
</div>
</div>
} }
} }