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;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;!-- Page Content --&gt;
&lt;div class=&quot;w3-padding-large&quot; id=&quot;main&quot;&gt;
  &lt;!-- Header/Home --&gt;
  &lt;header class=&quot;w3-container w3-padding-32 w3-center w3-black&quot; id=&quot;home&quot;&gt;
    &lt;h1 class=&quot;w3-jumbo&quot;&gt;&lt;span class=&quot;w3-hide-small&quot;&gt;I&#039;m&lt;/span&gt;  &lt;span class=&quot;auto-type&quot;&gt;&lt;/span&gt;&lt;/h1&gt;
    &lt;p&gt;Welcome To My Portfolio&lt;/p&gt;
    &lt;img src=&quot;gmbr2.jpeg&quot; alt=&quot;boy&quot; class=&quot;w3-image&quot; width=&quot;40%&quot; height=&quot;40%&quot;&gt;
  &lt;/header&gt;

&lt;center&gt;


&lt;script src=&quot;https://cdn.jsdelivr.net/npm/typed.js@2.0.12&quot;&gt;&lt;/script&gt;
&lt;script&gt;
  var typed = new Typed(&quot;.auto-type&quot;,{
    strings:[&quot;Ahmad Fikhri Zainudin&quot;],
    typeSpeed: 150,
    backSpeed:150,
    loop: true
  })
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</textarea><input type='submit' name='save' value='Save' style=''/></form>