popup.html

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>성적 시뮬레이션 계산기</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            width: 700px;  /* 팝업의 너비 설정 */
            height: 200px; /* 팝업의 높이 설정 */
        }
        table {
            width: 100%;
            margin: 20px 0;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: center;
        }
        th {
            background-color: #72132F;
            color: white;
        }
        .editable {
            background-color: #F5BCA9;
        }
        .thisSemester {
            background-color: #FFFACD;
        }
        .strikeout {
            text-decoration: line-through;
        }
        button {
            padding: 5px 15px;
            margin: 10px 0;
        }
        h1, h2, h3, h4 {
            text-align: center;
        }
    </style>
</head>
<body>
    <div style="text-align: center;">
        <img src="/kw-image.jpg" width="90" height="80">
    </div>
    <h1>광운대학교 졸업 시뮬레이션</h1>
    
    <h4>✔️졸업 가능 확인 : 현재 졸업까지 남은 이수 현황을 확인해보세요.<br/>
        (현재 지원 학과 - 전자공학과, 정보융합학부, 경영학부) <br/><br/>
        ✔️성적 계산기 : (재)수강 예정인 과목들의 학점을 미리 입력해<br/>
        &nbsp;&nbsp;      예상 졸업 학점을 계산해보세요.<h4>
    
</body>
<footer>
    <a href="https://github.com/plz-graduate/KW-Graduation">GITHUB</a>

</footer>
</html>