{% load staticfiles %}
<!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, minimum-scale=1, maximum-scale=1">
    <title>Smart Simulation</title>
    <link rel="apple-touch-icon" href="{% static 'base/image/Aicon.png' %}" /><!--아이폰 바로가기 아이콘--><!--권장-->
    <link rel="shortcut icon" href="{% static 'base/image/Aicon.png' %}" /><!--안드로이드폰 바로가기 아이콘--><!--권장-->
    <link rel='stylesheet' href='{% static 'base/css/common.css' %}'/>
    <link rel='stylesheet' href='{% static 'base/css/viewer.css' %}'/>
</head>

<style type="text/css">

	body{
		background-color: #e8e4e3;
	}

	.loginMainWrap{
		width: 100%;
		height: 698px;
		float: left;
	}

	.globalWrap{
		background-image: url("/static/base/image/smart-Main2.jpg");
	}

	.loginModalContentForm{
		position: absolute;
		top: 390px;
		left: 90px;
	}

	.loginModalContentForm input{
		width: 215px;
		height: 40px;
		margin-top: 10px;
		line-height: 40px;
	}

	.loginModalContentForm input[type=submit], .loginModalContentForm input[type=button]{
		width: 215px;
	}

	.login_data{
		border: 1px solid #e7e4e3;
		padding-left: 10px;
	}

	.mainBtn{
		background-color: #271317;
		border: none;
		color: #fff;
		text-align: center;
	}
</style>

<body>
<div class="globalWrap">
	<div class="loginMainWrap">
		<div class="loginModalContentForm">
			<form id="login-form" action="/accounts/login/" method="post">
			    <div>
	                {% csrf_token %}
	                <input class="login_data" id="id_username" name="username" type="text" placeholder='ID' autocapitalize="off"/><br/>
	                <input class="login_data" id="id_password" name="password" type="password" placeholder='Password'/><br>
				    <input type="submit" class='mainBtn login_btn' value="LOGIN"><br />
			    </div>
		    </form>
            <a href="{% url 'not_login:little_smart_intro' %}"><input type="button" class='mainBtn login_btn' value="GUEST"></a>
		</div>
	</div>
	<footer>
		<p>COPYRIGHT @ 2017 SMART FNC ALL RIGHT RESERVED</p>
	</footer>
</div>
    <script src='{% static 'base/js/jquery-1.12.3.min.js' %}'></script>
</body>
</html>