Menu



Manage

Cord > Project_AI이미지 처리 전체 다운로드
Project_AI이미지 처리 > venv/templates/index.html Lines 76 | 3.0 KB
다운로드

                        <!DOCTYPE html>
<html>
<head>
    <title>Login</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
    <br>
    <br>
    <br>

    {% with messages = get_flashed_messages() %}
        {% if messages %}
            <ul class="flashes">
            {% for message in messages %}
                <li>{{ message }}</li>
            {% endfor %}
            </ul>
        {% endif %}
    {% endwith %}

    <!-- 로그인창 -->
    <div class="container">
	    <div class="row align-items-center flex-row">

             <!-- 빈 공간 -->
	    	<div class="col-md-4">

            </div>
	            
            <!-- 로그인 공간 -->
            <div class="col-md-4" style="border-radius: 8px; border: 1px solid #dddddd; padding: 3px;">
                <div class="container">
                    <div class="jumbotron" style="padding-top: 20px;">

                        <h4 style="text-align: center;">로그인</h4>
                        <hr>

                        <form method="POST">    
                            {{ form.csrf_token }}
                            <div clss = "mb-3">
                                <label for="계정" class = "form-label">계정</label>      
                                <input type="text" id="id" name="id" class="form-control" placeholder="ID" style="width: 100%">
                            </div>
                            <div class="mb-3">
                                <label for="비밀번호" class = "form-label">비밀번호</label>
                                <input type="password" id="password" name="password" class="form-control" placeholder="PW">
                            </div>
                            {% if error %}
                            <p style="color: red;">{{ error }}</p>
                            {% endif %}
                            <div style="text-align: center;"><button type ="submit" class = "btn btn-primary">접속</button></div>
                        </form>
                        <hr>

                        <p style="text-align: center;">계정이 없는 경우</p>
                        <div style="text-align: center;"><a  href="{{ url_for('signup') }}">회원 가입</a></div>
		            </div>
		        </div>
		    </div>

            <!-- 빈 공간 -->
            <div class="col-md-4">
            
            </div>

        </div>
    </div>


    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>