homepage.html

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="css/CSS.css">
<link rel="stylesheet" href="css/customcss.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/dropzone.css">

</head>
<body>
<nav class="navbar navbar-default navbar-static-top" role="navigation">
 <nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNvbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

      <a class="navbar-home" href="homepage.html"><img src="kiranlogo.png" alt="logo"</a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li><a href="#">My Documents</a></li>
        <li><a href="#">My Music</a></li>
         <li><a href="#">My Pictures</a></li>
          <li><a href="#">Recents</a></li>
           <li><a href="#">Trash</a></li>
      </ul>

      <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><span class="glyphicon glyphicon-Logout"></span>Logout</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>


    <div class="container-fluid">

    <div class="col-sm-12">
    <div class="row">
    <div class ="col-sm-10">
            <div class="panel panel-fluid">
            <div class="btn-group-vertical" role="group">
                <button type="button" class="btn btn-default btn-lg">
                      <span class="glyphicon glyphicon-home" aria-hidden="true"></span></button>

                      <button type="button" class="btn btn-default btn-lg">
                      <span class="glyphicon glyphicon-share" aria-hidden="true"></span></button>

                      <button type="button" class="btn btn-default btn-lg">
                      <span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>

                      <button type="button" class="btn btn-default btn-lg">
                      <span class="glyphicon glyphicon-cog" aria-hidden="true"></span></button

         </div>
    </div>

    <div class ="col-sm-5" "col-md-5" "col-lg-5">
    <div class="panel panel-fluid">
    <div class="panel-body"

    <form action="uploadfile.php" id="uploadfile" name="uploadfile" method="post" class="dropzone">
  <div class="dropzone">
    <input name="file" type="file" multiple />
  </div>
    </form>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

    <!--
<div class="col-sm-7">  <!--panel 2
  <div class="panel panel-static panel-default">
  <div class="panel-body">
  <form action "upload.php" method="POST" name="myform">
  </div>
  </div>
 </div>
    <table class="table table-striped table-hover ">
  <thead>
    <tr>
    <tr>
            <div>
                <input id="uploadFile" type="file" class="file" />
            </div>
    </tr>
          <th><input type=checkbox value="Check All" onClick="this.value=check(this.form.list)"> </th>
          <th>Title</th>
          <th>Owner</th>
          <th>Last modified</th>

    </tr>

  </thead>
  </table>
    </form>
</div>
<div>
    <input id="option1" type="checkbox" class="checkboxExample1"
    </label>
    <br />
    <label>
        <input id="option2" type="checkbox" class="checkboxExample1"
    </label>
    <br />
    <label>
        <input id="option3" type="checkbox" class="checkboxExample1"
    </label>
    <br />
    <label>
        <input id="option4" type="checkbox" class="checkboxExample1"
    </label>
    </fieldset>
</div>

-->


       <script src="dropzone.js"></script>
       <script src = "js/jquery.js"></script>
       <script src = "js/bootstrap.js"></script>
       <script src = "script.js"></script>
       <script src = "js/npm.js"></script>
       <script src = "bootstrap.min.js"></script>
</body>
</html>