index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <!--Metadata-->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--Add title and favicon-->
    <title>Johaan Paul</title>
    <link rel="icon" type="image/jpg" href="/Assets/Local/Icons/Transparent Icon.png">

    <!--Link Global and Local CSS Files-->
    <link rel="stylesheet" type="text/css" href="/global.css"><!--Global-->

    <!--Link Global And Local JS Files-->
    <script src="/global.js"></script><!--Global-->
    
    <!--Addons-->
    <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>

    <!--Redirect to Home Page-->
    <meta http-equiv="refresh" content="0; url=./home/">
</head>


<!--Title-->
<header class="section">
    <h1>Johaan Paul</h1>
</header>


<!--Navigation Bar-->
<nav class="flex-container section">
    <a id="Home-Button" class="flex-child" href="/home/">
        <ion-icon id="Home-Icon" name="home-outline"></ion-icon>
        Home
    </a>
    
    <a id="About-Me-Button" class="flex-child" href="/about-Me/">
        <ion-icon id="About-Me-Icon" name="person-circle-outline"></ion-icon>
        About Me
    </a>
    
    <a id="My-Projects-Button" class="flex-child" href="/projects/">
        <ion-icon id="My-Projects-Icon" name="game-controller-outline"></ion-icon>
        My Projects
    </a>
</nav>


<!--Main Page Content-->
<body>
    <div class="section">
        <h1>redirect error</h1>
        <p>
            I'm sorry that the redirect to the <a class="link" href="/home/">Home Page</a> didn't work.<br>
            To visit the <a class="link" href="/home/">Home Page</a>, please click on <a class="link" href="/home/">this link</a>.
            If the link doesn't work, you can send me an email at <a class="link" href="https://mail.google.com/mail/?view=cm&fs=1&to=feedback@johaan.org" target="_blank">feedback@johaan.org</a>.<br>
            Once again, I apologize for any inconvenience caused and appreciate your visit to my website.
        </p>
    </div>
</body>


<!--Footer-->
<footer class="section flex-container">
    <a id="Facebook-Icon" class="flex-child" href="https://www.facebook.com/JohaanPaul1234/" target="_blank">
    <ion-icon name="logo-facebook"></ion-icon>
    </a>

    <a id="Github-Icon" class="flex-child" href="https://github.com/dinnerbone422" target="_blank">
    <ion-icon name="logo-github"></ion-icon>
    </a>

    <a id="Instagram-Icon" class="flex-child" href="https://www.instagram.com/johaan_paul/" target="_blank">
    <ion-icon name="logo-instagram"></ion-icon>
    </a>

    <a id="Steam-Icon" class="flex-child" href="https://steamcommunity.com/profiles/76561199037617555/" target="_blank">
    <ion-icon name="logo-steam"></ion-icon>
    </a>

    <a id="Tiktok-Icon" class="flex-child" href="https://www.tiktok.com/@dinnerbone422" target="_blank">
    <ion-icon name="logo-tiktok"></ion-icon>
    </a>

    <a id="Twitter-Icon" class="flex-child" href="https://twitter.com/paul_johaan" target="_blank">
    <ion-icon name="logo-twitter"></ion-icon>
    </a>

    <a id="Whatsapp" class="flex-child" href="https://api.whatsapp.com/send?phone=64224240565" target="_blank">
    <ion-icon name="logo-whatsapp"></ion-icon>
    </a>

    <a id="Xbox-Icon" class="flex-child" href="https://account.xbox.com/en-us/profile?gamertag=DinnerBone65174" target="_blank">
    <ion-icon name="logo-xbox"></ion-icon>
    </a>

    <a id="Youtube-Icon" class="flex-child" href="https://www.youtube.com/channel/UCORvL_etj1agiFdXrmos_fg" target="_blank">
    <ion-icon name="logo-youtube"></ion-icon>
    </a>

    <a id="Mail-Icon" class="flex-child" href="https://mail.google.com/mail/?view=cm&fs=1&to=feedback@johaan.org" target="_blank">
    <ion-icon name="mail"></ion-icon>
    </a>

    <!-- add More social-Icon Links here--->
</footer>
</html>