71 lines
1.8 KiB
HTML
71 lines
1.8 KiB
HTML
|
<!doctype html>
|
||
|
<html>
|
||
|
<head>
|
||
|
<meta charset="utf-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
||
|
<title>Your page title</title>
|
||
|
|
||
|
<link rel="stylesheet" href="./css/pure-min.css">
|
||
|
<link rel="stylesheet" href="./css/default.css">
|
||
|
<link rel="stylesheet" href="./css/css/font-awesome.css">
|
||
|
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
|
||
|
<div class="pure-g">
|
||
|
|
||
|
<div class="pure-u-1-5"><div id="sidebar">
|
||
|
|
||
|
<ul>
|
||
|
<li><a href="#"><i class="fa fa-pencil-square-o fa-right"></i>New post</a></li>
|
||
|
<li><a href="#"><i class="fa fa-file-text-o fa-right"></i>New page</a></li>
|
||
|
<li><a href="#"><i class="fa fa-file-text-o fa-right"></i>Manage</a></li>
|
||
|
<li><a href="#"><i class="fa fa-file-text-o fa-right"></i>Settings</a></li>
|
||
|
<li><a href="#"><i class="fa fa-file-text-o fa-right"></i>Themes</a></li>
|
||
|
<li><a href="#"><i class="fa fa-file-text-o fa-right"></i>Plugins</a></li>
|
||
|
</ul>
|
||
|
|
||
|
</div></div>
|
||
|
|
||
|
|
||
|
<div class="pure-u-4-5"><div id="content">
|
||
|
|
||
|
<div id="head">
|
||
|
<h1>Bludit</h1>
|
||
|
</div>
|
||
|
|
||
|
<div id="main">
|
||
|
<form class="pure-form pure-form-stacked">
|
||
|
<fieldset>
|
||
|
<legend>A Stacked Form</legend>
|
||
|
|
||
|
<label for="email">Email</label>
|
||
|
<input id="email" type="email" placeholder="Email">
|
||
|
|
||
|
<label for="password">Password</label>
|
||
|
<input id="password" type="password" placeholder="Password">
|
||
|
|
||
|
<label for="state">State</label>
|
||
|
<select id="state">
|
||
|
<option>AL</option>
|
||
|
<option>CA</option>
|
||
|
<option>IL</option>
|
||
|
</select>
|
||
|
|
||
|
<label for="remember" class="pure-checkbox">
|
||
|
<input id="remember" type="checkbox"> Remember me
|
||
|
</label>
|
||
|
|
||
|
<button type="submit" class="pure-button pure-button-primary">Sign in</button>
|
||
|
</fieldset>
|
||
|
</form>
|
||
|
</div>
|
||
|
|
||
|
</div></div>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
</body>
|
||
|
</html>
|