{"id":1411,"date":"2025-07-10T15:22:05","date_gmt":"2025-07-10T15:22:05","guid":{"rendered":"https:\/\/startertemplatecloud.com\/g87\/?page_id=7"},"modified":"2026-08-10T17:45:15","modified_gmt":"2026-08-10T17:45:15","slug":"home-3","status":"publish","type":"page","link":"https:\/\/classiqueengineering.co.za\/public_html\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<section class=\"ce-hero\">\n\n    <div class=\"ce-hero-overlay\"><\/div>\n\n    <div class=\"ce-hero-content\">\n\n        <div class=\"ce-hero-eyebrow\">\n            25+ YEARS OF STRUCTURAL STEEL EXCELLENCE\n        <\/div>\n\n        <h1>\n            Steel You Can Trust.<br>\n            <span>Service You Can Count On.<\/span>\n        <\/h1>\n\n        <p>\n            Don\u2019t let unreliable steelwork delay your build.\n            Classique Engineering delivers premium structural steel\n            solutions with uncompromising workmanship \u2014 on time,\n            every time.\n        <\/p>\n\n        <div class=\"ce-hero-buttons\">\n\n            <a href=\"\/public_html\/contact\/\" class=\"ce-btn ce-btn-primary\">\n                REQUEST A TECHNICAL PROPOSAL\n            <\/a>\n\n            <a href=\"\/public_html\/gallery\/\" class=\"ce-btn ce-btn-secondary\">\n                VIEW OUR WORK\n            <\/a>\n\n        <\/div>\n\n        <div class=\"ce-hero-stats\">\n\n            <div class=\"ce-stat\">\n                <strong>25+<\/strong>\n                <span>YEARS OF<br>TRUSTED DELIVERY<\/span>\n            <\/div>\n\n            <div class=\"ce-stat\">\n                <strong>500+<\/strong>\n                <span>PROJECTS<br>COMPLETED<\/span>\n            <\/div>\n\n            <div class=\"ce-stat\">\n                <strong>TIER-1<\/strong>\n                <span>PROJECT<br>CAPABILITY<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\/* =========================================================\n   CLASSIQUE ENGINEERING\n   TRUSTED PROJECTS STRIP\n   ========================================================= *\/\n\n.ce-trusted-strip {\n    width: 100%;\n    background: #5b0d12;\n    padding: 38px 30px 42px;\n    box-sizing: border-box;\n}\n\n.ce-trusted-container {\n    max-width: 1050px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.ce-trusted-title {\n    margin: 0 0 28px;\n    padding: 0;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n}\n\n\/* Project names *\/\n\n.ce-trusted-projects {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 25px;\n    align-items: center;\n}\n\n.ce-trusted-project {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.3;\n}\n\n.ce-trusted-project-icon {\n    color: #c91f26;\n    font-size: 18px;\n    line-height: 1;\n}\n\n\/* Tablet *\/\n\n@media (max-width: 800px) {\n\n    .ce-trusted-projects {\n        grid-template-columns: repeat(2, 1fr);\n        row-gap: 20px;\n    }\n\n}\n\n\/* Mobile *\/\n\n@media (max-width: 500px) {\n\n    .ce-trusted-strip {\n        padding: 32px 20px 35px;\n    }\n\n    .ce-trusted-title {\n        font-size: 12px;\n        line-height: 1.5;\n        margin-bottom: 25px;\n    }\n\n    .ce-trusted-projects {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n\n    .ce-trusted-project {\n        font-size: 14px;\n    }\n\n}\n<\/style>\n\n\n<section class=\"ce-trusted-strip\">\n\n    <div class=\"ce-trusted-container\">\n\n        <p class=\"ce-trusted-title\">\n            Trusted on South Africa&#8217;s most prestigious developments\n        <\/p>\n\n        <div class=\"ce-trusted-projects\">\n\n            <div class=\"ce-trusted-project\">\n                <span class=\"ce-trusted-project-icon\">\u25a5<\/span>\n                <span>Oceans Umhlanga<\/span>\n            <\/div>\n\n            <div class=\"ce-trusted-project\">\n                <span class=\"ce-trusted-project-icon\">\u25a5<\/span>\n                <span>Shoreline Sibaya<\/span>\n            <\/div>\n\n            <div class=\"ce-trusted-project\">\n                <span class=\"ce-trusted-project-icon\">\u25a5<\/span>\n                <span>Gateway Theatre of Shopping<\/span>\n            <\/div>\n\n            <div class=\"ce-trusted-project\">\n                <span class=\"ce-trusted-project-icon\">\u25a5<\/span>\n                <span>King Shaka International<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   CLASSIQUE ENGINEERING\n   WHY CONTRACTORS CHOOSE CLASSIQUE\n   SELF-CONTAINED GUTENBERG SECTION\n   ========================================================= *\/\n\n.ce-why-section {\n    background: #ffffff;\n    padding: 90px 30px 100px;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.ce-why-container {\n    max-width: 1050px;\n    margin: 0 auto;\n}\n\n\/* Heading area *\/\n\n.ce-why-heading {\n    text-align: center;\n    margin-bottom: 55px;\n}\n\n.ce-why-line {\n    width: 55px;\n    height: 4px;\n    background: #b51f24;\n    margin: 0 auto 16px;\n}\n\n.ce-why-heading h2 {\n    margin: 0 0 12px;\n    padding: 0;\n    font-size: 38px;\n    line-height: 1.15;\n    font-weight: 700;\n    color: #111111;\n}\n\n.ce-why-heading p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    color: #444444;\n}\n\n\/* Cards *\/\n\n.ce-why-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 26px;\n}\n\n.ce-why-card {\n    background: #f4f7f5;\n    border: 1px solid #dfe4e1;\n    border-radius: 6px;\n    padding: 28px 25px 30px;\n    text-align: center;\n    box-sizing: border-box;\n    min-height: 280px;\n    transition: all 0.25s ease;\n}\n\n.ce-why-card:hover {\n    transform: translateY(-4px);\n    border-color: #c9c9c9;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.07);\n}\n\n\/* Icon *\/\n\n.ce-why-icon {\n    width: 52px;\n    height: 52px;\n    margin: 0 auto 22px;\n    background: #eee2e2;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #b51f24;\n}\n\n.ce-why-icon svg {\n    width: 27px;\n    height: 27px;\n    stroke: #b51f24;\n    fill: none;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* Card text *\/\n\n.ce-why-card h3 {\n    margin: 0 0 15px;\n    padding: 0;\n    font-size: 17px;\n    line-height: 1.3;\n    font-weight: 700;\n    color: #111111;\n}\n\n.ce-why-card p {\n    margin: 0;\n    padding: 0;\n    font-size: 14px;\n    line-height: 1.65;\n    color: #354052;\n}\n\n\/* Tablet *\/\n\n@media (max-width: 900px) {\n\n    .ce-why-section {\n        padding: 70px 25px 80px;\n    }\n\n    .ce-why-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 600px) {\n\n    .ce-why-section {\n        padding: 60px 20px 70px;\n    }\n\n    .ce-why-heading {\n        margin-bottom: 40px;\n    }\n\n    .ce-why-heading h2 {\n        font-size: 30px;\n    }\n\n    .ce-why-grid {\n        grid-template-columns: 1fr;\n        gap: 18px;\n    }\n\n    .ce-why-card {\n        min-height: auto;\n        padding: 30px 25px;\n    }\n}\n<\/style>\n\n\n<section class=\"ce-why-section\">\n\n    <div class=\"ce-why-container\">\n\n        <!-- SECTION HEADING -->\n\n        <div class=\"ce-why-heading\">\n\n            <div class=\"ce-why-line\"><\/div>\n\n            <h2>Why Contractors Choose Classique<\/h2>\n\n            <p>\n                The reliability of a family business. The capability to deliver Tier-1 projects.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- FOUR CARDS -->\n\n        <div class=\"ce-why-grid\">\n\n\n            <!-- CARD 1 -->\n\n            <div class=\"ce-why-card\">\n\n                <div class=\"ce-why-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M20 11.5V17a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h8\"\/>\n                        <path d=\"M8 13l2 2 6-6\"\/>\n                        <path d=\"M16 3l1.5 1.5L16 6\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3>Earned Trust<\/h3>\n\n                <p>\n                    As a family-run business, our reputation is personal.\n                    Every project carries our name \u2014 and that means unwavering\n                    commitment to delivering on our promises.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- CARD 2 -->\n\n            <div class=\"ce-why-card\">\n\n                <div class=\"ce-why-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M12 3l9 4-9 4-9-4 9-4z\"\/>\n                        <path d=\"M3 12l9 4 9-4\"\/>\n                        <path d=\"M3 17l9 4 9-4\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3>Full Turnkey Solutions<\/h3>\n\n                <p>\n                    From initial design and detailing through fabrication,\n                    treatment, and on-site erection \u2014 we manage the entire\n                    steel package so you deal with one accountable partner.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- CARD 3 -->\n\n            <div class=\"ce-why-card\">\n\n                <div class=\"ce-why-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"12\" r=\"8.5\"\/>\n                        <path d=\"M12 7v5l3 2\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3>On-Time Delivery<\/h3>\n\n                <p>\n                    We understand that delays cost money. Our streamlined\n                    processes and dedicated logistics ensure your steel arrives\n                    when your programme demands it.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- CARD 4 -->\n\n            <div class=\"ce-why-card\">\n\n                <div class=\"ce-why-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6l7-3z\"\/>\n                        <path d=\"M9 12l2 2 4-4\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3>Tier-1 Proven<\/h3>\n\n                <p>\n                    Projects like Oceans Umhlanga and Shoreline Sibaya prove\n                    we have the capability, systems, and workforce to perform\n                    on South Africa\u2019s most demanding developments.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- CLASSIQUE ENGINEERING - FULL SERVICE STEEL FABRICATION -->\n\n<section class=\"ce-services\">\n\n  <div class=\"ce-services-inner\">\n\n    <!-- Section heading -->\n    <div class=\"ce-section-heading\">\n      <div class=\"ce-red-line\"><\/div>\n\n      <h2>Full-Service Steel Fabrication<\/h2>\n\n      <p>\n        One partner for your entire steel package \u2014 from concept to completion\n      <\/p>\n    <\/div>\n\n\n    <!-- Service cards -->\n    <div class=\"ce-service-grid\">\n\n      <!-- CARD 1 -->\n      <div class=\"ce-service-card\">\n\n        <div class=\"ce-service-icon\">\u2310<\/div>\n\n        <h3>Detailing &amp; Design<\/h3>\n\n        <p>\n          Precision engineering and structural steel detailing that ensures\n          your project runs without costly rework.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CARD 2 -->\n      <div class=\"ce-service-card\">\n\n        <div class=\"ce-service-icon\">\u25a5<\/div>\n\n        <h3>Precision Fabrication<\/h3>\n\n        <p>\n          Premium-quality fabrication in our modern facility, delivering\n          structural steel components to exacting specifications.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CARD 3 -->\n      <div class=\"ce-service-card\">\n\n        <div class=\"ce-service-icon\">\u2301<\/div>\n\n        <h3>Treatment &amp; Finishing<\/h3>\n\n        <p>\n          Professional galvanizing, painting, and cladding to protect your\n          investment and extend structural lifespan.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CARD 4 -->\n      <div class=\"ce-service-card\">\n\n        <div class=\"ce-service-icon\">\u2692<\/div>\n\n        <h3>On-Site Assembly &amp; Erection<\/h3>\n\n        <p>\n          Full logistics and skilled erection teams that ensure seamless,\n          safe installation \u2014 keeping your programme on track.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- Button -->\n    <div class=\"ce-services-button\">\n\n      <a href=\"\/services\/\">\n        View All Services\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   CLASSIQUE ENGINEERING\n   FULL SERVICE STEEL FABRICATION\n   ========================================= *\/\n\n.ce-services {\n  background: #f4f7f5;\n  padding: 90px 20px 85px;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.ce-services-inner {\n  max-width: 1045px;\n  margin: 0 auto;\n}\n\n\n\/* SECTION HEADING *\/\n\n.ce-section-heading {\n  text-align: center;\n  margin-bottom: 55px;\n}\n\n.ce-red-line {\n  width: 55px;\n  height: 4px;\n  background: #b51f24;\n  margin: 0 auto 18px;\n}\n\n.ce-section-heading h2 {\n  margin: 0 0 18px;\n  color: #111111;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 32px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n.ce-section-heading p {\n  margin: 0;\n  color: #444444;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n\n\/* CARD GRID *\/\n\n.ce-service-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 27px;\n}\n\n\n\/* CARDS *\/\n\n.ce-service-card {\n  background: #ffffff;\n  border: 1px solid #dddddd;\n  border-radius: 5px;\n  padding: 27px 21px 28px;\n  min-height: 195px;\n  box-sizing: border-box;\n  transition: all 0.25s ease;\n}\n\n.ce-service-card:hover {\n  transform: translateY(-4px);\n  border-color: #c7c7c7;\n  box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n}\n\n\n\/* ICON *\/\n\n.ce-service-icon {\n  width: 42px;\n  height: 42px;\n  background: #f3e5e5;\n  color: #b51f24;\n  border-radius: 6px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 21px;\n  font-weight: bold;\n\n  margin-bottom: 18px;\n}\n\n\n\/* CARD TITLE *\/\n\n.ce-service-card h3 {\n  margin: 0 0 12px;\n\n  color: #111111;\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 16px;\n  font-weight: 700;\n\n  line-height: 1.4;\n}\n\n\n\/* CARD TEXT *\/\n\n.ce-service-card p {\n  margin: 0;\n\n  color: #444444;\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* BUTTON *\/\n\n.ce-services-button {\n  text-align: center;\n  margin-top: 42px;\n}\n\n.ce-services-button a {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  padding: 12px 27px;\n\n  background: #ffffff;\n\n  border: 1px solid #d5d5d5;\n  border-radius: 4px;\n\n  color: #222222;\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 14px;\n  font-weight: 500;\n\n  text-decoration: none;\n\n  transition: all 0.25s ease;\n}\n\n.ce-services-button a span {\n  font-size: 19px;\n  line-height: 1;\n}\n\n.ce-services-button a:hover {\n  background: #b51f24;\n  border-color: #b51f24;\n  color: #ffffff;\n}\n\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media (max-width: 900px) {\n\n  .ce-service-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n\n@media (max-width: 600px) {\n\n  .ce-services {\n    padding: 65px 18px;\n  }\n\n  .ce-section-heading {\n    margin-bottom: 38px;\n  }\n\n  .ce-section-heading h2 {\n    font-size: 27px;\n  }\n\n  .ce-service-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .ce-service-card {\n    min-height: auto;\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =====================================================\n     CLASSIQUE ENGINEERING\n     CTA + FOOTER\n     ===================================================== -->\n\n<section class=\"ce-final-section\">\n\n  <!-- =========================\n       CALL TO ACTION\n       ========================= -->\n\n  <div class=\"ce-cta\">\n\n    <div class=\"ce-cta-inner\">\n\n      <h2>Ready to Build With Confidence?<\/h2>\n\n      <p>\n        Whether you&#8217;re tendering a new development or need a reliable steel\n        partner for an ongoing project, our team is ready to deliver a\n        technical proposal within 48 hours.\n      <\/p>\n\n      <div class=\"ce-cta-buttons\">\n\n        <a href=\"\/contact\/\" class=\"ce-btn ce-btn-red\">\n          Request a Technical Proposal\n          <span>\u2192<\/span>\n        <\/a>\n\n        <a href=\"\/projects\/\" class=\"ce-btn ce-btn-outline\">\n          View Our Work\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =========================\n       FOOTER\n       ========================= -->\n\n  <footer class=\"ce-footer\">\n\n    <div class=\"ce-footer-inner\">\n\n      <div class=\"ce-footer-grid\">\n\n\n        <!-- COMPANY -->\n\n        <div class=\"ce-footer-company\">\n\n          <div class=\"ce-footer-logo\">\n            <span>Classique<\/span>\n            <strong>Engineering<\/strong>\n          <\/div>\n\n          <p>\n            A family-owned steel fabrication company with 25+ years&#8217;\n            experience, delivering reliable, precise, and full-service\n            structural steel solutions across South Africa.\n          <\/p>\n\n          <em>\n            &#8220;Steel you can trust. Service you can count on.&#8221;\n          <\/em>\n\n        <\/div>\n\n\n        <!-- QUICK LINKS -->\n\n        <div class=\"ce-footer-column\">\n\n          <h3>Quick Links<\/h3>\n\n          <ul>\n            <li><a href=\"\/\">Home<\/a><\/li>\n            <li><a href=\"\/about\/\">About<\/a><\/li>\n            <li><a href=\"\/services\/\">Services<\/a><\/li>\n            <li><a href=\"\/projects\/\">Projects<\/a><\/li>\n            <li><a href=\"\/contact\/\">Contact<\/a><\/li>\n          <\/ul>\n\n        <\/div>\n\n\n        <!-- CONTACT -->\n\n        <div class=\"ce-footer-column ce-contact\">\n\n          <h3>Contact Us<\/h3>\n\n          <p>\n            <span class=\"ce-contact-icon\">\u2709<\/span>\n            <a href=\"mailto:judel@classiqueengineering.co.za\">\n              judel@classiqueengineering.co.za\n            <\/a>\n          <\/p>\n\n          <p>\n            <span class=\"ce-contact-icon\">\u2315<\/span>\n            <a href=\"tel:+27829551344\">\n              +27 82 955 1344\n            <\/a>\n          <\/p>\n\n          <p>\n            <span class=\"ce-contact-icon\">\u2316<\/span>\n            10 Sneezewood Ln,<br>\n            Glen Anil, Durban,<br>\n            KwaZulu-Natal\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- FOOTER BOTTOM -->\n\n      <div class=\"ce-footer-bottom\">\n\n        <div>\n          \u00a9 2026 Classique Engineering (Pty) Ltd. All rights reserved.\n        <\/div>\n\n        <div>\n          Registered Company \u2022 Est. 2000 \u2022 Durban, South Africa\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/footer>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   CLASSIQUE ENGINEERING\n   FINAL CTA + FOOTER\n   ===================================================== *\/\n\n\n\/* =========================\n   MAIN CTA\n   ========================= *\/\n\n.ce-cta {\n  background: #5d0d12;\n  color: #ffffff;\n  padding: 85px 20px 90px;\n  text-align: center;\n}\n\n.ce-cta-inner {\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.ce-cta h2 {\n  margin: 0 0 20px;\n\n  color: #ffffff;\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 32px;\n  font-weight: 700;\n  line-height: 1.25;\n}\n\n.ce-cta p {\n  max-width: 720px;\n  margin: 0 auto 30px;\n\n  color: rgba(255,255,255,0.82);\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 16px;\n  line-height: 1.65;\n}\n\n\n\/* CTA BUTTONS *\/\n\n.ce-cta-buttons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n\n.ce-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  min-height: 48px;\n\n  padding: 0 27px;\n\n  border-radius: 4px;\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 14px;\n  font-weight: 600;\n\n  text-decoration: none;\n\n  box-sizing: border-box;\n\n  transition: all 0.25s ease;\n}\n\n\n\/* RED BUTTON *\/\n\n.ce-btn-red {\n  background: #b51f24;\n  border: 1px solid #b51f24;\n  color: #ffffff;\n}\n\n.ce-btn-red:hover {\n  background: #d0272d;\n  border-color: #d0272d;\n  color: #ffffff;\n}\n\n.ce-btn-red span {\n  font-size: 18px;\n}\n\n\n\/* OUTLINE BUTTON *\/\n\n.ce-btn-outline {\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.65);\n  color: #ffffff;\n}\n\n.ce-btn-outline:hover {\n  background: #ffffff;\n  border-color: #ffffff;\n  color: #5d0d12;\n}\n\n\n\/* =========================\n   FOOTER\n   ========================= *\/\n\n.ce-footer {\n  background: #5d0d12;\n  color: #ffffff;\n  padding: 0 20px 30px;\n}\n\n.ce-footer-inner {\n  max-width: 1045px;\n  margin: 0 auto;\n}\n\n\n\/* FOOTER COLUMNS *\/\n\n.ce-footer-grid {\n  display: grid;\n  grid-template-columns: 1.6fr 0.8fr 1.25fr;\n  gap: 80px;\n\n  padding: 0 0 55px;\n}\n\n\n\/* COMPANY DESCRIPTION *\/\n\n.ce-footer-company {\n  max-width: 360px;\n}\n\n.ce-footer-logo {\n  margin-bottom: 22px;\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 20px;\n  font-weight: 700;\n\n  line-height: 0.9;\n}\n\n.ce-footer-logo span {\n  display: block;\n  color: #b51f24;\n}\n\n.ce-footer-logo strong {\n  display: block;\n  color: #ffffff;\n\n  font-size: 16px;\n\n  margin-left: 42px;\n  margin-top: 2px;\n}\n\n.ce-footer-company p {\n  margin: 0 0 18px;\n\n  color: rgba(255,255,255,0.78);\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n.ce-footer-company em {\n  color: #b51f24;\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 13px;\n}\n\n\n\/* FOOTER HEADINGS *\/\n\n.ce-footer-column h3 {\n  margin: 0 0 20px;\n\n  color: #ffffff;\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 16px;\n  font-weight: 700;\n}\n\n\n\/* QUICK LINKS *\/\n\n.ce-footer-column ul {\n  list-style: none;\n\n  padding: 0;\n  margin: 0;\n}\n\n.ce-footer-column li {\n  margin-bottom: 12px;\n}\n\n.ce-footer-column li a {\n  color: rgba(255,255,255,0.75);\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 14px;\n\n  text-decoration: none;\n\n  transition: color 0.2s ease;\n}\n\n.ce-footer-column li a:hover {\n  color: #ffffff;\n}\n\n\n\/* CONTACT *\/\n\n.ce-contact p {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n\n  margin: 0 0 16px;\n\n  color: rgba(255,255,255,0.78);\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.ce-contact a {\n  color: rgba(255,255,255,0.78);\n  text-decoration: none;\n}\n\n.ce-contact a:hover {\n  color: #ffffff;\n}\n\n.ce-contact-icon {\n  width: 16px;\n\n  color: rgba(255,255,255,0.75);\n\n  flex-shrink: 0;\n\n  font-size: 15px;\n}\n\n\n\/* =========================\n   FOOTER BOTTOM\n   ========================= *\/\n\n.ce-footer-bottom {\n  border-top: 1px solid rgba(255,255,255,0.15);\n\n  padding-top: 25px;\n\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n\n  color: rgba(255,255,255,0.55);\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  font-size: 12px;\n}\n\n\n\/* =========================\n   TABLET\n   ========================= *\/\n\n@media (max-width: 800px) {\n\n  .ce-footer-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 45px;\n  }\n\n  .ce-footer-company {\n    grid-column: 1 \/ -1;\n    max-width: 500px;\n  }\n\n  .ce-footer-bottom {\n    flex-direction: column;\n    gap: 10px;\n  }\n\n}\n\n\n\/* =========================\n   MOBILE\n   ========================= *\/\n\n@media (max-width: 600px) {\n\n  .ce-cta {\n    padding: 65px 20px 70px;\n  }\n\n  .ce-cta h2 {\n    font-size: 27px;\n  }\n\n  .ce-cta p {\n    font-size: 15px;\n  }\n\n  .ce-cta-buttons {\n    flex-direction: column;\n  }\n\n  .ce-btn {\n    width: 100%;\n    max-width: 300px;\n  }\n\n\n  .ce-footer {\n    padding: 0 20px 25px;\n  }\n\n  .ce-footer-grid {\n    grid-template-columns: 1fr;\n    gap: 35px;\n\n    padding-bottom: 35px;\n  }\n\n  .ce-footer-company {\n    grid-column: auto;\n  }\n\n  .ce-footer-bottom {\n    font-size: 11px;\n    line-height: 1.5;\n  }\n\n}\n\n<\/style>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>25+ YEARS OF STRUCTURAL STEEL EXCELLENCE Steel You Can Trust. Service You Can Count On. Don\u2019t let unreliable steelwork delay your build. Classique Engineering delivers premium structural steel solutions with uncompromising workmanship \u2014 on time, every time. REQUEST A TECHNICAL PROPOSAL VIEW OUR WORK 25+ YEARS OFTRUSTED DELIVERY 500+ PROJECTSCOMPLETED TIER-1 PROJECTCAPABILITY Trusted on South &#8230; <a title=\"HOME\" class=\"read-more\" href=\"https:\/\/classiqueengineering.co.za\/public_html\/\" aria-label=\"Read more about HOME\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-1411","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages\/1411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/comments?post=1411"}],"version-history":[{"count":37,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages\/1411\/revisions"}],"predecessor-version":[{"id":1548,"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/pages\/1411\/revisions\/1548"}],"wp:attachment":[{"href":"https:\/\/classiqueengineering.co.za\/public_html\/wp-json\/wp\/v2\/media?parent=1411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}