.artboard { display: flex; flex-direction: column; width: 700px; height: 1989px; align-items: center; justify-content: center; gap: 35px; position: relative; background-color: #ffffff; } .artboard .header { position: relative; width: 700px; height: 308px; } .artboard .listings-and { display: flex; width: 700px; height: 490px; align-items: center; justify-content: center; padding: 0px 10px; position: relative; background-color: #ffffff; } .artboard .listing { display: flex; flex-direction: column; width: 349px; height: 490px; align-items: center; justify-content: center; gap: 15px; padding: 0px 20px; position: relative; margin-left: -9px; } .artboard .div { display: flex; flex-direction: column; width: 305px; height: 490px; align-items: center; justify-content: center; gap: 12px; position: relative; } .artboard .MB-accent { position: relative; width: 13.6px; height: 31px; background-image: url(./img/MB-accent-5-2.png); background-size: cover; background-position: 50% 50%; } .artboard .open-house { width: 159px; display: flex; height: 14px; align-items: center; justify-content: center; gap: 10px; position: relative; } .artboard .text-wrapper { position: relative; width: 159px; height: 14px; margin-top: -1px; font-family: "Paralucent Text-Book", Helvetica; font-weight: 400; color: #000000; font-size: 12px; text-align: center; letter-spacing: 0; line-height: normal; white-space: nowrap; } .artboard .listing-image { position: relative; width: 305px; height: 215px; background-image: url(./img/cid675608b3-88a9-4a0e-b4ce-134db1ac1690-1-1-3.png); background-size: cover; background-position: 50% 50%; } .artboard .listing-name { position: relative; width: 305px; height: 18px; } .artboard .pierce-at-the { width: 305px; top: -1px; font-weight: 300; color: #000000; font-size: 18px; text-align: center; line-height: normal; white-space: nowrap; position: absolute; left: 0; font-family: "Larken-Light", Helvetica; letter-spacing: 0; } .artboard .line { position: relative; width: 305px; height: 1px; object-fit: cover; } .artboard .listing-address { position: relative; width: 305px; height: 31px; } .artboard .element-n-pierce-street { position: absolute; width: 305px; height: 31px; top: -1px; left: 0; font-family: "Paralucent Text-Book", Helvetica; font-weight: 400; color: #000000; font-size: 12px; text-align: center; letter-spacing: 0; line-height: 16px; } .artboard .home-details { display: flex; width: 305px; align-items: center; justify-content: center; gap: 10px; height: 45px; position: relative; } .artboard .text-wrapper-2 { width: 150px; margin-top: -1px; margin-left: -2.5px; font-family: "Larken-Light", Helvetica; font-weight: 300; color: #000000; font-size: 14px; text-align: center; letter-spacing: 0; line-height: 25px; height: 45px; position: relative; } .artboard .p { position: relative; width: 150px; height: 45px; margin-top: -1px; margin-right: -2.5px; font-family: "Larken-Light", Helvetica; font-weight: 300; color: #000000; font-size: 14px; text-align: center; letter-spacing: 0; line-height: 25px; } .artboard .CTA { all: unset; box-sizing: border-box; position: relative; width: 305px; height: 40px; background-color: #000000; border-radius: 10px; } .artboard .contact { left: 108px; position: absolute; top: 10px; font-family: "Paralucent Text-Book", Helvetica; font-weight: 400; color: #ffffff; font-size: 14px; text-align: center; letter-spacing: 0; line-height: normal; text-decoration: underline; } .artboard .listing-wrapper { display: flex; flex-direction: column; width: 349px; height: 490px; align-items: center; justify-content: center; gap: 15px; padding: 0px 20px; position: relative; margin-right: -9px; } .artboard .MB-accent-2 { position: relative; width: 13.6px; height: 31px; background-image: url(./img/MB-accent-5.png); background-size: cover; background-position: 50% 50%; } .artboard .OPEN-SATURDAY-wrapper { width: 234px; display: flex; height: 14px; align-items: center; justify-content: center; gap: 10px; position: relative; } .artboard .OPEN-SATURDAY { position: relative; width: 234px; height: 14px; margin-top: -1px; font-family: "Paralucent Text-Book", Helvetica; font-weight: 400; color: #000000; font-size: 12px; text-align: center; letter-spacing: 0; line-height: normal; white-space: nowrap; } .artboard .listing-image-2 { position: relative; width: 305px; height: 215px; background-image: url(./img/cid675608b3-88a9-4a0e-b4ce-134db1ac1690-1-1-2.png); background-size: cover; background-position: 50% 50%; } .artboard .home-details-2 { display: flex; width: 310px; height: 45px; align-items: center; justify-content: center; gap: 10px; position: relative; margin-left: -2.5px; margin-right: -2.5px; } .artboard .text-wrapper-3 { position: relative; width: 150px; height: 45px; margin-top: -1px; font-family: "Larken-Light", Helvetica; font-weight: 300; color: #000000; font-size: 14px; text-align: center; letter-spacing: 0; line-height: 25px; } .artboard .contact-2 { left: 107px; position: absolute; top: 10px; font-family: "Paralucent Text-Book", Helvetica; font-weight: 400; color: #ffffff; font-size: 14px; text-align: center; letter-spacing: 0; line-height: normal; text-decoration: underline; } .artboard .MB-accent-3 { position: relative; width: 13.6px; height: 31px; background-image: url(./img/image.png); background-size: cover; background-position: 50% 50%; } .artboard .div-wrapper { display: flex; width: 122px; height: 14px; align-items: center; justify-content: center; gap: 10px; position: relative; } .artboard .text-wrapper-4 { position: relative; width: fit-content; margin-top: -1px; font-family: "Paralucent Text-Book", Helvetica; font-weight: 400; color: #000000; font-size: 12px; text-align: center; letter-spacing: 0; line-height: normal; white-space: nowrap; } .artboard .listing-image-3 { position: relative; width: 305px; height: 215px; background-image: url(./img/cid675608b3-88a9-4a0e-b4ce-134db1ac1690-1-1-4.png); background-size: cover; background-position: 50% 50%; } .artboard .contact-3 { left: 102px; position: absolute; top: 10px; font-family: "Paralucent Text-Book", Helvetica; font-weight: 400; color: #ffffff; font-size: 14px; text-align: center; letter-spacing: 0; line-height: normal; text-decoration: underline; } .artboard .MB-accent-4 { position: relative; width: 13.6px; height: 31px; background-image: url(./img/MB-accent-5-3.png); background-size: cover; background-position: 50% 50%; } .artboard .listing-image-4 { position: relative; width: 305px; height: 215px; background-image: url(./img/cid675608b3-88a9-4a0e-b4ce-134db1ac1690-1-1.png); background-size: cover; background-position: 50% 50%; } .artboard .contact-4 { left: 104px; position: absolute; top: 10px; font-family: "Paralucent Text-Book", Helvetica; font-weight: 400; color: #ffffff; font-size: 14px; text-align: center; letter-spacing: 0; line-height: normal; text-decoration: underline; } .artboard .footer { display: flex; flex-direction: column; width: 700px; height: 601px; align-items: center; justify-content: center; position: relative; background-color: #000000; mix-blend-mode: normal; } .artboard .costal { position: relative; width: 700px; height: 157px; margin-top: -2px; } .artboard .rectangle { position: absolute; width: 700px; height: 145px; top: 1px; left: 0; object-fit: cover; } .artboard .plan-for-summer { position: absolute; width: 655px; height: 57px; top: 33px; left: 22px; font-family: "Larken-Light", Helvetica; font-weight: 300; color: #000000; font-size: 21px; text-align: center; line-height: 30px; } .artboard .span { letter-spacing: 0; } .artboard .text-wrapper-5 { font-size: 15px; letter-spacing: 0.02px; } .artboard .rectangle-2 { position: absolute; width: 700px; height: 42px; top: 105px; left: 0; background-color: #000000; } .artboard .rectangle-3 { position: absolute; width: 656px; height: 51px; top: 85px; left: 22px; background-color: #f2f0eb; } .artboard .kevin-footer { position: relative; width: 596px; height: 448px; margin-bottom: -2px; } .artboard .kevinmcduffie { position: absolute; width: 192px; height: 257px; top: 33px; left: 358px; } .artboard .EHO-and-realtor { display: flex; width: 54px; height: 47px; align-items: center; justify-content: center; gap: 2px; position: absolute; top: 391px; left: 534px; } .artboard .EHO-WHT { position: relative; width: 29px; height: 21px; } .artboard .realtor-WHT { position: relative; width: 23px; height: 22px; object-fit: cover; } .artboard .img { position: absolute; width: 575px; top: 6px; left: 10px; height: 1px; object-fit: cover; } .artboard .kevin-mcduffie { width: 277px; top: 46px; font-weight: 400; color: #ffffff; font-size: 25px; line-height: 20px; position: absolute; left: 0; font-family: "Larken-Light", Helvetica; letter-spacing: 0; } .artboard .text-wrapper-6 { font-weight: 300; } .artboard .text-wrapper-7 { font-family: "Paralucent Text-Regular", Helvetica; font-size: 13px; } .artboard .email-kmcduffie-mcwb { position: absolute; width: 277px; top: 106px; left: 0; font-family: "Paralucent Text-Regular", Helvetica; font-weight: 400; color: #ffffff; font-size: 13px; letter-spacing: 0; line-height: 20px; } .artboard .text-wrapper-8 { font-family: "Paralucent Text-Regular", Helvetica; font-weight: 400; color: #ffffff; font-size: 13px; letter-spacing: 0; line-height: 20px; } .artboard .text-wrapper-9 { text-decoration: underline; } .artboard .disclaimer-subject { position: absolute; width: 502px; top: 370px; left: 0; font-family: "Paralucent Text-Book", Helvetica; font-weight: 400; color: #ffffff; font-size: 9px; letter-spacing: 0; line-height: 13px; } .artboard .www-MCWB-com { position: absolute; width: 550px; top: 300px; left: 0; font-family: "Paralucent Text-Regular", Helvetica; font-weight: 400; color: #ffffff; font-size: 13px; letter-spacing: 0; line-height: 20px; } .artboard .line-2 { position: absolute; width: 122px; top: 292px; left: 0; height: 1px; object-fit: cover; }
OPEN SATURDAY 11AM-1PM
PIERCE AT THE HIGHLANDS

1781 N. PIERCE STREET
ARLINGTON, VA 22209

HOME #2302
2-BED/2-BATH

1,690 SQ. FT.
PRICED AT $2,099,900

OPEN SATURDAY 2-4PM & SUNDAY 1-3PM

1688 OAK STREET

1688 OAK STREET NW
WASHINGTON, DC 20010

HOME #22
3-BED/2.5-BATH

1,700 SQ. FT.
PRICED AT $799,000

OPEN SUNDAY 1-3PM
THE BARKER

2310 4TH STREET NE
WASHINGTON, DC 20002

HOME #13
1-BED/1-BATH

512 SQ. FT.
PRICED AT $339,900

OPEN SUNDAY 1-3PM
2525 PENN

2525 PENNSYLVANIA AVENUE NW
WASHINGTON, DC 20037

HOME #305
1BR/1BA/DUPLEX

667 SQ. FT.
PRICED AT $604,900