<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<title>HM0x14 - WE(P)B | User</title>

		<link href="static/min.css" rel="stylesheet" type="text/css">

		<style>
		.hero {
			background: #eee;
			padding: 20px;
			border-radius: 10px;
			margin-top: 1em;
		}
		
		input,textarea {
			border: 1px solid #ccc;
			box-shadow: inset 0 1px 3px #ddd;
			border-radius: 2px;
			vertical-align: middle;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			width: 320px;
			max-width: 100%;
			padding: 0.5em 0.6em;
			margin-bottom: 0.5em;
		}
		</style>
	</head>
	<body>
	{% include 'navbar.html' %}
		<div class="container">
			<div class="row">
    			<div class="col c6">
    			<h1>Update description</h1>
    			<hr>
    				<form method="post" action="">
    					<textarea name="description" id="description" rows="12">{{ description }}</textarea>
						<input type="submit" class="btn btn-a btn-sm smooth" value="Update">
    				</form>
    			</div>
				<div class="col c6">
    			<h1>Profile description</h1>
    			<hr>
    				<div class="hero">
    					<p>{{ description }}</p>
    				</div>
    			</div>
    		</div>
		</div>
	</body>
</html>
