File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;title&gt;Portfolio FIKHRI&lt;/title&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://www.w3schools.com/w3css/4/w3.css&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://fonts.googleapis.com/css?family=Montserrat&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css&quot;&gt;
&lt;style&gt;
body,h1,h2,h3,h4,h5,h6 {font-family: &quot;Montserrat&quot;, sans-serif}
.w3-row-padding img {margin-bottom: 12px}
/* Set the width of the sidebar to 120px */
.w3-sidebar {width: 120px;background: #222;}
/* Add a left margin to the &quot;page content&quot; that matches the width of the sidebar (120px) */
#main {margin-left: 120px}
/* Remove margins from &quot;page content&quot; on small screens */
@media only screen and (max-width: 600px) {#main {margin-left: 0}}
&lt;/style&gt;
&lt;body class=&quot;w3-black&quot;&gt;

&lt;!-- Icon Bar (Sidebar - hidden on small screens) --&gt;
&lt;nav class=&quot;w3-sidebar w3-bar-block w3-small w3-hide-small w3-center&quot;&gt;
  &lt;!-- Avatar image in top left corner --&gt;
  &lt;a href=&quot;index.html&quot; class=&quot;w3-bar-item w3-button w3-padding-large w3-hover-black&quot;&gt;
    &lt;i class=&quot;fa fa-home w3-xxlarge&quot;&gt;&lt;/i&gt;
    &lt;p&gt;HOME&lt;/p&gt;
  &lt;/a&gt;
  &lt;a href=&quot;about.html&quot; class=&quot;w3-bar-item w3-button w3-padding-large w3-hover-black&quot;&gt;
    &lt;i class=&quot;fa fa-user w3-xxlarge&quot;&gt;&lt;/i&gt;
    &lt;p&gt;ABOUT&lt;/p&gt;
  &lt;/a&gt;
  &lt;a href=&quot;photos.html&quot; class=&quot;w3-bar-item w3-button w3-padding-large w3-hover-black&quot;&gt;
    &lt;i class=&quot;fa fa-eye w3-xxlarge&quot;&gt;&lt;/i&gt;
    &lt;p&gt;ACTIVITIES&lt;/p&gt;
  &lt;/a&gt;
  &lt;a href=&quot;contact.html&quot; class=&quot;w3-bar-item w3-button w3-padding-large w3-hover-black&quot;&gt;
    &lt;i class=&quot;fa fa-envelope w3-xxlarge&quot;&gt;&lt;/i&gt;
    &lt;p&gt;CONTACT&lt;/p&gt;
  &lt;/a&gt;
  &lt;a href=&quot;portfolio.html&quot; class=&quot;w3-bar-item w3-button w3-padding-large w3-hover-black&quot;&gt;
    &lt;i class=&quot;fa fa-briefcase w3-xxlarge&quot;&gt;&lt;/i&gt;
    &lt;p&gt;PORTFOLIO&lt;/p&gt;
  &lt;/a&gt;
 
&lt;/nav&gt;

&lt;!-- Navbar on small screens (Hidden on medium and large screens) --&gt;
&lt;div class=&quot;w3-top w3-hide-large w3-hide-medium&quot; id=&quot;myNavbar&quot;&gt;
  &lt;div class=&quot;w3-bar w3-black w3-opacity w3-hover-opacity-off w3-center w3-small&quot;&gt;
    &lt;a href=&quot;index.html&quot; class=&quot;w3-bar-item w3-button&quot; style=&quot;width:15% !important&quot;&gt;HOME&lt;/a&gt;
    &lt;a href=&quot;about.html&quot; class=&quot;w3-bar-item w3-button&quot; style=&quot;width:16% !important&quot;&gt;ABOUT&lt;/a&gt;
    &lt;a href=&quot;photos.html&quot; class=&quot;w3-bar-item w3-button&quot; style=&quot;width:23% !important&quot;&gt;ACTIVITIES&lt;/a&gt;
    &lt;a href=&quot;contact.html&quot; class=&quot;w3-bar-item w3-button&quot; style=&quot;width:20% !important&quot;&gt;CONTACT&lt;/a&gt;
    &lt;a href=&quot;portfolio.html&quot; class=&quot;w3-bar-item w3-button&quot; style=&quot;width:23% !important&quot;&gt;PORTFOLIO&lt;/a&gt;
  &lt;/div&gt; 
&lt;/div&gt;

 &lt;!-- Contact Section --&gt;
  &lt;div class=&quot;w3-padding-64 w3-content w3-text-grey&quot; id=&quot;contact&quot;&gt;
    &lt;h2 class=&quot;w3-text-light-grey&quot;&gt;Contact Me&lt;/h2&gt;
    &lt;hr style=&quot;width:200px&quot; class=&quot;w3-opacity&quot;&gt;

    &lt;div class=&quot;w3-section&quot;&gt;
      &lt;p&gt;&lt;i class=&quot;fa fa-map-marker fa-fw w3-text-white w3-xxlarge w3-margin-right&quot;&gt;&lt;/i&gt; Seremban, Negeri Sembilan&lt;/p&gt;
      &lt;p&gt;&lt;i class=&quot;fa fa-phone fa-fw w3-text-white w3-xxlarge w3-margin-right&quot;&gt;&lt;/i&gt; Phone:+60-108828659&lt;/p&gt;
      &lt;p&gt;&lt;i class=&quot;fa fa-envelope fa-fw w3-text-white w3-xxlarge w3-margin-right&quot;&gt; &lt;/i&gt; Email: amadfik@gmail.com&lt;/p&gt;
    &lt;/div&gt;&lt;br&gt;
        
  &lt;!-- End Contact Section --&gt;
  &lt;/div&gt;
  
    &lt;!-- Footer --&gt;
  &lt;footer class=&quot;w3-content w3-padding-64 w3-text-grey w3-xlarge&quot;&gt;
    &lt;a href=&quot;https://www.instagram.com/_ahmdfikhri/&quot; class=&quot;fa fa-instagram w3-hover-opacity&quot;&gt;&lt;/a&gt;
    &lt;a href=&quot;https://twitter.com/ahmdfikhri &quot; class=&quot;fa fa-twitter w3-hover-opacity&quot;&gt;&lt;/a&gt; 
    
    
  &lt;!-- End footer --&gt;
  &lt;/footer&gt;

&lt;!-- END PAGE CONTENT --&gt;
&lt;/div&gt;
  
&lt;/body&gt;
&lt;/html&gt;</textarea><input type='submit' name='save' value='Save' style=''/></form>