298 lines
14 KiB
HTML
298 lines
14 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
|
||
<meta charset="utf-8" />
|
||
<title>Getting Started | Webadmin Admin & Dashboard Template</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta content="Webadmin Premium Multipurpose Admin & Dashboard Template documentation of HTML" name="description" />
|
||
<meta content="Themesdesign" name="author" />
|
||
<meta name="keywords" content="Webadmin Admin & Dashboard Template Documentation">
|
||
<!-- App favicon -->
|
||
<link rel="shortcut icon" href="assets/images/favicon.ico">
|
||
|
||
<!-- Bootstrap Css -->
|
||
<link href="assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css" />
|
||
<!-- Icons Css -->
|
||
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
|
||
<!-- App Css-->
|
||
<link href="assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css" />
|
||
|
||
</head>
|
||
|
||
<body data-topbar="dark" data-spy="scroll" data-target=".right-side-nav" data-offset="175">
|
||
|
||
<!-- Begin page -->
|
||
<div id="layout-wrapper">
|
||
|
||
<header id="page-topbar">
|
||
<div class="navbar-header">
|
||
<div class="d-flex">
|
||
<!-- LOGO -->
|
||
<div class="navbar-brand-box">
|
||
<a href="index.html" class="logo logo-light">
|
||
<span class="logo-sm">
|
||
<img src="assets/images/logo-light-sm.png" alt="" height="30">
|
||
</span>
|
||
<span class="logo-lg">
|
||
<img src="assets/images/logo-light.png" alt="" height="30">
|
||
</span>
|
||
</a>
|
||
</div>
|
||
|
||
<button type="button" class="btn btn-sm px-3 font-size-24 header-item waves-effect d-lg-none" id="vertical-menu-btn">
|
||
<i class="mdi mdi-menu"></i>
|
||
</button>
|
||
|
||
</div>
|
||
|
||
<div class="d-flex">
|
||
|
||
|
||
<div class="d-inline-block">
|
||
<h5 class="header-item m-0"><span class="badge badge-danger">v1.0.0</span></h5>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ========== Left Sidebar Start ========== -->
|
||
<div class="vertical-menu">
|
||
|
||
<div data-simplebar class="h-100">
|
||
|
||
<!--- Sidemenu -->
|
||
<div id="sidebar-menu">
|
||
<!-- Left Menu Start -->
|
||
<ul class="metismenu list-unstyled" id="side-menu">
|
||
<li class="menu-title">Docs</li>
|
||
|
||
<li>
|
||
<a href="index.html" class="waves-effect">
|
||
<i class="mdi mdi-text-box-outline"></i>
|
||
<span>Introduction</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a href="setup.html" class=" waves-effect">
|
||
<i class="mdi mdi-cog-outline"></i>
|
||
<span>Setup</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="menu-title">Layouts</li>
|
||
|
||
<li>
|
||
<a href="horizontal.html" class=" waves-effect">
|
||
<i class="mdi mdi-flip-vertical"></i>
|
||
<span>Horizontal</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a href="vertical.html" class=" waves-effect">
|
||
<i class="mdi mdi-flip-horizontal"></i>
|
||
<span>Vertical</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="menu-title">Themes</li>
|
||
|
||
<li>
|
||
<a href="dark.html" class=" waves-effect">
|
||
<i class="mdi mdi-weather-night"></i>
|
||
<span>Dark Version</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a href="rtl.html" class=" waves-effect">
|
||
<i class="mdi mdi-web"></i>
|
||
<span>RTL Version</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="menu-title">Other</li>
|
||
|
||
<li>
|
||
<a href="changelog.html" class=" waves-effect">
|
||
<i class="mdi mdi-format-list-bulleted"></i>
|
||
<span>Changelog</span>
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
<!-- Sidebar -->
|
||
</div>
|
||
</div>
|
||
<!-- Left Sidebar End -->
|
||
|
||
<!-- ============================================================== -->
|
||
<!-- Start right Content here -->
|
||
<!-- ============================================================== -->
|
||
<div class="main-content">
|
||
|
||
<div class="page-content">
|
||
<div class="container-fluid">
|
||
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="d-xl-flex">
|
||
|
||
<div class="w-100">
|
||
<div class="p-lg-1">
|
||
|
||
<div id="intro" class="mb-5">
|
||
<h4 class="mt-0 mb-4">Introduction</h4>
|
||
|
||
<p>
|
||
Thank you for purchasing Webadmin Admin & Dashboard
|
||
Template.
|
||
</p>
|
||
<p>
|
||
Webadmin is a simple and beautiful admin dashboard template built
|
||
on top of awesome <strong>Bootstrap 5.1.3</strong>. It's crafted
|
||
using modern web technologies <strong>HTML5, CSS3, Gulp</strong> and <strong>Yarn</strong>.
|
||
</p>
|
||
<p>
|
||
</p>
|
||
<p>
|
||
Webadmin is an admin dashboard template that is a beautifully
|
||
crafted, clean & minimal designed admin template with Dark,
|
||
Light Layouts with RTL options. You can build any type of web
|
||
application like Saas based interface, eCommerce, CRM, CMS,
|
||
Project management apps, Admin Panels, etc of any project.
|
||
</p>
|
||
<p>
|
||
Webadmin Admin & Dashboard Template is easily customizable and
|
||
developer-friendly codes. It will help your team moving faster
|
||
and saving development costs and valuable time.
|
||
</p>
|
||
<p>
|
||
If you’re a developer looking for an admin dashboard that is
|
||
fully responsive with Bootstrap then you are at the right place
|
||
to start your project using Webadmin Admin & Dashboard Template.
|
||
</p>
|
||
<p>
|
||
Webadmin contains lots of new design widgets with responsive on all
|
||
screens. Also, there are 6 different types of Layouts we have
|
||
added. It is very easy to
|
||
change any layout in your existing running application. We have
|
||
written minimum SCSS and codes to increase performance.
|
||
</p>
|
||
<p>
|
||
If you have any questions that are beyond the scope of this
|
||
documentation, please feel free to email or contact us via our
|
||
profile page or sent email on <code>support@Themesdesign.com</code>
|
||
</p>
|
||
</div>
|
||
|
||
<div id="structure" class="mb-5">
|
||
<h5 class="mt-0 mb-3">📁 Folder & Files Structure</h5>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
|
||
<pre class="mb-0">
|
||
├── admin
|
||
├── dist - Compiled version (Simple HTML Version)
|
||
├── src directory
|
||
├── assets
|
||
├── fonts
|
||
├── images
|
||
├── js
|
||
└── scss
|
||
├── custom
|
||
├── _variables.scss
|
||
├── app.scss
|
||
├── bootstrap.scss
|
||
└── icons.scss
|
||
├── partials
|
||
├── body.html
|
||
├── footer.html
|
||
├── head-css.html
|
||
├── horizontal.html
|
||
├── main.html
|
||
├── menu.html
|
||
├── page-title.html
|
||
├── right-sidebar.html
|
||
├── sidebar.html
|
||
├── title-meta.html
|
||
├── topbar.html
|
||
└── vendor-scripts.html
|
||
└── all html pages
|
||
├── gulpfile.js
|
||
├── package.json
|
||
└── yarn.lock
|
||
</pre>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div> <!-- end padding-->
|
||
</div>
|
||
|
||
<!-- Start right-side-nav -->
|
||
<div class="d-none d-xl-block">
|
||
<div class="right-side-nav">
|
||
<ul class="nav nav-pills flex-column">
|
||
<li class="nav-item">
|
||
<a href="#intro" class="nav-link">Introduction</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="#structure" class="nav-link">Folder & Files Structure</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end card body-->
|
||
</div> <!-- end card-->
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
|
||
</div> <!-- container-fluid -->
|
||
</div>
|
||
<!-- End Page-content -->
|
||
|
||
<footer class="footer">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-sm-6">
|
||
<script>document.write(new Date().getFullYear())</script> © Themesdesign.
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<div class="text-sm-right d-none d-sm-block">
|
||
Crafted with <i class="mdi mdi-heart text-danger"></i> by <a href="https://themesdesign.in/" target="_blank" class="text-muted">Themesdesign</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
<!-- end main content-->
|
||
|
||
</div>
|
||
<!-- END layout-wrapper -->
|
||
|
||
|
||
<!-- JAVASCRIPT -->
|
||
<script src="assets/libs/jquery/jquery.min.js"></script>
|
||
<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/libs/simplebar/simplebar.min.js"></script>
|
||
<script src="assets/libs/jquery.easing/jquery.easing.min.js"></script>
|
||
|
||
<script src="assets/js/app.js"></script>
|
||
|
||
</body>
|
||
|
||
</html> |