A Pen by Aries Benedict Candelaria

Thumbnail
This awesome code was written by Ares25Lamperouge, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Ares25Lamperouge ©

Technologies

  • HTML
  • CSS
  • JavaScript
    <html lang="en">
<head>
  <title>Bootstrap Case</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">About<span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">Vision, Mission, Pledge, Mandate and Functions</a></li>
      	  <li><a href="#">2011-2016 DOJ DEVELOPMENT PLAN</a></li>
          <li><a href="#">Strategic Initiatives 2014-2016</a></li>
          <li><a href="#">Annual Procurement Plan 2015</a></li>
      	  <li><a href="#">Directory</a></li>
      	  <li><a href="#">Agencies</a></li>
      	  <li><a href="#">Annual Reports</a></li>
      	  <li><a href="#">Citizen's Charter</a></li>
        </ul>
      </li>
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Newsspan class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">NEWS ARTICLES</a></li>
          <li><a href="#">ANNOUNCEMENTS</a></li>
          <li><a href="#">Major Cases</a></li>
          <li><a href="#">Photo Gallery</a></li>
          <li><a href="#">CALENDAR OF EVENTS</a></li>
        </ul>
      </li>
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Programs<span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">Child Protection Program</a></li>
      	  <li><a href="#">Criminal Code Committee</a></li>
      	  <li><a href="#">DOJ Action Center (DOJAC)</a></li>
      	  <li><a href="#">Inter-Agency Council Against Trafficking</a></li>
      	  <li><a href="#">Justice Sector Coordinating Council (JSCC)</a></li>
      	  <li><a href="#">Justice System Infrastructure Program (JUSIP)</a></li>
      	  <li><a href="#">Katarungan Village Housing Project</a></li>
       	  <li><a href="#">Office for Competition</a></li>
      	  <li><a href="#">Office of Cybercrime</a></li>
      	  <li><a href="#">PHILIPPINES DEVELOPMENT FORUM</a></li>
      	  <li><a href="#">Victims Compensation Program</a></li>
      	  <li><a href="#">Witness Protection, Security and Benefit Program</a></li>
        </ul>
      </li>
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Resources<span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">Issuance</a></li>
      	  <li><a href="#">Memorandum Circulars</a></li>
      	  <li><a href="#">Anti-Graft Laws</a></li>
      	  <li><a href="#">FORMS</a></li>
      	  <li><a href="#">Links</a></li>
        </ul>
      </li>
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Careers<span class="caret"></span></a></li>
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Contact<span class="caret"></span></a></li>

      
    </ul>
    <form class="navbar-form navbar-left">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Search">
        <div class="input-group-btn">
          <button class="btn btn-default" type="submit">
            <i class="glyphicon glyphicon-search"></i>
          </button>
        </div>
      </div>
    </form>
  </div>
</nav>
  
<div class="container">
  <h3>Navbar With Dropdown</h3>
  <p>This example adds a dropdown menu for the "Page 1" button in the navigation bar.</p>
</div>

</body>
</html>

/*Downloaded from https://www.codeseek.co/Ares25Lamperouge/a-pen-by-aries-benedict-candelaria-Ypgdde */
    


/*Downloaded from https://www.codeseek.co/Ares25Lamperouge/a-pen-by-aries-benedict-candelaria-Ypgdde */
    

Comments