Saxon Steel \u2014 Roofing & Cladding Steel Products<\/title>\n<meta name=\"description\" content=\"Saxon Steel \u2014 supplier of metal roofing, standing seam panels, facade cladding, roof tiles and flashing accessories. Get in touch for a quote.\">\n<meta name=\"theme-color\" content=\"#0A6EB2\">\n\n\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:title\" content=\"Saxon Steel \u2014 Roofing & Cladding Steel Products\">\n<meta property=\"og:description\" content=\"Metal roofing, cladding panels, tiles and flashing accessories. Get in touch for a quote.\">\n<meta property=\"og:locale\" content=\"en_GB\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"Saxon Steel \u2014 Roofing & Cladding Steel Products\">\n<meta name=\"twitter:description\" content=\"Metal roofing and cladding steel products. Get in touch.\">\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Saxon Steel\",\n \"url\": \"https:\/\/saxon-steel.com\/\",\n \"description\": \"Supplier of metal roofing and cladding steel products.\",\n \"email\": \"info@saxon-steel.com\"\n}\n<\/script>\n\n<style>\n \/* ---------- Reset \/ base ---------- *\/\n *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}\n img{max-width:100%;display:block}\n a{color:inherit;text-decoration:none}\n ul{list-style:none}\n\n \/* ---------- Brand tokens ---------- *\/\n :root{\n --blue:#0A6EB2;\n --blue-dark:#075382;\n --blue-tint:#EAF3FA;\n --ink:#101820;\n --ink-soft:#4A5560;\n --white:#FFFFFF;\n --line:#E1E8EE;\n --radius:10px;\n --maxw:1160px;\n }\n\n body{\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Inter,Arial,sans-serif;\n color:var(--ink);\n background:var(--white);\n line-height:1.55;\n }\n\n h1,h2,h3{\n font-family:Georgia,\"Times New Roman\",serif;\n font-weight:700;\n letter-spacing:-0.01em;\n line-height:1.15;\n color:var(--ink);\n }\n\n .container{max-width:var(--maxw);margin:0 auto;padding:0 20px}\n\n \/* ---------- Buttons ---------- *\/\n .btn{\n display:inline-flex;align-items:center;justify-content:center;gap:8px;\n padding:14px 26px;\n border-radius:8px;\n font-size:16px;\n font-weight:600;\n border:2px solid transparent;\n cursor:pointer;\n min-height:48px; \/* Fitts's Law: comfortable tap target *\/\n transition:background-color .15s ease,color .15s ease,border-color .15s ease;\n white-space:nowrap;\n }\n .btn-primary{background:var(--white);color:var(--blue-dark);border-color:var(--white)}\n .btn-primary:hover{background:transparent;color:var(--white);border-color:var(--white)}\n .btn-solid{background:var(--blue);color:var(--white);border-color:var(--blue)}\n .btn-solid:hover{background:var(--blue-dark);border-color:var(--blue-dark)}\n .btn-outline{background:transparent;color:var(--blue);border-color:var(--blue)}\n .btn-outline:hover{background:var(--blue);color:var(--white)}\n .btn-block{width:100%}\n\n \/* ---------- Header ---------- *\/\n header.site-header{\n position:sticky;top:0;z-index:50;\n background:var(--white);\n border-bottom:1px solid var(--line);\n }\n .header-row{\n display:flex;align-items:center;justify-content:space-between;\n height:72px;\n gap:16px;\n }\n .brand{display:flex;align-items:center;gap:10px}\n .brand-mark{\n width:40px;height:40px;border-radius:8px;\n background:var(--blue);\n display:flex;align-items:center;justify-content:center;\n color:#fff;font-weight:800;font-size:18px;font-family:Georgia,serif;\n flex:none;\n }\n .brand-text{line-height:1.1}\n .brand-name{font-weight:800;font-size:18px;letter-spacing:.02em;color:var(--ink)}\n .brand-tag{font-size:11px;color:var(--ink-soft);letter-spacing:.03em;text-transform:uppercase}\n\n nav.main-nav{display:none;gap:28px;font-size:15px;font-weight:600;color:var(--ink-soft)}\n nav.main-nav a:hover{color:var(--blue)}\n\n .header-actions{display:flex;align-items:center;gap:10px}\n .header-phone{\n display:none;\n font-weight:700;color:var(--blue-dark);font-size:15px;\n }\n\n @media (min-width:860px){\n nav.main-nav{display:flex}\n .header-phone{display:inline-block}\n }\n\n \/* ---------- Hero (renders instantly \u2014 no JS, no fade-in, no image download) ---------- *\/\n .hero{\n position:relative;\n background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue) 60%,#0c88d6 100%);\n color:#fff;\n overflow:hidden;\n }\n \/* Lightweight inline SVG beam pattern \u2014 costs nothing to download, paints immediately *\/\n .hero-pattern{\n position:absolute;inset:0;\n opacity:.16;\n background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120' viewBox='0 0 120 120'><g stroke='%23FFFFFF' stroke-width='2' fill='none'><path d='M0 60H120'\/><path d='M60 0V120'\/><path d='M0 0L120 120'\/><path d='M120 0L0 120'\/><\/g><\/svg>\");\n background-size:120px 120px;\n pointer-events:none;\n }\n .hero-inner{\n position:relative;\n padding:64px 0 56px;\n }\n .hero h1{\n color:#fff;\n font-size:34px;\n max-width:16ch;\n }\n .hero p.lede{\n margin-top:16px;\n font-size:17px;\n max-width:52ch;\n color:#EAF3FA;\n }\n .hero-ctas{\n margin-top:28px;\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n }\n .hero-strip{\n position:relative;\n margin-top:36px;\n display:grid;\n grid-template-columns:1fr;\n gap:14px;\n border-top:1px solid rgba(255,255,255,.25);\n padding-top:24px;\n }\n .hero-strip-item{font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px}\n .dot{width:8px;height:8px;border-radius:50%;background:#fff;flex:none}\n\n @media (min-width:640px){\n .hero h1{font-size:44px}\n .hero-strip{grid-template-columns:repeat(3,1fr)}\n }\n @media (min-width:860px){\n .hero-inner{padding:96px 0 80px}\n .hero h1{font-size:52px;max-width:18ch}\n }\n\n \/* ---------- Section shell ---------- *\/\n section{padding:64px 0}\n .section-head{max-width:640px;margin-bottom:36px}\n .eyebrow{\n display:inline-block;\n font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;\n color:var(--blue);\n margin-bottom:10px;\n }\n .section-head h2{font-size:28px}\n @media (min-width:860px){ .section-head h2{font-size:34px} }\n .section-head p{margin-top:12px;color:var(--ink-soft);font-size:16px}\n\n \/* ---------- Services grid ---------- *\/\n .grid{display:grid;grid-template-columns:1fr;gap:20px}\n @media (min-width:640px){ .grid{grid-template-columns:repeat(2,1fr)} }\n @media (min-width:960px){ .grid.cols-3{grid-template-columns:repeat(3,1fr)} }\n\n .card{\n border:1px solid var(--line);\n border-radius:var(--radius);\n padding:26px;\n background:var(--white);\n transition:border-color .15s ease, box-shadow .15s ease;\n }\n .card:hover{border-color:var(--blue);box-shadow:0 6px 20px rgba(10,110,178,.08)}\n .card-icon{\n width:44px;height:44px;border-radius:8px;\n background:var(--blue-tint);\n color:var(--blue);\n display:flex;align-items:center;justify-content:center;\n margin-bottom:16px;\n font-size:20px;font-weight:800;\n }\n .card h3{font-size:19px;margin-bottom:8px}\n .card p{color:var(--ink-soft);font-size:15px}\n\n \/* ---------- Why us \/ about ---------- *\/\n .about-wrap{\n display:grid;grid-template-columns:1fr;gap:36px;\n }\n @media (min-width:860px){ .about-wrap{grid-template-columns:1.1fr .9fr} }\n .about-copy p{margin-bottom:14px;color:var(--ink-soft);font-size:16px}\n .stat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}\n .stat{border-left:3px solid var(--blue);padding-left:14px}\n .stat b{display:block;font-size:26px;color:var(--blue-dark);font-family:Georgia,serif}\n .stat span{font-size:13px;color:var(--ink-soft)}\n\n .bg-tint{background:var(--blue-tint)}\n\n \/* ---------- CTA band ---------- *\/\n .cta-band{\n background:var(--blue);\n color:#fff;\n border-radius:16px;\n padding:40px 28px;\n display:flex;flex-direction:column;gap:18px;\n align-items:flex-start;\n }\n .cta-band h2{color:#fff;font-size:26px}\n .cta-band p{color:#EAF3FA;font-size:15px;max-width:48ch}\n .cta-band-actions{display:flex;flex-wrap:wrap;gap:12px}\n @media (min-width:860px){\n .cta-band{flex-direction:row;align-items:center;justify-content:space-between;padding:44px 48px}\n .cta-band-text{max-width:56%}\n }\n\n \/* ---------- Contact ---------- *\/\n .contact-wrap{display:grid;grid-template-columns:1fr;gap:32px}\n @media (min-width:900px){ .contact-wrap{grid-template-columns:.9fr 1.1fr} }\n\n .contact-card{\n background:var(--ink);\n color:#fff;\n border-radius:var(--radius);\n padding:32px;\n }\n .contact-card h3{color:#fff;font-size:20px;margin-bottom:18px}\n .contact-list{display:flex;flex-direction:column;gap:16px}\n .contact-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px}\n .contact-list .ico{\n width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.1);\n display:flex;align-items:center;justify-content:center;flex:none;color:var(--white);\n font-size:16px;\n }\n .contact-list a:hover{color:var(--blue-tint);text-decoration:underline}\n .contact-note{margin-top:20px;font-size:13px;color:#B8C2CC}\n\n \/* ---------- Form ---------- *\/\n .form{\n border:1px solid var(--line);\n border-radius:var(--radius);\n padding:28px;\n }\n .field{margin-bottom:16px}\n .field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--ink)}\n .req{color:var(--blue)}\n .opt{font-weight:400;color:var(--ink-soft);font-size:13px}\n .field input,.field textarea{\n width:100%;\n padding:12px 14px;\n border:1px solid var(--line);\n border-radius:8px;\n font-size:15px;\n font-family:inherit;\n color:var(--ink);\n background:#fff;\n }\n .field input:focus,.field textarea:focus{\n outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,110,178,.15);\n }\n .row2{display:grid;grid-template-columns:1fr;gap:16px}\n @media (min-width:600px){ .row2{grid-template-columns:1fr 1fr} }\n .hp-field{position:absolute;left:-9999px;top:-9999px}\n .consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink-soft);margin-bottom:20px}\n .consent input{margin-top:3px}\n .form-status{margin-top:12px;font-size:14px;color:var(--ink-soft)}\n\n \/* ---------- Footer ---------- *\/\n footer{\n border-top:1px solid var(--line);\n padding:28px 0;\n }\n .footer-row{\n display:flex;flex-direction:column;gap:12px;\n font-size:13px;color:var(--ink-soft);\n }\n @media (min-width:640px){\n .footer-row{flex-direction:row;align-items:center;justify-content:space-between}\n }\n .footer-links{display:flex;gap:18px}\n .footer-links a:hover{color:var(--blue)}\n\n \/* ---------- Sticky mobile call bar ---------- *\/\n .mobile-callbar{\n position:fixed;left:0;right:0;bottom:0;z-index:60;\n display:flex;gap:10px;\n padding:10px 14px;\n background:#fff;\n border-top:1px solid var(--line);\n box-shadow:0 -6px 16px rgba(0,0,0,.06);\n }\n .mobile-callbar .btn{flex:1;padding:12px 10px;font-size:14px}\n @media (min-width:860px){ .mobile-callbar{display:none} }\n @media (max-width:859px){ body{padding-bottom:72px} }\n<\/style>\n<\/head>\n<body>\n\n<header class=\"site-header\">\n <div class=\"container header-row\">\n <a href=\"#top\" class=\"brand\" aria-label=\"Saxon Steel home\">\n <span class=\"brand-mark\">SS<\/span>\n <span class=\"brand-text\">\n <span class=\"brand-name\">SAXON STEEL<\/span><br>\n <span class=\"brand-tag\">Roofing & Cladding Products<\/span>\n <\/span>\n <\/a>\n\n <nav class=\"main-nav\" aria-label=\"Primary\">\n <a href=\"#services\">Services<\/a>\n <a href=\"#about\">About<\/a>\n <a href=\"#contact\">Contact<\/a>\n <\/nav>\n\n <div class=\"header-actions\">\n <a class=\"header-phone\" href=\"tel:+441000000000\">01000 000 000<\/a>\n <a class=\"btn btn-solid\" href=\"#contact\">Get in touch<\/a>\n <\/div>\n <\/div>\n<\/header>\n\n<main id=\"top\">\n\n \n <section class=\"hero\">\n <div class=\"hero-pattern\" aria-hidden=\"true\"><\/div>\n <div class=\"container hero-inner\">\n <h1>Metal roofing & cladding, built to last<\/h1>\n <p class=\"lede\">\n Saxon Steel supplies metal roof sheets, standing seam panels, roof tiles\n and facade cladding \u2014 with the flashing, trims and accessories to\n finish the job properly, first time.\n <\/p>\n <div class=\"hero-ctas\">\n <a class=\"btn btn-primary\" href=\"#contact\">Get in touch<\/a>\n <a class=\"btn btn-outline\" style=\"border-color:#fff;color:#fff\" href=\"mailto:info@saxon-steel.com\">Request a quote<\/a>\n <\/div>\n <div class=\"hero-strip\">\n <div class=\"hero-strip-item\"><span class=\"dot\"><\/span>Metal roofing & cladding<\/div>\n <div class=\"hero-strip-item\"><span class=\"dot\"><\/span>Wide colour & profile range<\/div>\n <div class=\"hero-strip-item\"><span class=\"dot\"><\/span>Straightforward quotes<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"eyebrow\">What we offer<\/span>\n <h2>Roofing & cladding products<\/h2>\n <p>A full range of metal roofing and facade products, plus the accessories to finish every edge, ridge and joint.<\/p>\n <\/div>\n\n <div class=\"grid cols-3\">\n <div class=\"card\">\n <div class=\"card-icon\">01<\/div>\n <h3>Metal Roof Sheets<\/h3>\n <p>Trapezoidal and profiled roofing sheets for domestic, agricultural and industrial roofs.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">02<\/div>\n <h3>Standing Seam Panels<\/h3>\n <p>Roof and facade panels with a concealed-fix standing seam finish, for a clean architectural look.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">03<\/div>\n <h3>Metal Roof Tiles & Shingles<\/h3>\n <p>Metal roofing tiles and shingle sheets that give the look of traditional roofing with a longer service life.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">04<\/div>\n <h3>Facade Cladding<\/h3>\n <p>Trapezoidal and flat facade sheets for a durable, low-maintenance building envelope.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">05<\/div>\n <h3>Flashing, Trims & Ridges<\/h3>\n <p>Flashing components, ridge tiles and finishing trims to complete the roof and weatherproof every detail.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">06<\/div>\n <h3>Guttering & Accessories<\/h3>\n <p>Rainwater guttering, window sills and roofing accessories to complement the main roof or cladding system.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"bg-tint\">\n <div class=\"container about-wrap\">\n <div class=\"about-copy\">\n <span class=\"eyebrow\">About Saxon Steel<\/span>\n <h2 style=\"font-size:28px;margin-bottom:16px;\">Roofing & cladding steel, done properly<\/h2>\n <p>\n Saxon Steel supplies metal roofing and cladding products for contractors,\n roofers, architects and self-builders \u2014 from roof sheets and standing\n seam panels to the flashing and trims that finish the job.\n <\/p>\n <p>\n We keep things simple: a wide choice of profiles and colours, clear\n quotes, and products supplied ready for site \u2014 so your roof or\n facade goes up without delays.\n <\/p>\n <div class=\"hero-ctas\" style=\"margin-top:24px;\">\n <a class=\"btn btn-solid\" href=\"#contact\">Get in touch<\/a>\n <\/div>\n <\/div>\n <div class=\"stat-list\">\n <div class=\"stat\"><b>Wide Range<\/b><span>Roofing, cladding, tiles & trims<\/span><\/div>\n <div class=\"stat\"><b>Clear<\/b><span>Straightforward quotes, no surprises<\/span><\/div>\n <div class=\"stat\"><b>Finished Right<\/b><span>Flashing & accessories for every edge<\/span><\/div>\n <div class=\"stat\"><b>Reliable<\/b><span>Lead times you can build a programme around<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"container\">\n <div class=\"cta-band\">\n <div class=\"cta-band-text\">\n <h2>Planning a roof or cladding project?<\/h2>\n <p>Send us your roof dimensions or specification and we’ll come back with a straightforward quote on materials.<\/p>\n <\/div>\n <div class=\"cta-band-actions\">\n <a class=\"btn btn-primary\" href=\"#contact\">Get in touch<\/a>\n <a class=\"btn\" style=\"border-color:#fff;color:#fff\" href=\"mailto:info@saxon-steel.com\">Email us<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"eyebrow\">Contact<\/span>\n <h2>Get in touch<\/h2>\n <p>Tell us about your project and we’ll get back to you with a quote and any questions.<\/p>\n <\/div>\n\n <div class=\"contact-wrap\">\n <div class=\"contact-card\">\n <h3>Contact details<\/h3>\n <ul class=\"contact-list\">\n <li>\n <span class=\"ico\">@<\/span>\n <span>Email<br><a href=\"mailto:info@saxon-steel.com\">info@saxon-steel.com<\/a><\/span>\n <\/li>\n <li>\n <span class=\"ico\">\u260e<\/span>\n <span>Phone<br><a href=\"tel:+441000000000\">01000 000 000<\/a> <\/span>\n <\/li>\n <li>\n <span class=\"ico\">\ud83d\udccd<\/span>\n <span>Address<br>Add your registered address here<br>United Kingdom <\/span>\n <\/li>\n <li>\n <span class=\"ico\">\ud83d\udd58<\/span>\n <span>Hours<br>Mon\u2013Fri, 8:00\u201317:00<\/span>\n <\/li>\n <\/ul>\n <div class=\"hero-ctas\" style=\"margin-top:24px;\">\n <a class=\"btn btn-primary\" href=\"mailto:info@saxon-steel.com\">Email us<\/a>\n <a class=\"btn\" style=\"border-color:#fff;color:#fff\" href=\"tel:+441000000000\">Call us<\/a>\n <\/div>\n <p class=\"contact-note\">Update the phone number and address above with Saxon Steel’s live details.<\/p>\n <\/div>\n\n <form id=\"contact-form\" class=\"form\" novalidate>\n <div class=\"field\">\n <label for=\"email\">Email <span class=\"req\" aria-hidden=\"true\">*<\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required autocomplete=\"email\" placeholder=\"you@email.com\">\n <\/div>\n <div class=\"row2\">\n <div class=\"field\">\n <label for=\"phone\">Telephone <span class=\"opt\">(optional)<\/span><\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" autocomplete=\"tel\" placeholder=\"+44 7700 900000\">\n <\/div>\n <div class=\"field\">\n <label for=\"company\">Company name <span class=\"opt\">(optional)<\/span><\/label>\n <input type=\"text\" id=\"company\" name=\"company\" autocomplete=\"organization\" placeholder=\"Your company\">\n <\/div>\n <\/div>\n <div class=\"field\">\n <label for=\"message\">Message <span class=\"req\" aria-hidden=\"true\">*<\/span><\/label>\n <textarea id=\"message\" name=\"message\" rows=\"5\" required placeholder=\"Tell us about your project\"><\/textarea>\n <\/div>\n\n \n <div class=\"hp-field\" aria-hidden=\"true\">\n <label for=\"website\">Do not fill in this field<\/label>\n <input type=\"text\" id=\"website\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n <\/div>\n <input type=\"hidden\" name=\"ts\" id=\"ts\" value=\"\">\n\n <label class=\"consent\">\n <input type=\"checkbox\" id=\"consent\" name=\"consent\" required>\n <span>I consent to my personal data being processed in order to handle my enquiry. <span class=\"req\" aria-hidden=\"true\">*<\/span><\/span>\n <\/label>\n\n <button type=\"submit\" class=\"btn btn-solid btn-block\">Send message<\/button>\n <p id=\"form-status\" class=\"form-status\" role=\"status\" aria-live=\"polite\"><\/p>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n\n<footer>\n <div class=\"container footer-row\">\n <span>© <span id=\"year\"><\/span> Saxon Steel. All rights reserved.<\/span>\n <div class=\"footer-links\">\n <a href=\"mailto:info@saxon-steel.com\">info@saxon-steel.com<\/a>\n <a href=\"#contact\">Get in touch<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"mobile-callbar\">\n <a class=\"btn btn-outline\" href=\"tel:+441000000000\">Call us<\/a>\n <a class=\"btn btn-solid\" href=\"#contact\">Get in touch<\/a>\n<\/div>\n\n<script>\n document.getElementById('year').textContent = new Date().getFullYear();\n document.getElementById('ts').value = Date.now();\n\n document.getElementById('contact-form').addEventListener('submit', function (e) {\n e.preventDefault();\n var status = document.getElementById('form-status');\n var honeypot = document.getElementById('website').value;\n if (honeypot) { return; } \/\/ silently drop bot submissions\n\n \/\/ Placeholder handler \u2014 wire this up to your form backend (e.g. Formspree, WordPress AJAX, etc.)\n status.textContent = 'Thanks \u2014 your message has been noted. Replace this handler with your live form endpoint.';\n this.reset();\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Saxon Steel \u2014 Roofing & Cladding Steel Products SS SAXON STEEL Roofing & Cladding Products Services About Contact 01000 000 000 Get in touch Metal roofing & cladding, built to last Saxon Steel supplies metal roof sheets, standing seam panels, roof tiles and facade cladding \u2014 with the flashing, trims and accessories to finish the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":2,"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2026-08-31T14:29:11","date_gmt":"2026-08-31T14:29:11","guid":{"rendered":"http:\/\/www.saxon-steel.com\/?page_id=2"},"modified":"2026-08-31T15:14:28","modified_gmt":"2026-08-31T15:14:28","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/www.saxon-steel.com\/?page_id=2","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nSaxon Steel \u2014 Roofing & Cladding Steel Products<\/title>\n<meta name=\"description\" content=\"Saxon Steel \u2014 supplier of metal roofing, standing seam panels, facade cladding, roof tiles and flashing accessories. Get in touch for a quote.\">\n<meta name=\"theme-color\" content=\"#0A6EB2\">\n\n\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:title\" content=\"Saxon Steel \u2014 Roofing & Cladding Steel Products\">\n<meta property=\"og:description\" content=\"Metal roofing, cladding panels, tiles and flashing accessories. Get in touch for a quote.\">\n<meta property=\"og:locale\" content=\"en_GB\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"Saxon Steel \u2014 Roofing & Cladding Steel Products\">\n<meta name=\"twitter:description\" content=\"Metal roofing and cladding steel products. Get in touch.\">\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Saxon Steel\",\n \"url\": \"https:\/\/saxon-steel.com\/\",\n \"description\": \"Supplier of metal roofing and cladding steel products.\",\n \"email\": \"info@saxon-steel.com\"\n}\n<\/script>\n\n<style>\n \/* ---------- Reset \/ base ---------- *\/\n *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}\n img{max-width:100%;display:block}\n a{color:inherit;text-decoration:none}\n ul{list-style:none}\n\n \/* ---------- Brand tokens ---------- *\/\n :root{\n --blue:#0A6EB2;\n --blue-dark:#075382;\n --blue-tint:#EAF3FA;\n --ink:#101820;\n --ink-soft:#4A5560;\n --white:#FFFFFF;\n --line:#E1E8EE;\n --radius:10px;\n --maxw:1160px;\n }\n\n body{\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Inter,Arial,sans-serif;\n color:var(--ink);\n background:var(--white);\n line-height:1.55;\n }\n\n h1,h2,h3{\n font-family:Georgia,\"Times New Roman\",serif;\n font-weight:700;\n letter-spacing:-0.01em;\n line-height:1.15;\n color:var(--ink);\n }\n\n .container{max-width:var(--maxw);margin:0 auto;padding:0 20px}\n\n \/* ---------- Buttons ---------- *\/\n .btn{\n display:inline-flex;align-items:center;justify-content:center;gap:8px;\n padding:14px 26px;\n border-radius:8px;\n font-size:16px;\n font-weight:600;\n border:2px solid transparent;\n cursor:pointer;\n min-height:48px; \/* Fitts's Law: comfortable tap target *\/\n transition:background-color .15s ease,color .15s ease,border-color .15s ease;\n white-space:nowrap;\n }\n .btn-primary{background:var(--white);color:var(--blue-dark);border-color:var(--white)}\n .btn-primary:hover{background:transparent;color:var(--white);border-color:var(--white)}\n .btn-solid{background:var(--blue);color:var(--white);border-color:var(--blue)}\n .btn-solid:hover{background:var(--blue-dark);border-color:var(--blue-dark)}\n .btn-outline{background:transparent;color:var(--blue);border-color:var(--blue)}\n .btn-outline:hover{background:var(--blue);color:var(--white)}\n .btn-block{width:100%}\n\n \/* ---------- Header ---------- *\/\n header.site-header{\n position:sticky;top:0;z-index:50;\n background:var(--white);\n border-bottom:1px solid var(--line);\n }\n .header-row{\n display:flex;align-items:center;justify-content:space-between;\n height:72px;\n gap:16px;\n }\n .brand{display:flex;align-items:center;gap:10px}\n .brand-mark{\n width:40px;height:40px;border-radius:8px;\n background:var(--blue);\n display:flex;align-items:center;justify-content:center;\n color:#fff;font-weight:800;font-size:18px;font-family:Georgia,serif;\n flex:none;\n }\n .brand-text{line-height:1.1}\n .brand-name{font-weight:800;font-size:18px;letter-spacing:.02em;color:var(--ink)}\n .brand-tag{font-size:11px;color:var(--ink-soft);letter-spacing:.03em;text-transform:uppercase}\n\n nav.main-nav{display:none;gap:28px;font-size:15px;font-weight:600;color:var(--ink-soft)}\n nav.main-nav a:hover{color:var(--blue)}\n\n .header-actions{display:flex;align-items:center;gap:10px}\n .header-phone{\n display:none;\n font-weight:700;color:var(--blue-dark);font-size:15px;\n }\n\n @media (min-width:860px){\n nav.main-nav{display:flex}\n .header-phone{display:inline-block}\n }\n\n \/* ---------- Hero (renders instantly \u2014 no JS, no fade-in, no image download) ---------- *\/\n .hero{\n position:relative;\n background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue) 60%,#0c88d6 100%);\n color:#fff;\n overflow:hidden;\n }\n \/* Lightweight inline SVG beam pattern \u2014 costs nothing to download, paints immediately *\/\n .hero-pattern{\n position:absolute;inset:0;\n opacity:.16;\n background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120' viewBox='0 0 120 120'><g stroke='%23FFFFFF' stroke-width='2' fill='none'><path d='M0 60H120'\/><path d='M60 0V120'\/><path d='M0 0L120 120'\/><path d='M120 0L0 120'\/><\/g><\/svg>\");\n background-size:120px 120px;\n pointer-events:none;\n }\n .hero-inner{\n position:relative;\n padding:64px 0 56px;\n }\n .hero h1{\n color:#fff;\n font-size:34px;\n max-width:16ch;\n }\n .hero p.lede{\n margin-top:16px;\n font-size:17px;\n max-width:52ch;\n color:#EAF3FA;\n }\n .hero-ctas{\n margin-top:28px;\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n }\n .hero-strip{\n position:relative;\n margin-top:36px;\n display:grid;\n grid-template-columns:1fr;\n gap:14px;\n border-top:1px solid rgba(255,255,255,.25);\n padding-top:24px;\n }\n .hero-strip-item{font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px}\n .dot{width:8px;height:8px;border-radius:50%;background:#fff;flex:none}\n\n @media (min-width:640px){\n .hero h1{font-size:44px}\n .hero-strip{grid-template-columns:repeat(3,1fr)}\n }\n @media (min-width:860px){\n .hero-inner{padding:96px 0 80px}\n .hero h1{font-size:52px;max-width:18ch}\n }\n\n \/* ---------- Section shell ---------- *\/\n section{padding:64px 0}\n .section-head{max-width:640px;margin-bottom:36px}\n .eyebrow{\n display:inline-block;\n font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;\n color:var(--blue);\n margin-bottom:10px;\n }\n .section-head h2{font-size:28px}\n @media (min-width:860px){ .section-head h2{font-size:34px} }\n .section-head p{margin-top:12px;color:var(--ink-soft);font-size:16px}\n\n \/* ---------- Services grid ---------- *\/\n .grid{display:grid;grid-template-columns:1fr;gap:20px}\n @media (min-width:640px){ .grid{grid-template-columns:repeat(2,1fr)} }\n @media (min-width:960px){ .grid.cols-3{grid-template-columns:repeat(3,1fr)} }\n\n .card{\n border:1px solid var(--line);\n border-radius:var(--radius);\n padding:26px;\n background:var(--white);\n transition:border-color .15s ease, box-shadow .15s ease;\n }\n .card:hover{border-color:var(--blue);box-shadow:0 6px 20px rgba(10,110,178,.08)}\n .card-icon{\n width:44px;height:44px;border-radius:8px;\n background:var(--blue-tint);\n color:var(--blue);\n display:flex;align-items:center;justify-content:center;\n margin-bottom:16px;\n font-size:20px;font-weight:800;\n }\n .card h3{font-size:19px;margin-bottom:8px}\n .card p{color:var(--ink-soft);font-size:15px}\n\n \/* ---------- Why us \/ about ---------- *\/\n .about-wrap{\n display:grid;grid-template-columns:1fr;gap:36px;\n }\n @media (min-width:860px){ .about-wrap{grid-template-columns:1.1fr .9fr} }\n .about-copy p{margin-bottom:14px;color:var(--ink-soft);font-size:16px}\n .stat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}\n .stat{border-left:3px solid var(--blue);padding-left:14px}\n .stat b{display:block;font-size:26px;color:var(--blue-dark);font-family:Georgia,serif}\n .stat span{font-size:13px;color:var(--ink-soft)}\n\n .bg-tint{background:var(--blue-tint)}\n\n \/* ---------- CTA band ---------- *\/\n .cta-band{\n background:var(--blue);\n color:#fff;\n border-radius:16px;\n padding:40px 28px;\n display:flex;flex-direction:column;gap:18px;\n align-items:flex-start;\n }\n .cta-band h2{color:#fff;font-size:26px}\n .cta-band p{color:#EAF3FA;font-size:15px;max-width:48ch}\n .cta-band-actions{display:flex;flex-wrap:wrap;gap:12px}\n @media (min-width:860px){\n .cta-band{flex-direction:row;align-items:center;justify-content:space-between;padding:44px 48px}\n .cta-band-text{max-width:56%}\n }\n\n \/* ---------- Contact ---------- *\/\n .contact-wrap{display:grid;grid-template-columns:1fr;gap:32px}\n @media (min-width:900px){ .contact-wrap{grid-template-columns:.9fr 1.1fr} }\n\n .contact-card{\n background:var(--ink);\n color:#fff;\n border-radius:var(--radius);\n padding:32px;\n }\n .contact-card h3{color:#fff;font-size:20px;margin-bottom:18px}\n .contact-list{display:flex;flex-direction:column;gap:16px}\n .contact-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px}\n .contact-list .ico{\n width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.1);\n display:flex;align-items:center;justify-content:center;flex:none;color:var(--white);\n font-size:16px;\n }\n .contact-list a:hover{color:var(--blue-tint);text-decoration:underline}\n .contact-note{margin-top:20px;font-size:13px;color:#B8C2CC}\n\n \/* ---------- Form ---------- *\/\n .form{\n border:1px solid var(--line);\n border-radius:var(--radius);\n padding:28px;\n }\n .field{margin-bottom:16px}\n .field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--ink)}\n .req{color:var(--blue)}\n .opt{font-weight:400;color:var(--ink-soft);font-size:13px}\n .field input,.field textarea{\n width:100%;\n padding:12px 14px;\n border:1px solid var(--line);\n border-radius:8px;\n font-size:15px;\n font-family:inherit;\n color:var(--ink);\n background:#fff;\n }\n .field input:focus,.field textarea:focus{\n outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,110,178,.15);\n }\n .row2{display:grid;grid-template-columns:1fr;gap:16px}\n @media (min-width:600px){ .row2{grid-template-columns:1fr 1fr} }\n .hp-field{position:absolute;left:-9999px;top:-9999px}\n .consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink-soft);margin-bottom:20px}\n .consent input{margin-top:3px}\n .form-status{margin-top:12px;font-size:14px;color:var(--ink-soft)}\n\n \/* ---------- Footer ---------- *\/\n footer{\n border-top:1px solid var(--line);\n padding:28px 0;\n }\n .footer-row{\n display:flex;flex-direction:column;gap:12px;\n font-size:13px;color:var(--ink-soft);\n }\n @media (min-width:640px){\n .footer-row{flex-direction:row;align-items:center;justify-content:space-between}\n }\n .footer-links{display:flex;gap:18px}\n .footer-links a:hover{color:var(--blue)}\n\n \/* ---------- Sticky mobile call bar ---------- *\/\n .mobile-callbar{\n position:fixed;left:0;right:0;bottom:0;z-index:60;\n display:flex;gap:10px;\n padding:10px 14px;\n background:#fff;\n border-top:1px solid var(--line);\n box-shadow:0 -6px 16px rgba(0,0,0,.06);\n }\n .mobile-callbar .btn{flex:1;padding:12px 10px;font-size:14px}\n @media (min-width:860px){ .mobile-callbar{display:none} }\n @media (max-width:859px){ body{padding-bottom:72px} }\n<\/style>\n<\/head>\n<body>\n\n<header class=\"site-header\">\n <div class=\"container header-row\">\n <a href=\"#top\" class=\"brand\" aria-label=\"Saxon Steel home\">\n <span class=\"brand-mark\">SS<\/span>\n <span class=\"brand-text\">\n <span class=\"brand-name\">SAXON STEEL<\/span><br>\n <span class=\"brand-tag\">Roofing & Cladding Products<\/span>\n <\/span>\n <\/a>\n\n <nav class=\"main-nav\" aria-label=\"Primary\">\n <a href=\"#services\">Services<\/a>\n <a href=\"#about\">About<\/a>\n <a href=\"#contact\">Contact<\/a>\n <\/nav>\n\n <div class=\"header-actions\">\n <a class=\"header-phone\" href=\"tel:+441000000000\">01000 000 000<\/a>\n <a class=\"btn btn-solid\" href=\"#contact\">Get in touch<\/a>\n <\/div>\n <\/div>\n<\/header>\n\n<main id=\"top\">\n\n \n <section class=\"hero\">\n <div class=\"hero-pattern\" aria-hidden=\"true\"><\/div>\n <div class=\"container hero-inner\">\n <h1>Metal roofing & cladding, built to last<\/h1>\n <p class=\"lede\">\n Saxon Steel supplies metal roof sheets, standing seam panels, roof tiles\n and facade cladding \u2014 with the flashing, trims and accessories to\n finish the job properly, first time.\n <\/p>\n <div class=\"hero-ctas\">\n <a class=\"btn btn-primary\" href=\"#contact\">Get in touch<\/a>\n <a class=\"btn btn-outline\" style=\"border-color:#fff;color:#fff\" href=\"mailto:info@saxon-steel.com\">Request a quote<\/a>\n <\/div>\n <div class=\"hero-strip\">\n <div class=\"hero-strip-item\"><span class=\"dot\"><\/span>Metal roofing & cladding<\/div>\n <div class=\"hero-strip-item\"><span class=\"dot\"><\/span>Wide colour & profile range<\/div>\n <div class=\"hero-strip-item\"><span class=\"dot\"><\/span>Straightforward quotes<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"eyebrow\">What we offer<\/span>\n <h2>Roofing & cladding products<\/h2>\n <p>A full range of metal roofing and facade products, plus the accessories to finish every edge, ridge and joint.<\/p>\n <\/div>\n\n <div class=\"grid cols-3\">\n <div class=\"card\">\n <div class=\"card-icon\">01<\/div>\n <h3>Metal Roof Sheets<\/h3>\n <p>Trapezoidal and profiled roofing sheets for domestic, agricultural and industrial roofs.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">02<\/div>\n <h3>Standing Seam Panels<\/h3>\n <p>Roof and facade panels with a concealed-fix standing seam finish, for a clean architectural look.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">03<\/div>\n <h3>Metal Roof Tiles & Shingles<\/h3>\n <p>Metal roofing tiles and shingle sheets that give the look of traditional roofing with a longer service life.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">04<\/div>\n <h3>Facade Cladding<\/h3>\n <p>Trapezoidal and flat facade sheets for a durable, low-maintenance building envelope.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">05<\/div>\n <h3>Flashing, Trims & Ridges<\/h3>\n <p>Flashing components, ridge tiles and finishing trims to complete the roof and weatherproof every detail.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">06<\/div>\n <h3>Guttering & Accessories<\/h3>\n <p>Rainwater guttering, window sills and roofing accessories to complement the main roof or cladding system.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"bg-tint\">\n <div class=\"container about-wrap\">\n <div class=\"about-copy\">\n <span class=\"eyebrow\">About Saxon Steel<\/span>\n <h2 style=\"font-size:28px;margin-bottom:16px;\">Roofing & cladding steel, done properly<\/h2>\n <p>\n Saxon Steel supplies metal roofing and cladding products for contractors,\n roofers, architects and self-builders \u2014 from roof sheets and standing\n seam panels to the flashing and trims that finish the job.\n <\/p>\n <p>\n We keep things simple: a wide choice of profiles and colours, clear\n quotes, and products supplied ready for site \u2014 so your roof or\n facade goes up without delays.\n <\/p>\n <div class=\"hero-ctas\" style=\"margin-top:24px;\">\n <a class=\"btn btn-solid\" href=\"#contact\">Get in touch<\/a>\n <\/div>\n <\/div>\n <div class=\"stat-list\">\n <div class=\"stat\"><b>Wide Range<\/b><span>Roofing, cladding, tiles & trims<\/span><\/div>\n <div class=\"stat\"><b>Clear<\/b><span>Straightforward quotes, no surprises<\/span><\/div>\n <div class=\"stat\"><b>Finished Right<\/b><span>Flashing & accessories for every edge<\/span><\/div>\n <div class=\"stat\"><b>Reliable<\/b><span>Lead times you can build a programme around<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"container\">\n <div class=\"cta-band\">\n <div class=\"cta-band-text\">\n <h2>Planning a roof or cladding project?<\/h2>\n <p>Send us your roof dimensions or specification and we’ll come back with a straightforward quote on materials.<\/p>\n <\/div>\n <div class=\"cta-band-actions\">\n <a class=\"btn btn-primary\" href=\"#contact\">Get in touch<\/a>\n <a class=\"btn\" style=\"border-color:#fff;color:#fff\" href=\"mailto:info@saxon-steel.com\">Email us<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"eyebrow\">Contact<\/span>\n <h2>Get in touch<\/h2>\n <p>Tell us about your project and we’ll get back to you with a quote and any questions.<\/p>\n <\/div>\n\n <div class=\"contact-wrap\">\n <div class=\"contact-card\">\n <h3>Contact details<\/h3>\n <ul class=\"contact-list\">\n <li>\n <span class=\"ico\">@<\/span>\n <span>Email<br><a href=\"mailto:info@saxon-steel.com\">info@saxon-steel.com<\/a><\/span>\n <\/li>\n <li>\n <span class=\"ico\">\u260e<\/span>\n <span>Phone<br><a href=\"tel:+441000000000\">01000 000 000<\/a> <\/span>\n <\/li>\n <li>\n <span class=\"ico\">\ud83d\udccd<\/span>\n <span>Address<br>Add your registered address here<br>United Kingdom <\/span>\n <\/li>\n <li>\n <span class=\"ico\">\ud83d\udd58<\/span>\n <span>Hours<br>Mon\u2013Fri, 8:00\u201317:00<\/span>\n <\/li>\n <\/ul>\n <div class=\"hero-ctas\" style=\"margin-top:24px;\">\n <a class=\"btn btn-primary\" href=\"mailto:info@saxon-steel.com\">Email us<\/a>\n <a class=\"btn\" style=\"border-color:#fff;color:#fff\" href=\"tel:+441000000000\">Call us<\/a>\n <\/div>\n <p class=\"contact-note\">Update the phone number and address above with Saxon Steel’s live details.<\/p>\n <\/div>\n\n <form id=\"contact-form\" class=\"form\" novalidate>\n <div class=\"field\">\n <label for=\"email\">Email <span class=\"req\" aria-hidden=\"true\">*<\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required autocomplete=\"email\" placeholder=\"you@email.com\">\n <\/div>\n <div class=\"row2\">\n <div class=\"field\">\n <label for=\"phone\">Telephone <span class=\"opt\">(optional)<\/span><\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" autocomplete=\"tel\" placeholder=\"+44 7700 900000\">\n <\/div>\n <div class=\"field\">\n <label for=\"company\">Company name <span class=\"opt\">(optional)<\/span><\/label>\n <input type=\"text\" id=\"company\" name=\"company\" autocomplete=\"organization\" placeholder=\"Your company\">\n <\/div>\n <\/div>\n <div class=\"field\">\n <label for=\"message\">Message <span class=\"req\" aria-hidden=\"true\">*<\/span><\/label>\n <textarea id=\"message\" name=\"message\" rows=\"5\" required placeholder=\"Tell us about your project\"><\/textarea>\n <\/div>\n\n \n <div class=\"hp-field\" aria-hidden=\"true\">\n <label for=\"website\">Do not fill in this field<\/label>\n <input type=\"text\" id=\"website\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n <\/div>\n <input type=\"hidden\" name=\"ts\" id=\"ts\" value=\"\">\n\n <label class=\"consent\">\n <input type=\"checkbox\" id=\"consent\" name=\"consent\" required>\n <span>I consent to my personal data being processed in order to handle my enquiry. <span class=\"req\" aria-hidden=\"true\">*<\/span><\/span>\n <\/label>\n\n <button type=\"submit\" class=\"btn btn-solid btn-block\">Send message<\/button>\n <p id=\"form-status\" class=\"form-status\" role=\"status\" aria-live=\"polite\"><\/p>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n\n<footer>\n <div class=\"container footer-row\">\n <span>© <span id=\"year\"><\/span> Saxon Steel. All rights reserved.<\/span>\n <div class=\"footer-links\">\n <a href=\"mailto:info@saxon-steel.com\">info@saxon-steel.com<\/a>\n <a href=\"#contact\">Get in touch<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"mobile-callbar\">\n <a class=\"btn btn-outline\" href=\"tel:+441000000000\">Call us<\/a>\n <a class=\"btn btn-solid\" href=\"#contact\">Get in touch<\/a>\n<\/div>\n\n<script>\n document.getElementById('year').textContent = new Date().getFullYear();\n document.getElementById('ts').value = Date.now();\n\n document.getElementById('contact-form').addEventListener('submit', function (e) {\n e.preventDefault();\n var status = document.getElementById('form-status');\n var honeypot = document.getElementById('website').value;\n if (honeypot) { return; } \/\/ silently drop bot submissions\n\n \/\/ Placeholder handler \u2014 wire this up to your form backend (e.g. Formspree, WordPress AJAX, etc.)\n status.textContent = 'Thanks \u2014 your message has been noted. Replace this handler with your live form endpoint.';\n this.reset();\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Saxon Steel \u2014 Roofing & Cladding Steel Products SS SAXON STEEL Roofing & Cladding Products Services About Contact 01000 000 000 Get in touch Metal roofing & cladding, built to last Saxon Steel supplies metal roof sheets, standing seam panels, roof tiles and facade cladding \u2014 with the flashing, trims and accessories to finish the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":2,"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/www.saxon-steel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}