<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Immigration South Africa</title>
    <style>
        :root {
            --primary: #0056b3;
            --secondary: #004a59;
            --accent: #00d084;
            --dark: #000;
            --light: #f4f4f4;
            --text: #333;
        }

        body { font-family: 'Open Sans', Arial, sans-serif; line-height: 1.6; color: var(--text); margin: 0; padding: 0; }
        header { background: #fff; padding: 20px; border-bottom: 3px solid var(--primary); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
        .logo img { max-width: 300px; height: auto; }
        nav { display: flex; gap: 15px; flex-wrap: wrap; }
        nav a { text-decoration: none; color: var(--primary); font-weight: bold; font-size: 0.9rem; }
        
        .hero { background: var(--secondary); color: #fff; padding: 60px 20px; text-align: center; }
        .hero-img { width: 100%; max-width: 800px; margin: 20px auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
        
        .container { max-width: 1100px; margin: 0 auto; padding: 40px 20px; display: grid; grid-template-columns: 1fr 300px; gap: 40px; }
        @media (max-width: 768px) { .container { grid-template-columns: 1fr; } }

        .breaking-news { background: #fee; border-left: 5px solid #d00; padding: 20px; margin-bottom: 30px; }
        .card { padding: 20px; border: 1px solid #ddd; margin-bottom: 20px; }
        
        footer { background: var(--dark); color: #fff; text-align: center; padding: 40px; margin-top: 40px; }
        .social-link { width: 40px; height: 40px; background: #3b5998; color: #fff; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 4px; }
    </style>
</head>
<body>

<header>
    <div class="logo">
        <img src="/assets/julian-pokroy-logo.png" alt="Immigration South Africa Logo">
    </div>
    <nav>
        <a href="/archive/home/about-us/index.html">About Us</a>
        <a href="/archive/home/categories-of-residence/index.html">Categories of Residence</a>
        <a href="/archive/home/citizenship/appointment-assessment-questionnaire/index.html">Assessment</a>
    </nav>
</header>

<section class="hero">
    <h1>Navigating South African Immigration Law</h1>
    <img src="/assets/SA_Passport_Coat_of_Arms_2010_web.jpg" class="hero-img" alt="Official Coat of Arms">
</section>

<div class="container">
    <main>
        <div class="breaking-news">
            <h2>BREAKING NEWS: COVID-19 Lockdown</h2>
            <p>With effect from midnight on Thursday 26th March 2020 South Africa will be on lockdown. Only essential and emergency services will be allowed to operate and movement of individuals is restricted.</p>
        </div>
        
        <article>
            <h2>Immigration Update (May 2014)</h2>
            <p>The Minister of Home Affairs has signed the Immigration Regulations which empower the Immigration Amendment Act 13 of 2011.</p>
            <img src="/assets/com09.jpg" style="width:100%; max-width:400px; display:block; margin: 20px 0;" alt="Home Affairs Update">
        </article>
    </main>

    <aside>
        <div class="card">
            <h3>Our Team</h3>
            <img src="/assets/tarryn.jpg" style="width:100px; height:100px; border-radius:50%;" alt="Tarryn">
            <p>Tarryn Pokroy Rietveld</p>
        </div>
        <div class="card">
            <h3>Connect</h3>
            <a href="#" class="social-link" style="background-image: url('/assets/Facebook-300x98.png'); background-size: cover;"></a>
        </div>
    </aside>
</div>

<footer>
    <p>&copy; 2024 Immigration South Africa. All rights reserved.</p>
</footer>

<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"f78ea6a6fe5d48fbaba5138afb9f97ff","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html><!--
     FILE ARCHIVED ON 11:42:02 May 29, 2026 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:22:22 May 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
-->
<!--
playback timings (ms):
  capture_cache.get: 0.335
  load_resource: 5.507
-->