Photographer footer
Light centered footer with the name, the four anchor links repeated, email and phone, social names as text and a small-print row.
The top of the template as it renders in a browser. Images become placeholders when you import it.
When to use it
A quiet closing band for the bottom of the one page. It repeats the name and a one-line description of what and where you photograph, the same four anchor links as the header so that someone who has read to the end can jump back to the packages without scrolling, and the two contact details couples look for when they would rather write than fill in a form. Social channels are listed by name, and a small-print row carries the copyright line and links to your privacy policy and booking terms — worth having, because the form collects names, wedding dates and venues. Replace the email and phone first and make them match the contact section exactly. Many couples check Instagram for recent work before they write, so make that name a link to your profile after import; it does not need an icon to be useful.
What it converts to
Converted with the Native components mode. The component list below is what this template produces — not a generic example.
- Container × 5
- HTML widget × 1 — the block’s scoped CSS; keep it, the layout depends on it
- Text Editor × 10
Things worth knowing
- Every line converts to a Text Editor widget — the name, the description, the four anchor links, the contact line, the social names and the small print — so there are no Buttons or Headings to restyle.
- The links keep their targets #work, #about, #packages and #contact unchanged, so they scroll once the one page’s sections carry those CSS IDs.
- Paste it at the bottom of the one page, or use it as an Elementor Theme Builder footer template if you have Elementor Pro. Below 780px the small-print row stacks and centers.
- Instagram, Pinterest and Newsletter are plain text; add links in the Text Editor or replace the line with a Social Icons widget after import.
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>Photographer footer</title>
<style>
body{margin:0;font-family:'Work Sans',Helvetica,Arial,sans-serif;color:#2e2a33;background:#f3ece8}
.foot{background:#f3ece8;padding:72px 0 32px;text-align:center}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.brand{margin:0 0 10px;font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:500;color:#2e2a33}
p{margin:0 0 8px;font-size:15px;line-height:1.7;color:#6f6870}
.links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 36px;margin:28px 0 28px}
.links a{color:#2e2a33;text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.social{color:#8e5559;font-size:14px;letter-spacing:.06em}
.small{margin:40px 0 0;padding:22px 0 0;border-top:1px solid #e6d3cd;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.small p{margin:0;font-size:13px}
@media(max-width:780px){.foot{padding:52px 0 26px}.wrap{padding:0 16px}.brand{font-size:26px}.links{gap:12px 22px}.small{flex-direction:column;align-items:center;gap:6px}}
</style>
</head>
<body>
<footer class="foot">
<div class="wrap">
<p class="brand">Hattie Calloway Photography</p>
<p>Weddings, elopements and portraits in Alder Bay and along the coast.</p>
<nav class="links" aria-label="Footer">
<a href="#work">Work</a>
<a href="#about">About</a>
<a href="#packages">Packages</a>
<a href="#contact">Contact</a>
</nav>
<p>[email protected] · (555) 018-4420</p>
<p class="social">Instagram · Pinterest · Newsletter</p>
<div class="small">
<p>© 2026 Hattie Calloway Photography. All photographs are the property of the photographer.</p>
<p>Privacy policy · Booking terms</p>
</div>
</div>
</footer>
</body>
</html>
