Bootstrap Template


Go to main Page

Template in bootstrap






















ABOUT UOG

The mission of UOG is to equip the youth in the areas of economy, social policy and research, so as to enable them to compete at the international level; achieve excellence in research and teaching in all disciplines; and develop a world class centre of excellence in the industrial triangle of Gujranwala.

All Courses

    Undergraduate Programs

    Graduate Programs

    Doctors Program

    Entry Test

    Business and Management

    Commerce

    Short Courses

    Courses

Quick Links

    Events

    UOG Office

    Merit List

    Research Centres

    Student Life

    Jobs at UOG

    Our Team

Contact Us

    University of Gujrat Hafiz Hayat Campus
    Jalalpur Road Gujrat, Pakistan.

    +92 (53) 3643326

    +92 (53) 3643117

    +92 (53) 3643043

    [email protected]

    Monday - Friday 8.00 - 18.00



Code

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<style >
  *{
  margin:0;
  padding: 0;

}
body{
 
}
.navbar-nav{
  
}
.navbar-nav a{
  
  margin-left: 20px;
  
  
}
</style>
<body>
  <div style="width: 100%;" class="container-fluid text-center">
<nav class="navbar navbar-expand-md bg-light navbar-light">
  <a class="navbar-brand" href="#"><img src="https://cdn.pixabay.com/photo/2020/07/06/17/43/learn-5377778_960_720.png" width="70px"></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">
      <li class="nav-item">
        <a class="nav-link" href="#">Achievements</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Home</a>
        
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Jobs</a>
        
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Services</a>
        
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Contact Us</a>
        
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">About Us</a>
        
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">UOG Campuses</a>
        
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Vice Chancellar</a>
      </li>    
    </ul>
  </div>  
</nav>
</div>

  
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <div class="container bg-light">
    <div class="container text-center  bg-light  " >
      <img class="img-fluid" src="https://cdn.pixabay.com/photo/2017/01/31/00/09/book-2022464_960_720.png" width="200px">
     <a href=""> <h3 style=" font-size:50px; text-align: center; color: #fff ; background-color: black "  >
        Uog Admissions
      </h3>
      </a>
      <br>
    </div>
    <div class="container text-center  bg-light " >
      <img class="img-fluid" src="https://cdn.pixabay.com/photo/2016/09/01/08/24/smiley-1635449__340.png" width="200px">
      <a href=""><h3 style=" font-size:50px; text-align: center; color: #fff ; background-color: black "  >
        Uog Libraries
      </h3>
      </a>
      <br>
    </div>
    <div class="container text-center bg-light   " >
      <img class="img-fluid" src="https://cdn.pixabay.com/photo/2018/08/14/18/07/programmer-3606210_960_720.png" width="200px">
      <a href=""><h3 style=" font-size:50px; text-align: center; color: #fff ; background-color: black "  >
        Uog Jobs
      </h3>
      </a>
      <br>
    </div>
     <div class="container text-center bg-light   " >
      <img class="img-fluid" src="https://cdn.pixabay.com/photo/2017/01/18/12/33/session-1989711_960_720.png" width="200px">
      <a href=""><h3 style=" font-size:50px; text-align: center; color: #fff ; background-color: black "  >
        Uog Exammination
      </h3>
      </a>
      
    </div>
     <div class="container text-center bg-light   " >
      <img class="img-fluid" src="https://cdn.pixabay.com/photo/2019/09/13/15/32/graduation-4474213_960_720.png" width="200px" >
      <a href=""><h3 style=" font-size:50px; text-align: center; color: #fff ; background-color: black "  >
        Uog Scholarships
      </h3>
      </a>
      
    </div>
     <div class="container text-center bg-light   " >
      <img class="img-fluid" src="https://cdn.pixabay.com/photo/2019/09/13/15/32/graduation-4474213_960_720.png" width="200px" >
      <a href=""><h3 style=" font-size:50px; text-align: center; color: #fff ; background-color: black "  >
        Uog Alumni
      </h3>
      </a>
      
    </div>
    <div class="container text-center bg-light   " >
      <img class="img-fluid" src="https://cdn.pixabay.com/photo/2013/07/13/01/24/periodical-155687_960_720.png" width="120px" >
      <a href=""><h3 style=" font-size:50px; text-align: center; color: #fff ; background-color: black "  >
        Uog News
      </h3>
      </a>
      
    </div>

<div class="container text-center bg-light   " >
      <img class="img-fluid" src="https://cdn.pixabay.com/photo/2013/03/29/13/38/magnifying-glass-97588_960_720.png" width="200px" >
      <a href=""><h3 style=" font-size:50px; text-align: center; color: #fff ; background-color: black "  >
        Uog Complains
      </h3>
      </a>
      
    </div>



  </div>
<br><br><br><br><br><br><br><br><br><br><br>
<div class="container-fluid bg-dark text-white">
  <div class="row">
    <div class="col-sm-3 text-center ">
      <h3>ABOUT UOG</h3>
      <p>The mission of UOG is to equip the youth in the areas of economy, social policy and research, so as to enable them to compete at the international level; achieve excellence in research and teaching in all disciplines; and develop a world class centre of excellence in the industrial triangle of Gujranwala.</p>
       

    </div>
    <div class="col-sm-3  text-center  ">
      <h3>All Courses</h3>
      <ul>
        <p>Undergraduate Programs</p>
        <p>Graduate Programs</p>
        <p>Doctors Program</p>
        <p>Entry Test</p>
         <p>Business and Management</p>
          <p>Commerce</p>
           <p>Short Courses</p>
            <p>Courses</p>
      </ul>
     

    </div>
    <div class="col-sm-3  text-center">
      <h3>Quick Links</h3>
      <ul>
        <p>Events</p>
        <p>UOG Office</p>
        <p>Merit List</p>
        <p>Research Centres</p>
        <p>Student Life</p>
        <p>Jobs at UOG</p>
        <p>Our Team</p>



      </ul>
    </div>
    <div class="col-sm-3 text-center">
      <h3>Contact Us</h3>
      <ul>
        <p>University of Gujrat Hafiz Hayat Campus<br>Jalalpur Road Gujrat, Pakistan.</p>
        <p>+92 (53) 3643326</p>
        <p>+92 (53) 3643117</p>
        <p>+92 (53) 3643043</p>
        [email protected]</p>
        <p>Monday - Friday 8.00 - 18.00</p>
       


      </ul>
    </div>
  </div>
</div>
</body>
</html>