Skip to content

Commit 8dce1a3

Browse files
Merge pull request #7 from timcreative/masterGit
added template page for Youtube Video tutorial (link coming soon)
2 parents ee08ade + fd0c1c7 commit 8dce1a3

File tree

2 files changed

+158
-1
lines changed

2 files changed

+158
-1
lines changed

README.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
Live preview - http://demos.creative-tim.com/light-bootstrap-dashboard
44

5-
Light Bootstrap Dashboard is an admin dashboard template designed to be beautiful and simple.
5+
Light Bootstrap Dashboard is an admin dashboard template designed to be beautiful and simple.
66

77
Light Bootstrap Dashboard is an admin dashboard template designed to be beautiful and simple. It is built on top of Bootstrap 3 and it is fully responsive. It comes with a big collections of elements that will offer you multiple possibilities to create the app that best fits your needs. It can be used to create admin panels, project management systems, web applications backend, CMS or CRM.
88

@@ -23,3 +23,9 @@ V1.1 - 08 September 2015 - bug fixing [current version]
2323
- fix live preview bug for download on small screens
2424
- fix table responsive for small screens
2525
- added new labels for chartist on small screens
26+
27+
V1.2 - 17 January 2016 - New Page
28+
- for those who want to upsell inside their dashboard we added a new page "Upgrade to PRO" with a pricing and options table
29+
30+
V1.3 - 22 January 2016 - New Template page + Video Tutorial [current version]
31+
- added the default template page + youtube video tutorial on how to create an Admin Template (link coming soon)

template.html

Lines changed: 151 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,151 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="icon" type="image/png" href="assets/img/favicon.ico">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7+
8+
<title>Light Bootstrap Dashboard by Creative Tim</title>
9+
10+
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
11+
<meta name="viewport" content="width=device-width" />
12+
13+
14+
<!-- Bootstrap core CSS -->
15+
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
16+
17+
<!-- Animation library for notifications -->
18+
<link href="assets/css/animate.min.css" rel="stylesheet"/>
19+
20+
<!-- Light Bootstrap Table core CSS -->
21+
<link href="assets/css/light-bootstrap-dashboard.css" rel="stylesheet"/>
22+
23+
<!-- Fonts and icons -->
24+
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
25+
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,300' rel='stylesheet' type='text/css'>
26+
<link href="assets/css/pe-icon-7-stroke.css" rel="stylesheet" />
27+
28+
</head>
29+
<body>
30+
31+
<div class="wrapper">
32+
<div class="sidebar" data-color="purple" data-image="assets/img/sidebar-5.jpg">
33+
34+
<!--
35+
36+
Tip 1: you can change the color of the sidebar using: data-color="blue | azure | green | orange | red | purple"
37+
Tip 2: you can also add an image using data-image tag
38+
39+
-->
40+
41+
<div class="sidebar-wrapper">
42+
<div class="logo">
43+
<a href="http://www.creative-tim.com" class="simple-text">
44+
Creative Tim
45+
</a>
46+
</div>
47+
48+
<ul class="nav">
49+
<li class="active">
50+
<a href="dashboard.html">
51+
<i class="pe-7s-graph"></i>
52+
<p>Dashboard</p>
53+
</a>
54+
</li>
55+
56+
</ul>
57+
</div>
58+
</div>
59+
60+
<div class="main-panel">
61+
<nav class="navbar navbar-default navbar-fixed">
62+
<div class="container-fluid">
63+
<div class="navbar-header">
64+
<button type="button" class="navbar-toggle" data-toggle="collapse">
65+
<span class="sr-only">Toggle navigation</span>
66+
<span class="icon-bar"></span>
67+
<span class="icon-bar"></span>
68+
<span class="icon-bar"></span>
69+
</button>
70+
<a class="navbar-brand" href="#">Dashboard</a>
71+
</div>
72+
<div class="collapse navbar-collapse">
73+
<ul class="nav navbar-nav navbar-left">
74+
<li>
75+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
76+
<i class="fa fa-dashboard"></i>
77+
</a>
78+
</li>
79+
</ul>
80+
81+
<ul class="nav navbar-nav navbar-right">
82+
<li>
83+
<a href="">
84+
Account
85+
</a>
86+
</li>
87+
88+
89+
</ul>
90+
</div>
91+
</div>
92+
</nav>
93+
94+
95+
<div class="content">
96+
<div class="container-fluid">
97+
<div class="row">
98+
99+
</div>
100+
</div>
101+
</div>
102+
103+
104+
<footer class="footer">
105+
<div class="container-fluid">
106+
<nav class="pull-left">
107+
<ul>
108+
<li>
109+
<a href="#">
110+
Home
111+
</a>
112+
</li>
113+
114+
</ul>
115+
</nav>
116+
<p class="copyright pull-right">
117+
&copy; 2016 <a href="http://www.creative-tim.com">Creative Tim</a>, made with love for a better web
118+
</p>
119+
</div>
120+
</footer>
121+
122+
</div>
123+
</div>
124+
125+
126+
</body>
127+
128+
<!-- Core JS Files -->
129+
<script src="assets/js/jquery-1.10.2.js" type="text/javascript"></script>
130+
<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
131+
132+
<!-- Checkbox, Radio & Switch Plugins -->
133+
<script src="assets/js/bootstrap-checkbox-radio-switch.js"></script>
134+
135+
<!-- Charts Plugin -->
136+
<script src="assets/js/chartist.min.js"></script>
137+
138+
<!-- Notifications Plugin -->
139+
<script src="assets/js/bootstrap-notify.js"></script>
140+
141+
<!-- Google Maps Plugin -->
142+
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
143+
144+
<!-- Light Bootstrap Table Core javascript and methods for Demo purpose -->
145+
<script src="assets/js/light-bootstrap-dashboard.js"></script>
146+
147+
<!-- Light Bootstrap Table DEMO methods, don't include it in your project! -->
148+
<script src="assets/js/demo.js"></script>
149+
150+
151+
</html>

0 commit comments

Comments
 (0)