
<!DOCTYPE html> 
<html lang="en"> 
  
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="aichm.org">

    <title> AICHM | 404 </title> 

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<style>
        * { 
        margin: 0; 
        padding: 0; 
        box-sizing: border-box; 
        } 

        body { 
            font-family: Arial, sans-serif; 
            background-color:whitesmoke;
            display: flex; 
            justify-content: center; 
            align-items: center; 
            height: 100vh; 
        } 

        .container { 
            text-align: center; 
            background-color: #fff; 
            padding: 20px; 
            border-radius: 5px; 
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 
        } 

        h1 { 
            font-size: 4rem; 
            color: #ff311e; 
        } 

        .section-header-underline {
        border: 2px solid red;
        width: 10rem;
        margin: 0 auto;
        margin-bottom: 30px;
        }

        a { 
            text-decoration: none; 
            background-color: #ff311e; 
            color: #fff; 
            padding: 10px 20px; 
            border-radius: 20px; 
            font-weight: bold; 
            transition: background-color 0.3s ease; 
        } 

        a:hover { 
            background-color: green; 
            color: #fff; 
        }

</style>

</head> 
  
<body> 
    <div class="container"> 
       
        <div class="row justify-content-center">
            <div class="col-lg-5">
                <div class="p-4 bg-white border rounded container">
                    <img src="assets/img/logo/AICHM_Logo.svg" alt="AICHM Logo" width="100%" height="100%">
                </div>
            </div>

            <div class="col-lg-5">

                <div class="p-5 bg-white border rounded container">

                    <h1> 404 </h1><br> 
                    <h3>Houston, we have a problem.</h3><br>
                    <p> 
                        Actually, the page you are looking for does not exist. 
                    </p> <br>
                    <a class="m-3" href="https://www.aichm.org/">  Go Back to Home </a> 
                </div>

            </div>

        </div>

    </div> 
</body> 
  
</html>


