Dashboard in college notes management system project

Users dashboard section in  college notes management section .

<?php
      include 'conn.php';
    ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bookstore</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style>
      .fakeimg {
        height: 200px;
        background: #aaa;
      }
      </style>
</head>
<body>
 
 
  <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
    <a class="navbar-brand" href="#">Notes</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
      <ul class="navbar-nav">
        <l class="nav-item">
          <a class="nav-link" href="upload_college_file.php">UPLOAD COLLEGE FILES</a>
        </l>
        <li class="nav-item">
          <a class="nav-link" href="college_notes.php">COLLEGE NOTES</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="notes.php">MY FILES</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="upload.php">FILES UPLOAD</a>
        </li>    
      </ul>
      <div class="collapse navbar-collapse justify-content-end " id="nav">
     
          <ul class="navbar-nav">
            <li class="nav-item">
            <a href="logout.php" class="nav-link text-light">PROFILE</a>
            </li>
            <li class="nav-item">
            <a href="index.php" class="nav-link text-light">LOGOUT</a>
            </li>  
          </ul>
       </div>
     
    </div>  
  </nav>
  <div class="jumbotron text-center" style="margin-bottom:0">
    <h1>WELCOME TO
      COLLEGE NOTES WEBSITE</h1>
   
  </div>
 
  <div class="container-fluid " style="margin-top:30px">
    <div class="row justify-content-between ">
     
      <div class="col-sm-4  ">
      <!-- <h3>Some Links</h3>
        <p>Lorem ipsum dolor sit ame.</p>
        <ul class="nav nav-pills flex-column ">
          <li class="nav-item">
            <a class="nav-link active" href="#">Active</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Link</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Link</a>
          </li> -->
          <!-- <li class="nav-item">
            <a class="nav-link disabled" href="#">Disabled</a>
          </li> -->
        <!-- </ul> -->
       
        <div class="container">
          <h2>Library Collection</h2>
          <p>Choose what you'd like to learn from our library</p>            
          <img src="images/pic6.jpg" class="rounded" alt="Cinque Terre" width="304" height="236">
        </div>
        <!-- <p>Some text about me in culpa qui officia deserunt mollit anim..</p> -->
       
        <hr class="d-sm-none">
      </div>
      <div class="col-sm-8">
        <h2>OUR FEATURES</h2>
        <h5> Dec 7, 2017</h5>
        <div class="container">
          <!-- <h2>Rounded Corners</h2>
          <p>The .rounded class adds rounded corners to an image:</p>             -->
          <img src="images/pic10.jpg" class="rounded" alt="Cinque Terre" width="600" height="236">
        </div>
        <p>Notes Collection</p>
        <p>Explore your coding skills with our variety of fresh and popular topics.</p>
        <br>
        <h2>SKILLS DEVELOPMENT</h2>
        <!-- <h5>Title description, Sep 2, 2017</h5> -->
        <div class="container">
          <!-- <h2>Rounded Corners</h2>
          <p>The .rounded class adds rounded corners to an image:</p>             -->
          <img src="images/pic13.jpg" class="rounded" alt="Cinque Terre" width="600" height="236">
        </div>
        <p>Learn to</p>
        <p>Schedule your own time to learn from our course library.</p>
      </div>
    </div>
  </div>
 
  <div class="jumbotron text-center" style="margin-bottom:0">
  <?php
      include 'footer.php';
    ?>
  </div>

 

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

Post a Comment

0 Comments

Close Menu