{"id":13,"date":"2026-04-29T19:17:21","date_gmt":"2026-04-29T19:17:21","guid":{"rendered":"https:\/\/cjrobertson.co.za\/?page_id=13"},"modified":"2026-04-29T19:42:55","modified_gmt":"2026-04-29T19:42:55","slug":"home","status":"publish","type":"page","link":"https:\/\/cjrobertson.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Corban Robertson | Portfolio<\/title>\n    <meta name=\"description\" content=\"Portfolio website for Corban Robertson, a web developer in Gauteng, South Africa specializing in responsive design, WordPress management, SEO optimization, and website operations.\">\n    <meta name=\"keywords\" content=\"Corban Robertson, web developer, portfolio, responsive design, WordPress, SEO, website management, Gauteng, South Africa\">\n    <meta name=\"theme-color\" content=\"#111827\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@400;500&#038;family=IBM+Plex+Sans:wght@400;500;600;700&#038;family=Space+Grotesk:wght@500;700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n            font-size: 16px;\n            line-height: 1.6;\n            color: #1f2937;\n            background-color: #ffffff;\n        }\n\n        .container {\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 1rem;\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n            padding: 4rem 0;\n            border-bottom: 1px solid #e5e7eb;\n        }\n\n        .hero-content h1 {\n            font-family: 'Space Grotesk', sans-serif;\n            font-size: 3rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            letter-spacing: -0.02em;\n            color: #111827;\n        }\n\n        .hero-content p {\n            font-size: 1.125rem;\n            color: #6b7280;\n            margin-bottom: 1rem;\n        }\n\n        .hero-content .tagline {\n            font-size: 1rem;\n            color: #6b7280;\n            margin-bottom: 2rem;\n            line-height: 1.8;\n        }\n\n        .hero-image {\n            width: 100%;\n            height: 500px;\n            background: #f9fafb;\n            border-radius: 0.5rem;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        }\n\n        .hero-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* CTA Button *\/\n        .cta-button {\n            display: inline-block;\n            background: #a25e35;\n            color: white;\n            padding: 0.875rem 2rem;\n            border-radius: 0.5rem;\n            text-decoration: none;\n            font-weight: 600;\n            transition: all 0.3s;\n            border: 2px solid #a25e35;\n        }\n\n        .cta-button:hover {\n            background: #8b4a2a;\n            border-color: #8b4a2a;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 16px rgba(162, 94, 53, 0.2);\n        }\n\n        .cta-button.secondary {\n            background: transparent;\n            color: #a25e35;\n        }\n\n        .cta-button.secondary:hover {\n            background: #f9fafb;\n        }\n\n        \/* Section *\/\n        .section {\n            padding: 4rem 0;\n            border-bottom: 1px solid #e5e7eb;\n        }\n\n        .section h2 {\n            font-family: 'Space Grotesk', sans-serif;\n            font-size: 2rem;\n            font-weight: 700;\n            margin-bottom: 2rem;\n            letter-spacing: -0.02em;\n            color: #111827;\n        }\n\n        .section p {\n            font-size: 1.125rem;\n            line-height: 1.8;\n            color: #6b7280;\n            margin-bottom: 2rem;\n        }\n\n        \/* Projects Grid *\/\n        .projects-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 2rem;\n            margin-top: 2rem;\n        }\n\n        .project-card {\n            background: #f9fafb;\n            border: 1px solid #e5e7eb;\n            padding: 1.5rem;\n            border-radius: 0.5rem;\n            transition: all 0.3s;\n        }\n\n        .project-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);\n            border-color: #a25e35;\n        }\n\n        .project-card h3 {\n            font-size: 1.125rem;\n            margin-bottom: 0.5rem;\n            color: #111827;\n        }\n\n        .project-card p {\n            font-size: 0.875rem;\n            color: #9ca3af;\n            margin-bottom: 1rem;\n        }\n\n        .project-card a {\n            color: #a25e35;\n            text-decoration: none;\n            font-weight: 600;\n            display: inline-block;\n            margin-top: 1rem;\n        }\n\n        .project-card a:hover {\n            text-decoration: underline;\n        }\n\n        .project-card.featured {\n            border-left: 4px solid #a25e35;\n        }\n\n        \/* Skills Grid *\/\n        .skills-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 1.5rem;\n            margin-top: 2rem;\n        }\n\n        .skill-item {\n            background: #f9fafb;\n            padding: 1.5rem;\n            border-radius: 0.5rem;\n            border-left: 4px solid #a25e35;\n        }\n\n        .skill-item h3 {\n            font-size: 1.125rem;\n            margin-bottom: 0.5rem;\n            color: #111827;\n        }\n\n        .skill-item p {\n            font-size: 0.875rem;\n            color: #6b7280;\n            margin: 0;\n        }\n\n        \/* Footer *\/\n        footer {\n            background-color: #1f2937;\n            color: #f3f4f6;\n            padding: 3rem 0;\n            text-align: center;\n        }\n\n        footer a {\n            color: #a25e35;\n            text-decoration: none;\n        }\n\n        footer a:hover {\n            text-decoration: underline;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .hero {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n\n            .hero-content h1 {\n                font-size: 2rem;\n            }\n\n            .hero-image {\n                height: 300px;\n            }\n\n            .section h2 {\n                font-size: 1.5rem;\n            }\n\n            .projects-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .skills-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"container\" style=\"grid-column: 1;\">\n            <div class=\"hero-content\">\n                <h1>Corban Robertson<\/h1>\n                <p>Web Developer<\/p>\n                <p class=\"tagline\">Edenvale, Gauteng, South Africa<\/p>\n                <p style=\"font-size: 1rem; color: #6b7280; margin-bottom: 2rem;\">Technical discipline backed by daily operational responsibility.<\/p>\n                <a href=\"https:\/\/www.linkedin.com\/in\/corban-robertson-383860256\/\" target=\"_blank\" class=\"cta-button\">Connect on LinkedIn<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"hero-image\">\n            <img decoding=\"async\" src=\"https:\/\/cjrobertson.co.za\/wp-content\/uploads\/2026\/04\/corban-profile.jpg\" alt=\"Corban Robertson\">\n        <\/div>\n    <\/section>\n\n    <div class=\"container\">\n        <!-- About Section -->\n        <section class=\"section\">\n            <h2>About<\/h2>\n            <p>My profile combines practical web development execution with the operational rigor required to keep live websites healthy, visible, and current. I bring a useful combination of technical responsibility and people-facing work, making me especially well-suited to environments where clear communication and execution both matter.<\/p>\n        <\/section>\n\n        <!-- Featured Projects Section -->\n        <section class=\"section\">\n            <h2>Featured Projects<\/h2>\n            <p>Websites I maintain and optimize:<\/p>\n            <div class=\"projects-grid\">\n                <div class=\"project-card\">\n                    <h3>Afrosep<\/h3>\n                    <a href=\"https:\/\/afrosep.com\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>Atrax Logistics<\/h3>\n                    <a href=\"https:\/\/atraxlogistics.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>King Koil<\/h3>\n                    <a href=\"https:\/\/kingkoil.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>Masons<\/h3>\n                    <a href=\"https:\/\/masons.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>Microsep<\/h3>\n                    <a href=\"https:\/\/microsep.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>Modern Living<\/h3>\n                    <a href=\"https:\/\/modern-living.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>Natsep<\/h3>\n                    <a href=\"https:\/\/natsep.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>Sealy<\/h3>\n                    <a href=\"https:\/\/sealy.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>Slumberland<\/h3>\n                    <a href=\"https:\/\/slumberland.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>Zafin<\/h3>\n                    <a href=\"https:\/\/zafin.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>Zaprop<\/h3>\n                    <a href=\"https:\/\/zaprop.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>Workshop Warehouse<\/h3>\n                    <a href=\"https:\/\/www.workshopwarehouse.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card\">\n                    <h3>Univa<\/h3>\n                    <a href=\"https:\/\/www.univa.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Built Projects Section -->\n        <section class=\"section\">\n            <h2>Built from Scratch<\/h2>\n            <p>Custom-built websites designed and developed:<\/p>\n            <div class=\"projects-grid\">\n                <div class=\"project-card featured\">\n                    <h3>Libra Marketing<\/h3>\n                    <p>Full-stack development<\/p>\n                    <a href=\"https:\/\/libramarketing.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card featured\">\n                    <h3>Portside Chandling<\/h3>\n                    <p>Full-stack development<\/p>\n                    <a href=\"https:\/\/portsidechandling.com\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n                <div class=\"project-card featured\">\n                    <h3>Edblo<\/h3>\n                    <p>Full-stack development<\/p>\n                    <a href=\"https:\/\/edblo.co.za\" target=\"_blank\">Visit Site \u2192<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Skills Section -->\n        <section class=\"section\">\n            <h2>Skills<\/h2>\n            <div class=\"skills-grid\">\n                <div class=\"skill-item\">\n                    <h3>Responsive Design<\/h3>\n                    <p>Mobile-first, cross-browser compatible websites<\/p>\n                <\/div>\n                <div class=\"skill-item\">\n                    <h3>WordPress<\/h3>\n                    <p>Theme customization and plugin development<\/p>\n                <\/div>\n                <div class=\"skill-item\">\n                    <h3>SEO Optimization<\/h3>\n                    <p>Technical SEO and content optimization<\/p>\n                <\/div>\n                <div class=\"skill-item\">\n                    <h3>Website Operations<\/h3>\n                    <p>Maintenance, updates, and performance optimization<\/p>\n                <\/div>\n                <div class=\"skill-item\">\n                    <h3>HTML &#038; CSS<\/h3>\n                    <p>Semantic markup and modern styling<\/p>\n                <\/div>\n                <div class=\"skill-item\">\n                    <h3>Bootstrap<\/h3>\n                    <p>Rapid development with Bootstrap framework<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Contact Section -->\n        <section class=\"section\">\n            <h2>Get in Touch<\/h2>\n            <p>Looking for a developer who values reliability, clarity, and continuous improvement?<\/p>\n            <p style=\"margin-top: 2rem;\">The most direct route to connect with me is through LinkedIn, where my current experience and professional profile are maintained.<\/p>\n            <a href=\"https:\/\/www.linkedin.com\/in\/corban-robertson-383860256\/\" target=\"_blank\" class=\"cta-button\" style=\"margin-top: 2rem;\">Connect on LinkedIn<\/a>\n        <\/section>\n    <\/div>\n\n    <!-- Footer -->\n    <footer>\n        <div class=\"container\">\n            <p>&copy; 2026 Corban Robertson. All rights reserved.<\/p>\n            <p style=\"margin-top: 1rem; font-size: 0.875rem;\"><a href=\"https:\/\/cjrobertson.co.za\">cjrobertson.co.za<\/a><\/p>\n        <\/div>\n    <\/footer>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Corban Robertson | Portfolio Corban Robertson Web Developer Edenvale, Gauteng, South Africa Technical discipline backed by daily operational responsibility. Connect on LinkedIn About My profile combines practical web development execution with the operational rigor required to keep live websites healthy, visible, and current. I bring a useful combination of technical responsibility and people-facing work, making [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cjrobertson.co.za\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cjrobertson.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cjrobertson.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cjrobertson.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cjrobertson.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":2,"href":"https:\/\/cjrobertson.co.za\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/cjrobertson.co.za\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/cjrobertson.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}