1#@!#!123s

: / home / diafrica / www / section /
Filename : header.php
back
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>

<!-- Meta Tags -->
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="description" content="Dominican Institute Ibadan" />
<meta name="keywords" content="portal, catholic, education,  admission, learning,Nigeria" />
<meta name="author" content="Dominican Institute Ibadan" />

<!-- Page Title -->
<title>DOMINICAN INSTITUTE</title>

<!-- Favicon and Touch Icons -->
<link href="images/di-logo.png" rel="shortcut icon" type="image/png">
<link href="images/di-logo.png" rel="apple-touch-icon">
<link href="images/adi-logo.png" rel="apple-touch-icon" sizes="72x72">
<link href="images/di-logo.png" rel="apple-touch-icon" sizes="114x114">
<link href="images/di-logo.png" rel="apple-touch-icon" sizes="144x144">

<!-- Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/animate.min.css" rel="stylesheet" type="text/css">
<link href="css/javascript-plugins-bundle.css" rel="stylesheet"/>

<!-- CSS | menuzord megamenu skins -->
<link href="js/menuzord/css/menuzord.css" rel="stylesheet"/>

<!-- CSS | Main style file -->
<link href="css/style-main.css" rel="stylesheet" type="text/css">
<link id="menuzord-menu-skins" href="css/menuzord-skins/menuzord-rounded-boxed.css" rel="stylesheet"/>

<!-- CSS | Responsive media queries -->
<link href="css/responsive.css" rel="stylesheet" type="text/css">
<!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it and use it. -->

<!-- CSS | Theme Color -->
<link href="css/colors/theme-skin-color-set1.css" rel="stylesheet" type="text/css">

<!-- external javascripts -->
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/javascript-plugins-bundle.js"></script>
<script src="js/menuzord/js/menuzord.js"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/35.1.0/classic/ckeditor.js"></script>

<!-- REVOLUTION STYLE SHEETS -->
<link rel="stylesheet" type="text/css" href="js/revolution-slider/css/rs6.css">
<link rel="stylesheet" type="text/css" href="js/revolution-slider/extra-rev-slider1.css">
<!-- REVOLUTION LAYERS STYLES -->
<!-- REVOLUTION JS FILES -->
<script src="js/revolution-slider/js/revolution.tools.min.js"></script>
<script src="js/revolution-slider/js/rs6.min.js"></script>
<script src="js/revolution-slider/extra-rev-slider1.js"></script>

<!-- <link href="css/style.css" rel="stylesheet" type="text/css"> -->


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<!--Facebook Pixel-->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1008687057461542');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1008687057461542&ev=PageView&noscript=1"
/></noscript>
<!--Facebook Pixel-->

</head>
<body>
<!-- preloader -->
<!-- <div id="preloader">
  <div id="spinner">
    <div class="preloader-dot-loading">
      <div class="cssload-loading"><i></i><i></i><i></i><i></i></div>
    </div>
  </div>
  <div id="disable-preloader" class="btn btn-default btn-sm bg-white-f5">Disable Preloader</div>
</div> -->

<div id="wrapper" class="clearfix">
  <!-- Header -->
  <header id="header" class="header header-layout-type-header-2rows">
    <div class="header-top">
      <div class="container">
        <div class="row">
          <div class="col-xl-auto header-top-left align-self-center text-center text-xl-start">
            <ul class="element contact-info">
              <li class="contact-phone"><i class="fa fa-phone font-icon sm-display-block"></i> +234 811 418 1850, +234 811 418 1845</li>
              <li class="contact-email"><i class="fa fa-envelope font-icon sm-display-block"></i>info@dominicaninstitute.edu.ng</li>
              <!-- <li class="contact-address"><i class="fa fa-map font-icon sm-display-block"></i> Apata, Ibadan, Opposite Government College</li> -->
            </ul>
          </div>
          <div class="col-xl-auto ms-xl-auto header-top-right align-self-center text-center text-xl-end">
            <div class="element pt-0 pb-0">
              <ul class="styled-icons icon-dark icon-theme-colored1 icon-circled clearfix">
                <li><a class="social-link" href="https://www.facebook.com/DominicanInstituteIbadan/" ><i class="fab fa-facebook"></i></a></li>
                <li><a class="social-link" href="#" ><i class="fab fa-twitter"></i></a></li>
                <li><a class="social-link" href="https://www.instagram.com/dunigeria/" ><i class="fab fa-instagram"></i></a></li>
                <li><a class="social-link" href="https://m.youtube.com/channel/UC51ySon91SiA9vB0KLTzk2Q" ><i class="fab fa-youtube"></i></a></li>
              </ul>
            </div>
            <!-- <div class="element pt-0 pt-lg-10 pb-0">
              <a href="ajax-load/form-appointment.html" class="btn btn-theme-colored2 btn-sm ajaxload-popup">Make an Appointment</a>
            </div> -->
          </div>
        </div>
      </div>
    </div>
    <div class="header-nav tm-enable-navbar-hide-on-scroll">
      <div class="header-nav-wrapper navbar-scrolltofixed">
        <div class="menuzord-container header-nav-container">
          <div class="container position-relative">
            <div class="row header-nav-col-row">
              <div class="col-sm-auto align-self-center ">
                <a class="menuzord-brand site-brand" href="./" >
                  <img class="logo-default logo-1x" src="images/d-ilogo.png" alt="Logo" >
                </a>
              </div>
              <div class="col-sm-auto ms-auto pr-0 align-self-center">
                <nav id="top-primary-nav" class="menuzord theme-color1" data-effect="slide" data-animation="none" data-align="right">
                  <ul id="main-nav" class="menuzord-menu">
                    <li class="active menu-item">
                      <!-- <a href="./">Home</a> -->
                    </li>
                    <li class="menu-item"><a href="#">About</a>
                      <ul class="dropdown">
                        <li><a href="about.php">About DI</a></li>
                        <li><a href="principal-officers.php">Principal Officers</a></li>
                        <li><a href="academic-board-philosophy.php">Academic Board (Philosophy)</a></li>
                        <li><a href="academic-board-theology.php">Academic Board (Theology)</a></li>
                        <li><a href="other-officials.php">Other Officials</a></li>
                        <li><a href="http://studentprofile.di-online.org/admin/">Students' Profile</a></li>
                      </ul>
                    </li> 
                    <li class="menu-item"><a href="#">Academics</a>
                      <ul class="dropdown">
                        <li><a href="undergraduates.php">Undergraduates</a></li>
                        <li><a href="graduate.php">Graduate</a></li>
                        <li><a href="academic-calendar.php">Academic Calendar</a></li>
                      </ul>
                    </li>

                    <li class="menu-item"><a href="#">Apply</a>
                      <ul class="dropdown">
                        <li><a href="admission-policies.php">Admissions Policies</a></li>
                        <li><a href="undergraduate-admissions.php">Undergraduate Admissions</a></li>   
                        <li><a href="graduate-admission.php">Graduate Admission</a></li>
                      </ul>
                    </li>
                    
                    <li class="menu-item"><a href="#">E-Portal</a>
                  
                    <ul class="dropdown">
                        <li><a href="http://classroom.di-online.org/">E-Classroom</a></li>
                        <li><a href="http://result.dominicaninstitute.edu.ng/">Course Registration</a></li>
                        <li><a href="http://result.dominicaninstitute.edu.ng/">Result Portal</a></li>
                      </ul>
                  
                  </li>

                  <li class="menu-item"><a href="#">Student Resources</a>
                  <ul class="dropdown">
                      <li><a href="http://result.dominicaninstitute.edu.ng/apply.php">Transcript Requests</a></li>
                      <li><a href="http://result.dominicaninstitute.edu.ng/capply.php">Certificate Requests</a></li>
                      <li><a href="#">Reference Letters</a></li>
                      <li><a href="#">Proof of English Proficiency</a></li>
                    </ul>
                </li>
                    
                  <li class="menu-item"><a href="alumni.php">Alumni</a></li>
                  <li class="menu-item"><a href="">Others</a>
                  <ul class="dropdown">
                        <li><a href="career.php">Career at DI</a></li>
                        <li><a href="donations.php">Donate to Us</a></li>
                      </ul>
                </li>
                   <!-- <li class="menu-item"><a href="">Spre</a></li> -->
                  </ul>
                </nav>
              </div>
            
            </div>
            <div class="row d-block d-xl-none">
               <div class="col-12">
                <nav id="top-primary-nav-clone" class="menuzord d-block d-xl-none default menuzord-color-default menuzord-border-boxed menuzord-responsive" data-effect="slide" data-animation="none" data-align="right">
                 <ul id="main-nav-clone" class="menuzord-menu menuzord-right menuzord-indented scrollable">
                 </ul>
                </nav>
               </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>