personalinfoguide.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>使用文档</title>
    <style>
        #leftMenu ul{width:200px;position:absolute;background:#DADADA;list-style:none;}
        #leftMenu li{width:200px;position: relative;}
        #leftMenu li>ul{left: 100px;top: 0;display: none;}
        #leftMenu li:hover>ul{display: block;}
    </style>
</head>
<body>
    <div id="leftMenu">
        <ul>
            <li><a href="Document.html">Athandia Introduction</a></li>
            <li><a href="#">Guide For Students</a>
                <ul>
                    <li><a href="personalinfoduide.html">Edit Personal Info</a></li>
                    <li><a href="#">Edit Projects</a></li>
                </ul>
            </li>
            <li><a href="guideforadvisors.html">Guide For Advisors</a>
                <ul>
                    <li><a href="guideforadvisors.html">Identity Verification</a></li>
                    <li><a href="guideforadvisors.html">Search Projects</a></li>
                </ul>
            </li>
        </ul>
    </div>

    <div style="position: relative;float:right;right:100px;width:800px;">
        <p>Edit Your Personal Info</p><br>
        <p>1.Account Setting</p>
        <P>Hopefully, you have already used your e-mail address to sign up.</P>
        <p>After clicking 'log in', you will open your usermain page.</p>
        <img src="usermain.png"  alt="usermain page" style="height:300px;width: 500px;" />
        <p>First of all, you need to set your account, Click 'Account Setting', then Click'edit Account' and Edit your account info.</p>
        <img src="account set.PNG"  alt="account set" style="height:300px;width: 500px;" />
        <p>Return back to 'My Projects', Click 'Click Here to Add New Projects' and Edit your first projects details.</p>
        <img src="projectinfo.PNG" alt="projectinfo" style="height:300px;width: 500px;" />
        <p>After click "Submit", now you have your first project in your dashboard. Click "edit project" to open certain project. Click "delete project" to delete certain one.</p>
        <img src="prodashboard.PNG" alt="prodashboard" style="height:300px;width: 500px;" />
        <p>To see how to further edit your own project, click the "Edit Projects" on the guide menu.</p>
    </div>
    
</body>
</html>