Real estate agency footer
Four-column agency footer: wordmark, short description and valuation button, page links, office address and hours, plus a license and fair housing line.
The top of the template as it renders in a browser. Images become placeholders when you import it.
When to use it
A footer for an agency that wants the basics on every page without a second navigation menu. The first column repeats the agency name and a one-sentence description of where you work, with the valuation button for sellers who scrolled to the bottom looking for it. Explore lists the five pages people look for most. Office and Hours carry the address, phone and email as real text, so they can be copied on a phone and read by search engines. The bottom line holds the legal details that many licensing rules expect on agency websites: the brokerage name, a license number and a fair housing statement. Replace the license number placeholder before anything else, then check with your broker or regulator which wording your state or country requires. Keep the address identical to your business listings elsewhere, down to the abbreviations.
What it converts to
Converted with the Native components mode. The component list below is what this template produces — not a generic example.
- Container × 8
- Container (grid) × 1
- HTML widget × 1 — the block’s scoped CSS; keep it, the layout depends on it
- Text Editor × 10
- Button × 1
- Icon List × 1
Things worth knowing
- The five Explore links convert to one Icon List with arrow icons, and each row keeps its link. That needs the “match the Elementor icon library” icon option.
- The column titles are paragraphs, not headings, so the footer does not add five extra headings to every page’s outline; they arrive as Text Editor widgets.
- Address, phone and hours stay as Text Editor widgets with line breaks. The four columns stack into one below 780px.
- For a site-wide footer, save it as a Theme Builder footer (Elementor Pro). Without Pro, paste it at the bottom of each page.
The HTML
This is the complete source. Copy it, or send it straight to the converter and adjust the options before exporting.
Show the HTML source
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Fernhollow Estates footer</title>
<style>
body{margin:0;font-family:'DM Sans',Arial,Helvetica,sans-serif;color:#e8dcc6;background:#1f3d2f}
.site-footer{background:#1f3d2f;padding:64px 0 28px}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:40px;padding:0 0 40px;border-bottom:1px solid #5f6156}
.brand{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:28px;line-height:1.15;color:#fbf8f2;margin:0 0 14px}
.about{font-size:15px;line-height:1.75;color:#e8dcc6;margin:0 0 22px;max-width:320px}
.footer-btn{display:inline-block;padding:12px 22px;border-radius:6px;background:#c49a55;color:#23261f;text-decoration:none;font-weight:700;font-size:15px}
.col-title{font-family:'DM Sans',Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c49a55;margin:0 0 16px}
.links{display:flex;flex-direction:column;gap:10px}
.links > div{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.6}
.links a{color:#fbf8f2;text-decoration:none}
.arrow{color:#c49a55;font-size:14px;line-height:1.7}
.office{font-size:15px;line-height:1.75;color:#e8dcc6;margin:0 0 12px}
.legal{display:flex;justify-content:space-between;gap:24px;padding:24px 0 0}
.legal p{margin:0;font-size:13.5px;line-height:1.7;color:#e8dcc6}
@media(max-width:780px){
.site-footer{padding:48px 0 24px}
.wrap{padding:0 16px}
.cols{grid-template-columns:minmax(0,1fr);gap:32px}
.legal{flex-direction:column;gap:8px}
}
</style>
</head>
<body>
<footer class="site-footer">
<div class="wrap">
<div class="cols">
<div>
<p class="brand">Fernhollow Estates</p>
<p class="about">An independent real estate agency selling and letting homes in Brackenford, Millbrook and the Ashgrove villages.</p>
<a class="footer-btn" href="#valuation">Book a valuation</a>
</div>
<div>
<p class="col-title">Explore</p>
<div class="links">
<div><span class="arrow">→</span><a href="#buy">Homes for sale</a></div>
<div><span class="arrow">→</span><a href="#rent">Homes to rent</a></div>
<div><span class="arrow">→</span><a href="#sell">Selling with us</a></div>
<div><span class="arrow">→</span><a href="#agents">Our agents</a></div>
<div><span class="arrow">→</span><a href="#guides">Neighborhood guides</a></div>
</div>
</div>
<div>
<p class="col-title">Office</p>
<p class="office">7 Market Square<br>Brackenford, NY 10555</p>
<p class="office">(555) 014-2290<br>[email protected]</p>
</div>
<div>
<p class="col-title">Hours</p>
<p class="office">Mon to Fri, 8:30 am to 6 pm<br>Saturday, 9 am to 4 pm<br>Sunday by appointment</p>
</div>
</div>
<div class="legal">
<p>© 2026 Fernhollow Estates. Licensed real estate broker, license no. 00-0000000.</p>
<p>We are pledged to the letter and spirit of fair housing law.</p>
</div>
</div>
</footer>
</body>
</html>
