-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathgetting-started.html
263 lines (219 loc) · 15.8 KB
/
getting-started.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
<!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, maximum-scale=1, shrink-to-fit=no">
<title>Documentation | CORK - Multipurpose Bootstrap Dashboard Template </title>
<link rel="icon" type="image/x-icon" href="../ltr/demo1/assets/img/favicon.ico"/>
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
<link href="js/styles/monokai-sublime.css" rel="stylesheet" type="text/css" /> <link href="https://designreset.com/cork/ltr/demo4/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/perfect-scrollbar.css" rel="stylesheet" type="text/css" />
<link href="css/structure.css" rel="stylesheet" type="text/css" />
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM STYLES -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->
</head>
<body class="default-sidebar">
<div class="header-container fixed-top">
<header class="header navbar navbar-expand-sm">
<ul class="navbar-nav theme-brand flex-row text-center">
<li class="hamburger">
<a href="javascript:void(0);" class="sidebarCollapse d-lg-none" data-placement="bottom"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></a>
</li>
<li class="nav-item theme-logo">
<a href="index.html">
<img src="img/logo.svg" class="navbar-logo" alt="logo">
</a>
</li>
<li class="nav-item theme-text">
<a href="index.html" class="nav-link"> CORK </a>
</li>
</ul>
<ul class="navbar-nav flex-row mx-sm-auto header-title">
<li> <a href="index.html">Documentation</a> </li>
</ul>
<ul class="navbar-nav flex-row">
<li class="nav-item ml-sm-4">
<a href="https://designreset.com/cork-admin" class="btn btn-primary html-preview mr-3"> Preview </a>
</li>
</ul>
</header>
</div>
<!-- BEGIN MAIN CONTAINER -->
<div class="main-container" id="container">
<div class="overlay"></div>
<div class="cs-overlay"></div>
<div class="search-overlay"></div>
<!-- BEGIN SIDEBAR -->
<div class="sidebar-wrapper sidebar-theme">
<nav id="sidebar">
<ul class="list-unstyled menu-categories" id="accordionExample">
<li class="menu">
<a href="index.html" aria-expanded="true" class="dropdown-toggle">
<div class="">
<span>Getting Started</span>
</div>
</a>
</li>
<li class="menu">
<a href="file_structure.html" aria-expanded="false" class="dropdown-toggle">
<div class="">
<span>File Structure</span>
</div>
</a>
</li>
<li class="menu">
<a href="admin_structure.html" aria-expanded="false" class="dropdown-toggle">
<div class="">
<span>Admin Structure</span>
</div>
</a>
</li>
<li class="menu">
<a href="grid_system.html" aria-expanded="false" class="dropdown-toggle">
<div class="">
<span>Grid System</span>
</div>
</a>
</li>
<li class="menu">
<a href="installation.html" aria-expanded="false" class="dropdown-toggle">
<div class="">
<span>Installation</span>
</div>
</a>
</li>
<li class="menu">
<a href="style_customization.html" aria-expanded="false" class="dropdown-toggle">
<div class="">
<span>Style Customization</span>
</div>
</a>
</li>
<li class="menu">
<a href="javascript.html" aria-expanded="false" class="dropdown-toggle">
<div class="">
<span>Javascript</span>
</div>
</a>
</li>
<li class="menu">
<a href="intro_starter_kit.html" aria-expanded="false" class="dropdown-toggle">
<div class="">
<span>Starter Kit</span>
</div>
</a>
</li>
<li class="menu">
<a href="attributions.html" aria-expanded="false" class="dropdown-toggle">
<div class="">
<span>Attributions</span>
</div>
</a>
</li>
<li class="menu">
<a href="support.html" aria-expanded="false" class="dropdown-toggle">
<div class="">
<span>Support</span>
</div>
</a>
</li>
<li class="menu">
<a href="changelog.html" aria-expanded="false" class="dropdown-toggle">
<div class="">
<span>Changelog</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<!-- END SIDEBAR -->
<!-- BEGIN CONTENT AREA -->
<div id="content" class="main-content">
<div class="container">
<div class="page-header">
<div class="page-title">
<h3>Getting Started</h3>
</div>
</div>
<!-- CONTENT AREA -->
<div class="container">
<div class="row layout-spacing">
<div class="col-lg-12">
<div class="widget-content widget-content-area bx-top-6">
<h6 class="text-center mb-5">Introduction to CORK</h6>
<p>The CORK Admin template is a responsive web application built with <b><a href="https://getbootstrap.com/" target="_blank" class="text-primary">Boostrap 4</a></b>. It includes highly customizable UI kit, Components, Widgets, Modules, Charts and Applications for you to de#terfaces and powerful web applications. </p>
<p class="mt-3">A glimpse of our product features are mentioned below. <b><a href="https://designreset.com/cork-admin" class="text-primary" target="_blank">Click here</a></b>, to check our dashboard preview.</p>
</div>
</div>
</div>
<div class="row layout-spacing">
<div class="col-lg-12">
<div class="widget-content widget-content-area bx-top-6">
<h6 class="text-center mb-5">Features</h6>
<div class="row">
<div class="col-xl-4 col-md-6 col-sm-12">
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Fully Responsive" src="img/responsive.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Fully Responsive</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Functional Dashboard" src="img/dashboard.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Functional Dashboard</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Coded with SASS" src="img/sass-blue.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Coded with SASS</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Huge Number of Components" src="img/components.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Huge Number of Components</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Clean Code" src="img/clean-code.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Clean Code</span></p>
</div>
<div class="col-xl-4 col-md-6 col-sm-12">
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Drag n Drop Section" src="img/drag.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Drag n Drop Section</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Working Apps Section" src="img/apps.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Working Apps Section</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Free Lifetime Updates" src="img/update.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Free Lifetime Updates</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Custom DataTables" src="img/datatable.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Custom DataTables</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Fast Performance" src="img/high-performance.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Fast Performance</span></p>
</div>
<div class="col-xl-4 col-md-6 col-sm-12">
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Built-in Tools" src="img/gulp.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Built-in Tools</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Easy to Customize" src="img/easy-to-customize.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Easy to Customize</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Dedicated Support" src="img/support.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Fast & Dedicated Support</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Useful Pages" src="img/landing-page.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Useful Pages</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Detailed Documentation" src="img/documentation.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Detailed Documentation</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="row layout-spacing">
<div class="col-lg-12">
<div class="widget-content widget-content-area bx-top-6">
<h6 class="text-center mb-5">Browser Compability</h6>
<div class="row">
<div class="col-md-4">
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Edge" src="img/edge.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Edge (Latest)</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Opera" src="img/opera.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Opera (Latest)</span></p>
</div>
<div class="col-md-4">
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Safari" src="img/safari.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Safari (Latest)</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Firefox" src="img/mozilla.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Firefox (Latest)</span></p>
</div>
<div class="col-md-4">
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="Chrome" src="img/chrome.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">Chrome (Latest)</span></p>
<p class="mb-4 text-sm-left text-center"><span class="d-sm-inline d-block"><img alt="IE 11" src="img/internet-explorer.png" style="width: 30px; margin-right: 10px;"></span> <span class="d-sm-inline d-block mt-3">IE 11</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- CONTENT AREA -->
</div>
</div>
<!-- END CONTENT AREA -->
</div>
<!-- END MAIN CONTAINER -->
<!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
<script src="js/perfect-scrollbar.min.js"></script>
<script src="js/script.js"></script>
<!-- END GLOBAL MANDATORY SCRIPTS -->
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
</body>
</html>