Login front end - init

e9249be4 · Mikhael Artur Darmakesuma · 3aaf0282 · e9249be4 · e9249be4
Commit e9249be4 authored 7 years ago by Mikhael Artur Darmakesuma
--- a/view/Login.html
+++ b/view/Login.html
+<html>
+	<head>
+		<title>Projekers - Login</title>
+		<link rel = "stylesheet" href = "Style.css">
+	</head>
+	<body>
+		<div class = "kotak">
+			<div>
+				<div class = "horizontal"></div>
+				<div class = "judul">LOGIN</div>
+				<div class = "horizontal"></div>
+			</div>
+			
+			<div class = "form_input">
+				<form>
+					<div class="set">
+						<div class="label">Username</div>
+						<div class="field"><input type = "text"></div>
+					</div>
+					
+					<div class="set">
+						<div class="label">Password</div>
+						<div class="field"><input type = "password"></div>
+					</div>
+					<div class="linkset">
+						<div class="link"><a href="">Don't have an account?</a></div>
+						<div class="submitbutton">
+							<input type = "Submit" value = "GO!" class = "submit">
+						</div>
+					</div>
+				</form>
+			</div>
+		</div>
+	</body>
+</html>
+
--- a/view/Style.css
+++ b/view/Style.css
+.kotak{
+	background-color: #8BBD3C;
+	border-color: #02702C;
+	border-width: 10px;
+	border-style: solid;
+	border-radius: 50px;
+	width: 30%;
+	margin: 20 35% 0 35%;
+	padding: 10 10 10 10;
+}
+
+.horizontal{
+	text-align: center;
+	border-bottom: 2px solid #02702C;
+	width: 25%;
+	float: left;
+	margin: 35 2.5% 100 2.5%;
+}
+
+.judul{
+	font-family: "Arial";
+	font-weight: bold;
+	text-align: center;
+	font-size: 300%;
+	color: #008800;
+	margin: 10 0 50 0;
+	width: 40%;
+	float: left;
+}
+
+.form_input{
+	width: 100%;
+	margin: auto auto 50 auto;
+}
+
+.set div{
+	text-align: center;
+	display: inline-block;
+}
+
+.form_input input{
+	height: 2em;
+}
+
+.label{
+	margin-top: 2;
+	width: 35%;
+	text-align: left;
+	vertical-align: middle;
+	font-family: "Arial";
+	font-weight: bold;
+	color: #008800;
+	font-size: 150%;
+}
+
+.field{
+	width: 60%;
+	vertical-align: middle;
+}
+
+.field input{
+	width:100%;
+	height: 2em;
+}
+.linkset div{
+	display: inline-block;
+}
+.submitbutton{
+	margin-top:5px;
+}
+
+.submit{
+	background-color: #82D800;
+	border-color: #000000;
+	border-radius: 5px;
+	width: 200%;
+	font-size: 120%;
+	padding: 0 0 0 0;
+	color: #008800;
+	font-weight: bold;
+	margin: 50 2.5% 20 2.5%;
+}
+
+.link{
+	font-family: "Arial";
+	width: 70%;
+	text-align: left;
+	margin-left: 3%;
+}
\ No newline at end of file