Skip to content

D
dashboard
Commit ef0bd874 by Anoop
Options

setup

parent 95138e9f
Showing with 200 additions and 14 deletions
.gitignore 0 → 100644
node_modules
\ No newline at end of file
.info 0 → 100644
https://fametaxicloudadmin.netlify.app/
\ No newline at end of file
css/bootstrap.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
css/bootstrap.css.map 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
css/main.css 0 → 100644
:root{--primary:#9800bc;--dark-color:#333;--light-color:#fff;--border-radius:0}.app-header{padding:15px;background:var(--primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff}.user{display:-webkit-box;display:-ms-flexbox;display:flex}.user p{line-height:1.5}.user_designation{color:var(--text-color-light)}.user_name{margin-bottom:0 !important;font-weight:var(--font-weight-bold);color:var(--primary)}.user_avatar{margin-right:15px}.user_avatar img{width:75px;-o-object-fit:contain;object-fit:contain;height:75px;border-radius:50%;border:2px solid #fff;padding:9px}
/*# sourceMappingURL=main.css.map */
\ No newline at end of file
css/main.css.map 0 → 100644
{
"version": 3,
"mappings": "AAAA,AAAA,KAAK,AAAA,CACD,SAAS,CAAA,OAAC,CACV,YAAY,CAAA,IAAC,CACb,aAAa,CAAA,IAAC,CACd,eAAe,CAAA,CAAC,CACnB,AAGD,AAAA,WAAW,AAAC,CACR,OAAO,CAAE,IAAI,CACb,UAAU,CAAE,cAAc,CAC1B,OAAO,CAAE,IAAI,CACb,eAAe,CAAE,aAAa,CAC9B,KAAK,CAAE,IAAI,CACd,AAED,AAAA,KAAK,AAAC,CACL,OAAO,CAAE,IAAI,CAuBb,AAxBD,AAEC,KAFI,CAEJ,CAAC,AAAC,CACD,WAAW,CAAE,GAAG,CAChB,AACA,AAAD,iBAAa,AAAC,CACb,KAAK,CAAE,uBAAuB,CAC9B,AACA,AAAD,UAAM,AAAC,CACN,aAAa,CAAE,YAAY,CAC3B,WAAW,CAAE,uBAAuB,CACpC,KAAK,CAAE,cAAc,CACrB,AACA,AAAD,YAAQ,AAAC,CACR,YAAY,CAAE,IAAI,CASlB,AAVA,AAEM,YAFC,CAED,GAAG,AAAA,CACC,KAAK,CAAE,IAAI,CACX,UAAU,CAAE,OAAO,CACnB,MAAM,CAAE,IAAI,CACZ,aAAa,CAAE,GAAG,CAClB,MAAM,CAAE,cAAc,CACtB,OAAO,CAAE,GAAG,CACf",
"sources": [
"../scss/main.scss"
],
"names": [],
"file": "main.css"
}
\ No newline at end of file
index.html
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
<title>Hello, world!</title>
</head>
<body>
<header class="app-header">
<div class="user">
<div class="user_avatar">
<img src="images/logo.png" alt="user_avatar">
</div>
<div class="user_info">
<p class="user_name">Envigo</p>
<p class="user_designation">Marketing Agency</p>
</div>
</div>
<h1 class="app-heading">Building <span class="golden">IPMT</span></h1>
<div class="action">
<a href="#" class="action_search"><span class="scr-text">Search</span></a>
<span class="action_spacer"></span>
<a href="#" class="action_grid-view active"><span class="scr-text">Grid View</span></a>
<a href="" class="action_list-view"><span class="scr-text">List View</span></a>
</div>
</header>
<section class="content-wrap">
<aside class="app-sidebar">
<nav class="app-navigator">
<ul class="page-links">
<li class="active"><a href="#">Project</a>
<div class="badge_outer"><span class="badge">6</span></div>
</li>
<li><a href="#">Task</a>
<div class="badge_outer"><span class="badge">6</span></div>
</li>
<li><a href="#">Chats</a></li>
<li><a href="#">Calender</a>
<div class="badge_outer"><span class="badge">6</span></div>
</li>
<li><a href="#">Expenses</a></li>
</ul>
</nav>
<footer class="navigator-footer">
<span class="shadow_bg"></span>
<a href="#" class="brandings">Create Tasks</a>
<a href="#" class="add-projects"><span class="scr-text">Add Projects</span></a>
</footer>
</aside>
<main class="app-body">
</main>
</section>
<aside class="sidebar">
</aside>
<script src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</body>
</html>
\ No newline at end of file
package-lock.json
{
"requires": true,
"name": "dashboard",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"@popperjs/core": {
"version": "2.10.2",
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.10.2.tgz",
"integrity": "sha512-IXf3XA7+XyN7CP9gGh/XB0UxVMlvARGEgGXLubFICsUMGz6Q+DU+i4gGlpOxTjKvXjkJDJC8YdqdKkDj9qZHEQ==",
"dev": true
},
"bootstrap": {
"version": "5.1.3",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.1.3.tgz",
"integrity": "sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q=="
"integrity": "sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q==",
"dev": true
},
"bootstrap-icons": {
"version": "1.9.0",
"resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.9.0.tgz",
"integrity": "sha512-4S077UbfqHtNOIKc43SDR+EL43zfo7ou8jI5+JRQqGZuq5UOK6iX6FtFNOQ/WjeWJ09CZ0/kSceh+WWPzfMfVQ==",
"dev": true
},
"chart.js": {
"version": "3.8.0",
"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.8.0.tgz",
"integrity": "sha512-cr8xhrXjLIXVLOBZPkBZVF6NDeiVIrPLHcMhnON7UufudL+CNeRrD+wpYanswlm8NpudMdrt3CHoLMQMxJhHRg=="
}
"integrity": "sha512-cr8xhrXjLIXVLOBZPkBZVF6NDeiVIrPLHcMhnON7UufudL+CNeRrD+wpYanswlm8NpudMdrt3CHoLMQMxJhHRg==",
"dev": true
},
"escape-string-regexp": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
"integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
"dev": true
},
"jquery": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==",
"dev": true
}
}
}
package.json 0 → 100644
{
"name": "dashboard",
"version": "1.0.0",
"description": "HTML Dashboard Template",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git@meter.envigo-tech.co.uk:anoopseth/dashboard.git"
},
"author": "envigo",
"license": "MIT",
"devDependencies": {
"@popperjs/core": "^2.10.2",
"bootstrap": "^5.1.3",
"bootstrap-icons": "^1.9.0",
"chart.js": "^3.8.0",
"jquery": "^3.6.0",
"poper": "^0.1.1"
}
}
scss/bootstrap.scss 0 → 100644
@import '../node_modules/bootstrap/scss/bootstrap.scss';
\ No newline at end of file
scss/main.scss 0 → 100644
:root{
--primary:#9800bc;
--dark-color:#333;
--light-color:#fff;
--border-radius:0;
}
.app-header {
padding: 15px;
background: var(--primary);
display: flex;
justify-content: space-between;
color: #fff;
}
.user {
display: flex;
p {
line-height: 1.5;
}
&_designation {
color: var(--text-color-light);
}
&_name {
margin-bottom: 0 !important;
font-weight: var(--font-weight-bold);
color: var(--primary);
}
&_avatar {
margin-right: 15px;
img{
width: 75px;
object-fit: contain;
height: 75px;
border-radius: 50%;
border: 2px solid #fff;
padding: 9px;
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment