blur-admin/articles/001-getting-started/index.html

101 lines
6.5 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="admin,dashboard,template,angular,bootstrap,blur,panel,html,css,javascript">
<title>BlurAdmin documentation - Getting Started</title>
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png"><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K8MXX5F');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8MXX5F"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
<ul class="nav-site nav-site-internal">
<li><a href="/blur-admin/">Home</a></li>
<li><a href="/blur-admin/articles/001-getting-started/" class="active">Docs</a></li>
</ul><span class="nav-docs-right">Need some help? Let us know! <a href="mailto:contact@akveo.com">contact@akveo.com</a></span>
</div>
</div>
<section class="content wrap documentationContent">
<div class="nav-docs">
<div class="nav-docs section">
<h3>Quick Start</h3>
<ul>
<li><a href="/blur-admin/articles/001-getting-started/" class="active">Getting Started</a></li>
<li><a href="/blur-admin/articles/002-installation-guidelines/">Installation Guidelines</a></li>
</ul>
</div>
<div class="nav-docs section">
<h3>Customization</h3>
<ul>
<li><a href="/blur-admin/articles/011-changing-color-scheme/">Changing Color Scheme</a></li>
<li><a href="/blur-admin/articles/014-switch-to-blur-theme/">Enabling blur theme</a></li>
<li><a href="/blur-admin/articles/012-project-structure/">Project Structure</a></li>
<li><a href="/blur-admin/articles/013-create-new-page/">Create New Page</a></li>
</ul>
</div>
<div class="nav-docs section">
<h3>Components</h3>
<ul>
<li><a href="/blur-admin/articles/051-sidebar/">Sidebar</a></li>
</ul>
</div>
<div class="nav-docs section">
<h3>Other</h3>
<ul>
<li><a href="/blur-admin/articles/091-downloads/">Downloads</a></li>
</ul>
</div>
</div>
<div class="inner-content">
<h1>Getting Started</h1>
<div class="subHeader"></div><h2 id="what-is-bluradmin-">What is BlurAdmin?</h2>
<p>Blur admin is Angular front-end Admin Dashboard template. That means all data you can see on graphs, charts tables is hardcoded in Javascript. You can use any backend you want with it without<span class="widont">&nbsp;</span>limitations.</p>
<h2 id="how-can-it-help-me-">How can it help<span class="widont">&nbsp;</span>me?</h2>
<p>We believe that that at the moment a lot of business applications have some kind of admin interface inside of them. Sometimes its not that obvious, but a lot of web applications have dashboard with panels, charts<span class="widont">&nbsp;</span>analytics.</p>
<p>BlurAdmin aims to bootstrap development of your product and provide ecosystem for building a prototype or even production-ready<span class="widont">&nbsp;</span>application.</p>
<p>Despite frameworks like Bootstrap provide a number of components, usually its not enough of them to build real-world app. This template comes with lots of popular <span class="caps">UI</span> components with unified color<span class="widont">&nbsp;</span>scheme.</p>
<p>As well you can use BlurAdmin for learning<span class="widont">&nbsp;</span>purposes.</p>
<h2 id="list-of-features">List of features</h2>
<ul>
<li>Responsive layout</li>
<li>High resolution</li>
<li>Bootstrap <span class="caps">CSS</span> Framework</li>
<li>Sass</li>
<li>Gulp build</li>
<li>AngularJS</li>
<li>Jquery</li>
<li>Jquery ui</li>
<li>Charts (amChart, Chartist, Chart.js,<span class="widont">&nbsp;</span>Morris)</li>
<li>Maps (Google, Leaflet,<span class="widont">&nbsp;</span>amMap)</li>
<li>etc</li>
</ul>
<h2 id="i-want-to-start-developing-with-bluradmin">I want to start developing with<span class="widont">&nbsp;</span>BlurAdmin</h2>
<p>Welcome abroad!</p>
<p>You can start with <a href="/blur-admin/articles/002-installation-guidelines/">Installation Guidelines</a>. We describe there how can you download and run template on you local<span class="widont">&nbsp;</span>machine.</p>
<p>Good luck and have<span class="widont">&nbsp;</span>fun!</p>
</div>
</section>
<footer class="wrap">
<div class="left">Powered by Angular, Bootstrap, Gulp and more...</div>
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/blur-admin"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1000;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
</body>
</html>