index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

  <title>Open-x</title>
  <!--  custom css file  -->
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="HandheldFriendly" content="true" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />

</head>

<body>

  <!-- NavBar-1 -->
  <nav class="navbar navbar-expand navbgcolor d-flex justify-content-end n1 " id="" style="padding: 0;height: 60px;">
    <div style="height: 100%;" class="">
      <div class="linkcontainer">
        <ul class="navbar-nav" style="height: 100%;width: 100%;">
          <li class="nav-item active hovernav pt-2" >
            <a style="height: 100%;" class="nav-link boldfont t1" href="#">Home </a>
          </li>
          <li class="nav-item hovernav pt-2">
            <a style="height: 100%;" class="nav-link boldfont t1"  href="#">Contributions</a>
          </li>
          <li class="nav-item hovernav pt-2" style="padding-right: 1rem;">
            <a  style="height: 100%;" class="nav-link boldfont t1" href="#">Contact us</a>
          </li>
          <li class="nav-item  nav-linkbg hovernav pt-2">
            <a style="height: 100%;" class="nav-link boldfont2 t1" href="#"><span class="fa fa-lock " aria-hidden="true"></span> Login
            </a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

    <!-- NavBar-2 -->
  <nav class="navbar navbar-expand-lg navbar-light bg-light" style="width: 100%;">
    <div class="container">

    </div>
  </nav>


<!-- MIDDLE PORTION -->
<div class="box1">
  <div class="bh1">FILES</div>
  <div class="gallery">Documents</div>
</div>

<div class="box1">
  <div class="bh1">Open-x Gallery</div>
  <div class="gallery">
  <img class="" src="" alt="images"></img>
  </div>
</div>


<!-- Bottom portion -->
  <div class="bh1">Have Questions?</div>
    <div>
        <div class="bh2">Email Us or Contacts</div>
    </div>

  <div class="bh1">Who we are</div>
  <div class="bh2">Aims & Objectives</div>
</body>

</html>