MentalMed.php


<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
        body {font-family: Arial, Helvetica, sans-serif;
        width:50%;
        margin:auto;
        margin-top:5%;}
        * {box-sizing: border-box;}

        #low-result{
            width:80%;
            border:2px solid #ff3256;
            border-radius:10px;
            margin:40px 10%;
            padding:20px;
        }
        p{
            font-size:30px;
        }
        #form-img{
            max-width:20%;
            margin:1%;
        }
        #form-head{
            display:flex;
            justify-content:center;
            align-items:center;
        }
        .container {
        border-radius: 5px;
        background-color: #f2f2f2;
        padding: 20px;
        clear: both;
        }
        .container input{
        width: 100%;
        clear: both;

        }
        </style>
    </head>
    <body>
        <div id="form-head">
            <h2 style="text-align: center; font-size:40px; color:#ff3256; margin:2%;">Your Analysis- <div style="color:#d1c216">Moderate mental Health</div></h2>
        </div> 
        <div id="low-result">
            <p>Your results indicate that your mental well-being is moderate! We all go through ups and downs, but most of the time we can cope with life's
            changes with support from others. Check out our community tab to engage in activities that can help you feel better. You can also consult our
            counselors and therapists for proper professional advice.</div>
    </body>
    </html>