162 lines
4.8 KiB
HTML
162 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-gb" dir="ltr" class="uk-notouch">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="robots" content="noindex,nofollow">
|
|
|
|
<title>Bludit</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/uikit.css">
|
|
<link rel="stylesheet" type="text/css" href="css/default.css">
|
|
<link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css">
|
|
|
|
<script charset="utf-8" src="js/jquery.min.js"></script>
|
|
<script charset="utf-8" src="js/uikit.min.js"></script>
|
|
<script charset="utf-8" src="js/jquery.datetimepicker.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Logo -->
|
|
<div id="logo" class="uk-hidden-small">
|
|
<div class="uk-container uk-container-center">
|
|
<a class="uk-navbar-brand" href="#">
|
|
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- NAVBAR -->
|
|
<nav class="uk-navbar">
|
|
<div class="uk-container uk-container-center">
|
|
|
|
<ul class="uk-navbar-nav uk-hidden-small">
|
|
<li class="uk-active"><a href=""><i class="uk-icon-cog"></i> Dashboard</a></li>
|
|
<li><a href=""><i class="uk-icon-pencil-square-o"></i> New post</a></li>
|
|
<li><a href=""><i class="uk-icon-cog"></i> New page</a></li>
|
|
|
|
<li class="uk-parent" data-uk-dropdown>
|
|
<a href="http://www.getuikit.com"><i class="uk-icon-cog"></i> Manage</a>
|
|
<div class="uk-dropdown uk-dropdown-navbar">
|
|
<ul class="uk-nav uk-nav-navbar">
|
|
<li><a href="#"><i class="uk-icon-pencil-square-o"></i> Posts</a></li>
|
|
<li><a href="#"><i class="uk-icon-cog"></i> Pages</a></li>
|
|
<li><a href="#"><i class="uk-icon-cog"></i> Users</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="uk-parent" data-uk-dropdown>
|
|
<a href="http://www.getuikit.com"><i class="uk-icon-cog"></i> Settings</a>
|
|
<div class="uk-dropdown uk-dropdown-navbar">
|
|
<ul class="uk-nav uk-nav-navbar">
|
|
<li><a href="#">General</a></li>
|
|
<li><a href="#">Advanced</a></li>
|
|
<li><a href="#">Lenguage & Timezone</a></li>
|
|
<li class="uk-nav-divider"></li>
|
|
<li><a href="#">Plugins</a></li>
|
|
<li><a href="#">Themes</a></li>
|
|
<li class="uk-nav-divider"></li>
|
|
<li><a href="#">About Bludit</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>
|
|
<div class="uk-navbar-brand uk-navbar-center uk-visible-small">Bludit</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- OFFCANVAS -->
|
|
<div id="offcanvas" class="uk-offcanvas">
|
|
<div class="uk-offcanvas-bar">
|
|
<ul class="uk-nav uk-nav-offcanvas">
|
|
<li class="uk-active">
|
|
<a href="layouts_frontpage.html">Frontpage</a>
|
|
</li>
|
|
<li>
|
|
<a href="layouts_portfolio.html">Portfolio</a>
|
|
</li>
|
|
<li>
|
|
<a href="layouts_blog.html">Blog</a>
|
|
</li>
|
|
<li>
|
|
<a href="layouts_documentation.html">Documentation</a>
|
|
</li>
|
|
<li>
|
|
<a href="layouts_contact.html">Contact</a>
|
|
</li>
|
|
<li>
|
|
<a href="layouts_login.html">Login</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- VIEW -->
|
|
<div class="uk-container uk-container-center">
|
|
|
|
<h2 class="subtitle"><i class="uk-icon-cog"></i> New post</h2>
|
|
|
|
<form class="uk-form uk-form-stacked">
|
|
<div class="uk-grid">
|
|
|
|
<!-- LEFT -->
|
|
<div class="uk-width-large-7-10">
|
|
|
|
<div class="uk-form-row">
|
|
<input placeholder="Title" name="title" class="uk-width-1-1 uk-form-large">
|
|
</div>
|
|
|
|
<div class="uk-form-row">
|
|
<textarea class="uk-width-1-1 uk-form-medium" cols="" rows="20" placeholder="Content"></textarea>
|
|
</div>
|
|
|
|
<div class="uk-form-row uk-margin-bottom">
|
|
<button class="uk-button uk-button-primary" type="submit">Publish</button>
|
|
<a href="#" class="uk-button">Cancel</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- RIGHT -->
|
|
<div class="uk-width-large-3-10">
|
|
|
|
<div class="uk-form-row">
|
|
<textarea class="uk-width-1-1 uk-form-medium" cols="" rows="5" placeholder="Description"></textarea>
|
|
<p class="uk-form-help-block">description less than</p>
|
|
</div>
|
|
|
|
<div class="uk-form-row">
|
|
<label class="uk-form-label" for="jsdate">Date</label>
|
|
<div class="uk-form-controls">
|
|
<input id="jsdate" placeholder="" name="date" class="uk-width-1-1 uk-form-large">
|
|
</div>
|
|
<p class="uk-form-help-block">Select a day to schedule the post</p>
|
|
</div>
|
|
|
|
<div class="uk-form-row">
|
|
<label class="uk-form-label" for="jsslug">Slug</label>
|
|
<div class="uk-form-controls">
|
|
<input id="jsslug" placeholder="" name="slug" class="uk-width-1-1 uk-form-large">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="uk-form-row">
|
|
<label class="uk-form-label" for="jsslug">Tags</label>
|
|
<div class="uk-form-controls">
|
|
<input id="jstags" placeholder="" name="tags" class="uk-width-1-1 uk-form-large">
|
|
</div>
|
|
<p class="uk-form-help-block">Tags separated by commas</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |