index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title> CSI PROJECT
    </title>
  </head>
  <body>
     <link rel="stylesheet" href="design.css">
       <nav>
      <div id="logo">LOGO</div>
      <a href="#" title="Home">
        <span class="fa fa-home"></span>
        <span class="label">Home</span>
      </a>
      <a href="#" title="About" class="active">
        <span class="fa fa-user"></span>
        <span class="label">About</span>
      </a>
      <a href="#" title="Blog">
        <span class="fa fa-pencil"></span>
        <span class="label">Blog</span>
      </a>
      <a href="#" title="Contact">
        <span class="fa fa-envelope"></span>
        <span class="label">Contact</span>
      </a>
    </nav>
 <h1>About</h1>
   <link rel="stylesheet" href="design.css">
 <form action="upload.php" method="POST">
 <input type="file" multiple>
 <p>Drag your files here or click in this area.</p>
 <button type="submit">Upload</button>
</form>

</div>
<script src="interaction.js"></script>
  </body>
</html>








<body>

</body>