5 <meta http-equiv=
"Content-Type" content=
"text/html; charset=UTF-8">
6 <!-- Meta, title, CSS, favicons, etc. -->
8 <meta http-equiv=
"X-UA-Compatible" content=
"IE=edge">
9 <meta name=
"viewport" content=
"width=device-width, initial-scale=1">
11 <title>Gentallela Alela! | </title>
13 <!-- Bootstrap core CSS -->
15 <link href=
"css/bootstrap.min.css" rel=
"stylesheet">
17 <link href=
"fonts/css/font-awesome.min.css" rel=
"stylesheet">
18 <link href=
"css/animate.min.css" rel=
"stylesheet">
20 <!-- Custom styling plus plugins -->
21 <link href=
"css/custom.css" rel=
"stylesheet">
22 <link href=
"css/icheck/flat/green.css" rel=
"stylesheet">
25 <script src=
"js/jquery.min.js"></script>
28 <script src=
"../assets/js/ie8-responsive-file-warning.js"></script>
31 <!-- HTML5 shim and Respond.js
for IE8 support of HTML5 elements and media queries -->
33 <script src=
"https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
34 <script src=
"https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
42 <div
class=
"container body">
45 <div
class=
"main_container">
47 <div
class=
"col-md-3 left_col">
48 <div
class=
"left_col scroll-view">
50 <div
class=
"navbar nav_title" style=
"border: 0;">
51 <a href=
"index.html" class=
"site_title"><i
class=
"fa fa-paw"></i> <span>Gentellela Alela!</span></a>
53 <div
class=
"clearfix"></div>
55 <!-- menu prile quick info -->
57 <div
class=
"profile_pic">
58 <img src=
"images/img.jpg" alt=
"..." class=
"img-circle profile_img">
60 <div
class=
"profile_info">
65 <!-- /menu prile quick info -->
70 <div
id=
"sidebar-menu" class=
"main_menu_side hidden-print main_menu">
72 <div
class=
"menu_section">
74 <ul
class=
"nav side-menu">
75 <li><a><i
class=
"fa fa-home"></i> Home <span
class=
"fa fa-chevron-down"></span></a>
76 <ul
class=
"nav child_menu" style=
"display: none">
77 <li><a href=
"index.html">Dashboard</a>
79 <li><a href=
"index2.html">Dashboard2</a>
81 <li><a href=
"index3.html">Dashboard3</a>
85 <li><a><i
class=
"fa fa-edit"></i> Forms <span
class=
"fa fa-chevron-down"></span></a>
86 <ul
class=
"nav child_menu" style=
"display: none">
87 <li><a href=
"form.html">General Form</a>
89 <li><a href=
"form_advanced.html">Advanced Components</a>
91 <li><a href=
"form_validation.html">Form Validation</a>
93 <li><a href=
"form_wizards.html">Form Wizard</a>
95 <li><a href=
"form_upload.html">Form Upload</a>
97 <li><a href=
"form_buttons.html">Form Buttons</a>
101 <li><a><i
class=
"fa fa-desktop"></i> UI Elements <span
class=
"fa fa-chevron-down"></span></a>
102 <ul
class=
"nav child_menu" style=
"display: none">
103 <li><a href=
"general_elements.html">General Elements</a>
105 <li><a href=
"media_gallery.html">Media Gallery</a>
107 <li><a href=
"typography.html">Typography</a>
109 <li><a href=
"icons.html">Icons</a>
111 <li><a href=
"glyphicons.html">Glyphicons</a>
113 <li><a href=
"widgets.html">Widgets</a>
115 <li><a href=
"invoice.html">Invoice</a>
117 <li><a href=
"inbox.html">Inbox</a>
119 <li><a href=
"calender.html">Calender</a>
123 <li><a><i
class=
"fa fa-table"></i> Tables <span
class=
"fa fa-chevron-down"></span></a>
124 <ul
class=
"nav child_menu" style=
"display: none">
125 <li><a href=
"tables.html">Tables</a>
127 <li><a href=
"tables_dynamic.html">Table Dynamic</a>
131 <li><a><i
class=
"fa fa-bar-chart-o"></i> Data Presentation <span
class=
"fa fa-chevron-down"></span></a>
132 <ul
class=
"nav child_menu" style=
"display: none">
133 <li><a href=
"chartjs.html">Chart JS</a>
135 <li><a href=
"chartjs2.html">Chart JS2</a>
137 <li><a href=
"morisjs.html">Moris JS</a>
139 <li><a href=
"echarts.html">ECharts </a>
141 <li><a href=
"other_charts.html">Other Charts </a>
147 <div
class=
"menu_section">
149 <ul
class=
"nav side-menu">
150 <li><a><i
class=
"fa fa-bug"></i> Additional Pages <span
class=
"fa fa-chevron-down"></span></a>
151 <ul
class=
"nav child_menu" style=
"display: none">
152 <li><a href=
"e_commerce.html">E-commerce</a>
154 <li><a href=
"projects.html">Projects</a>
156 <li><a href=
"project_detail.html">Project Detail</a>
158 <li><a href=
"contacts.html">Contacts</a>
160 <li><a href=
"profile.html">Profile</a>
164 <li><a><i
class=
"fa fa-windows"></i> Extras <span
class=
"fa fa-chevron-down"></span></a>
165 <ul
class=
"nav child_menu" style=
"display: none">
166 <li><a href=
"page_404.html">404 Error</a>
168 <li><a href=
"page_500.html">500 Error</a>
170 <li><a href=
"plain_page.html">Plain Page</a>
172 <li><a href=
"login.html">Login Page</a>
174 <li><a href=
"pricing_tables.html">Pricing Tables</a>
179 <li><a><i
class=
"fa fa-laptop"></i> Landing Page <span
class=
"label label-success pull-right">Coming Soon</span></a>
185 <!-- /sidebar menu -->
187 <!-- /menu footer buttons -->
188 <div
class=
"sidebar-footer hidden-small">
189 <a data-toggle=
"tooltip" data-placement=
"top" title=
"Settings">
190 <span
class=
"glyphicon glyphicon-cog" aria-hidden=
"true"></span>
192 <a data-toggle=
"tooltip" data-placement=
"top" title=
"FullScreen">
193 <span
class=
"glyphicon glyphicon-fullscreen" aria-hidden=
"true"></span>
195 <a data-toggle=
"tooltip" data-placement=
"top" title=
"Lock">
196 <span
class=
"glyphicon glyphicon-eye-close" aria-hidden=
"true"></span>
198 <a data-toggle=
"tooltip" data-placement=
"top" title=
"Logout">
199 <span
class=
"glyphicon glyphicon-off" aria-hidden=
"true"></span>
202 <!-- /menu footer buttons -->
206 <!-- top navigation -->
207 <div
class=
"top_nav">
209 <div
class=
"nav_menu">
210 <nav
class=
"" role=
"navigation">
211 <div
class=
"nav toggle">
212 <a
id=
"menu_toggle"><i
class=
"fa fa-bars"></i></a>
215 <ul
class=
"nav navbar-nav navbar-right">
217 <a href=
"javascript:;" class=
"user-profile dropdown-toggle" data-toggle=
"dropdown" aria-expanded=
"false">
218 <img src=
"images/img.jpg" alt=
"">John Doe
219 <span
class=
" fa fa-angle-down"></span>
221 <ul
class=
"dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
222 <li><a href=
"javascript:;"> Profile</a>
225 <a href=
"javascript:;">
226 <span
class=
"badge bg-red pull-right">50%</span>
227 <span>Settings</span>
231 <a href=
"javascript:;">Help</a>
233 <li><a href=
"login.html"><i
class=
"fa fa-sign-out pull-right"></i> Log Out</a>
238 <li role=
"presentation" class=
"dropdown">
239 <a href=
"javascript:;" class=
"dropdown-toggle info-number" data-toggle=
"dropdown" aria-expanded=
"false">
240 <i
class=
"fa fa-envelope-o"></i>
241 <span
class=
"badge bg-green">6</span>
243 <ul
id=
"menu1" class=
"dropdown-menu list-unstyled msg_list animated fadeInDown" role=
"menu">
247 <img src=
"images/img.jpg" alt=
"Profile Image" />
250 <span>John Smith</span>
251 <span
class=
"time">3 mins ago</span>
253 <span
class=
"message">
254 Film festivals used to be
do-or-die moments
for movie makers. They were where...
261 <img src=
"images/img.jpg" alt=
"Profile Image" />
264 <span>John Smith</span>
265 <span
class=
"time">3 mins ago</span>
267 <span
class=
"message">
268 Film festivals used to be
do-or-die moments
for movie makers. They were where...
275 <img src=
"images/img.jpg" alt=
"Profile Image" />
278 <span>John Smith</span>
279 <span
class=
"time">3 mins ago</span>
281 <span
class=
"message">
282 Film festivals used to be
do-or-die moments
for movie makers. They were where...
289 <img src=
"images/img.jpg" alt=
"Profile Image" />
292 <span>John Smith</span>
293 <span
class=
"time">3 mins ago</span>
295 <span
class=
"message">
296 Film festivals used to be
do-or-die moments
for movie makers. They were where...
301 <div
class=
"text-center">
303 <strong>See All Alerts</strong>
304 <i
class=
"fa fa-angle-right"></i>
316 <!-- /top navigation -->
318 <!-- page content -->
319 <div
class=
"right_col" role=
"main">
321 <div
class=
"page-title">
322 <div
class=
"title_left">
326 <div
class=
"title_right">
327 <div
class=
"col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
328 <div
class=
"input-group">
329 <input type=
"text" class=
"form-control" placeholder=
"Search for...">
330 <span
class=
"input-group-btn">
331 <button
class=
"btn btn-default" type=
"button">Go!</button>
337 <div
class=
"clearfix"></div>
341 <div
class=
"col-md-12 col-sm-12 col-xs-12">
342 <div
class=
"x_panel" style=
"height:600px;">
343 <div
class=
"x_title">
345 <ul
class=
"nav navbar-right panel_toolbox">
346 <li><a
class=
"collapse-link"><i
class=
"fa fa-chevron-up"></i></a>
348 <li
class=
"dropdown">
349 <a href=
"#" class=
"dropdown-toggle" data-toggle=
"dropdown" role=
"button" aria-expanded=
"false"><i
class=
"fa fa-wrench"></i></a>
350 <ul
class=
"dropdown-menu" role=
"menu">
351 <li><a href=
"#">Settings 1</a>
353 <li><a href=
"#">Settings 2</a>
357 <li><a
class=
"close-link"><i
class=
"fa fa-close"></i></a>
360 <div
class=
"clearfix"></div>
367 <!-- footer content -->
369 <div
class=
"copyright-info">
370 <p
class=
"pull-right">Gentelella - Bootstrap Admin Template by <a href=
"https://colorlib.com">Colorlib</a>
373 <div
class=
"clearfix"></div>
375 <!-- /footer content -->
378 <!-- /page content -->
383 <div
id=
"custom_notifications" class=
"custom-notifications dsp_none">
384 <ul
class=
"list-unstyled notifications clearfix" data-tabbed_notifications=
"notif-group">
386 <div
class=
"clearfix"></div>
387 <div
id=
"notif-group" class=
"tabbed_notifications"></div>
390 <script src=
"js/bootstrap.min.js"></script>
392 <!-- bootstrap progress js -->
393 <script src=
"js/progressbar/bootstrap-progressbar.min.js"></script>
394 <script src=
"js/nicescroll/jquery.nicescroll.min.js"></script>
396 <script src=
"js/icheck/icheck.min.js"></script>
398 <script src=
"js/custom.js"></script>
401 <script src=
"js/pace/pace.min.js"></script>