templates/home/obu_index.html.twig line 1

Open in your IDE?
  1. {% extends "base_login.html.twig" %}
  2. {% block stylesheets %}
  4.     <link rel="icon" href="images/favicon.ico" type="image/x-icon">
  6.     <!-- Stylesheets-->
  7.     {# <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,700%7CMerriweather:400,300,300italic,400italic,700,700italic"> #}
  8.     {# <link rel="stylesheet" href="{{ asset('assets/plugins/fontawesome-free/css/all.min.css')}}"> #}
  11. <link rel="stylesheet" href="{{asset('assets/plugins/toastr/toastr.min.css')}}"> {% endblock %}
  14. {% block body %}
  16.     <body>
  17.         <!-- Page-->
  18.         <div
  19.             class="page text-center">
  20.             <!-- Page Header-->
  21.             <header
  22.                 class="page-head header-panel-absolute">
  23.                 <!-- RD Navbar Transparent-->
  24.                 <div class="rd-navbar-wrap">
  25.                     <nav class="rd-navbar rd-navbar-default" data-md-device-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-stick-up-offset="210" data-xl-stick-up-offset="85" data-lg-auto-height="true" data-auto-height="false" data-md-layout="rd-navbar-static" data-lg-layout="rd-navbar-static" data-lg-stick-up="true">
  26.                         <div
  27.                             class="rd-navbar-inner">
  28.                             <!-- RD Navbar Panel-->
  29.                             <div
  30.                                 class="rd-navbar-panel">
  31.                                 <!-- RD Navbar Toggle-->
  32.                                 <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar, .rd-navbar-nav-wrap">
  33.                                     <span></span>
  34.                                 </button>
  35.                                 <h4 class="panel-title veil-md">Home</h4>
  36.                                 <!-- RD Navbar Right Side Toggle-->
  37.                                 <button class="rd-navbar-top-panel-toggle veil-md" data-rd-navbar-toggle=".rd-navbar-top-panel">
  38.                                     <span></span>
  39.                                 </button>
  40.                                 <div class="rd-navbar-top-panel">
  41.                                     <div class="rd-navbar-top-panel-left-part">
  42.                                         <ul class="list-unstyled">
  43.                                             <li>
  44.                                                 <div class="unit unit-horizontal unit-middle unit-spacing-xs">
  45.                                                     <div class="unit-left">
  46.                                                         <span class="fa fa-phone text-middle"></span>
  47.                                                     </div>
  48.                                                     <div class="unit-body">
  49.                                                         <a href="callto:#">+251-(0)47-111-2202,</a>
  50.                                                         <a class="reveal-block reveal-md-inline-block" href="callto:#">1-800-6547-321</a>
  51.                                                     </div>
  52.                                                 </div>
  53.                                             </li>
  54.                                             <li>
  55.                                                 <div class="unit unit-horizontal unit-middle unit-spacing-xs">
  56.                                                     <div class="unit-left">
  57.                                                         <span class="  fa fa-map-marker text-middle"></span>
  58.                                                     </div>
  59.                                                     <div class="unit-body">
  60.                                                         <a href="">W/Hararge,Oromia,Ethiopia</a>
  61.                                                     </div>
  62.                                                 </div>
  63.                                             </li>
  64.                                             <li>
  65.                                                 <div class="unit unit-horizontal unit-middle unit-spacing-xs">
  66.                                                     <div class="unit-left">
  67.                                                         <span class="fa fa-envelope text-middle"></span>
  68.                                                     </div>
  69.                                                     <div class="unit-body">
  70.                                                         <a href="mailto:#">ictdo@obu.edu.et</a>
  71.                                                     </div>
  72.                                                 </div>
  73.                                             </li>
  74.                                         </ul>
  75.                                     </div>
  76.                                     <div class="rd-navbar-top-panel-right-part">
  77.                                         <div class="rd-navbar-top-panel-left-part">
  78.                                             <div class="unit unit-horizontal unit-middle unit-spacing-xs">
  79.                                                 <div class="unit-left">
  80.                                                     <span class="fa fa-user text-middle"></span>
  81.                                                 </div>
  82.                                                 <div class="unit-body">
  83.                                                     <a href="{{path('student_index')}}">Student</a>
  84.                                                 </div>
  85.                                             </div>
  86.                                         </div>
  87.                                     </div>
  88.                                 </div>
  89.                             </div>
  90.                             <div
  91.                                 class="rd-navbar-menu-wrap clearfix container ">
  92.                                 <!--Navbar Brand-->
  93.                                 <div class="rd-navbar-brand">
  94.                                     <a class="reveal-inline-block" href="index.html">
  95.                                         <div class="unit unit-xs-middle unit-xl unit-xl-horizontal unit-spacing-xxs">
  96.                                             <div class="unit-left ">
  97.                                                 <img width='200' height='200' src='{{asset('logo.png')}}' alt='Ju Logo'/>
  98.                                             </div>
  99.                                             <div class="unit-body text-xl-left">
  100.                                                 <h1 class="rd-navbar-brand-title">Productive Mind For Development</h1>
  101.                                                 <div class="rd-navbar-brand-slogan"></div>
  102.                                             </div>
  103.                                         </div>
  104.                                     </a>
  105.                                 </div>
  107.                                 <div class="rd-navbar-nav-wrap">
  108.                                     <div class=" nav_wrapper ">
  109.                                         <div class="logo_box">
  110.                                             <a href="{{path('student_login')}}" class="brand-link">
  111.                                                 <img src="{{asset('logo.png')}}" alt="Oda Bultum Logo" class="brand-image " style="opacity: .8">
  112.                                                 <span class=" font-weight-bold">
  113.                                                     <h5>Oda Bultum University</h5>
  114.                                                 </span>
  115.                                             </a>
  116.                                         </div>
  119.                                         <div class=" nav_box ">
  120.                                             <div
  121.                                                 class="rd-navbar-mobile-scroll ">
  123.                                                 <!-- RD Navbar Nav-->
  124.                                                 <ul class="rd-navbar-nav ">
  125.                                                     <li class="active">
  126.                                                         <a href="#home">Home</a>
  127.                                                     </li>
  128.                                                     <li>
  129.                                                         <a href="#about">About Us</a>
  130.                                                     </li>
  131.                                                     <li>
  132.                                                         <a href="{{path('student_login')}}">Student</a>
  133.                                                     </li>
  135.                                                     <li>
  138.                                                         <a class="btn text-white float-right" style="background-color: #b80924; " href="{{path('app_login')}}">Login</a>
  139.                                                     </li>
  142.                                                 </ul>
  143.                                             </div>
  144.                                         </div>
  145.                                     </div>
  148.                                 </div>
  149.                             </div>
  150.                         </div>
  151.                     </nav>
  152.                 </div>
  153.             </header>
  154.             <section class="section section-90 section-lg-190 context-dark novi-background bg-image" id="home" data-anchor="anchor" style="background-image: url({{ asset('assets/plugins/stud/images/slide.jpg')}});box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);background: linear-gradient(rgba(0,0,0, .5), rgba(0,0,0,.5)), ">
  155.                 <div class="container">
  156.                     <div class="range range-xs-center range-lg-left">
  157.                         <div class="cell-md-9 text-md-left cell-xs-10">
  158.                             <div>
  159.                                 <h1 class="text-bold">
  160.                                     <a href="#">Great History and a Bright Future.</a>
  161.                                 </h1>
  162.                             </div>
  163.                             <div class="offset-top-20 offset-xs-top-40 offset-xl-top-60 inset-lg-right-100" data-caption-animate="fadeInUp" data-caption-delay="150">
  164.                                 <h5>Our Mission Is To train high caliber national and international professionals, undertaking quality and problem solving research, serving and engaginglocal, national, and global communities through its cherished and innovative Community Based Education (CBE).</h5>
  165.                             </div>
  166.                             <div class="offset-top-20 offset-xl-top-40" data-caption-animate="fadeInUp" data-caption-delay="400">
  167.                                 <div class="inset-xs-left-30 reveal-lg-inline-block">
  168.                                     <a class="btn btn-default veil reveal-lg-inline-block" href="https://www.ju.edu.et/?q=vision-and-mission">Show More</a>
  169.                                 </div>
  170.                             </div>
  171.                         </div>
  172.                     </div>
  173.                 </div>
  174.             </section>
  175.             <!--A Meeting of Minds-->
  176.             <section class="section novi-background bg-image bg-white section-70 section-md-114" id="about" data-anchor="anchor">
  177.                 <div class="shell">
  178.                     <div class="range range-sm-middle range-sm-justify">
  179.                         <div class="cell-sm-8 text-sm-left">
  180.                             <h2 class="text-bold">A Few Words
  181.                                 <br class="veil reveal-lg-inline-block">
  182.                                 About Oda Bultum University</h2>
  183.                             <hr class="divider bg-madison hr-sm-left-0">
  184.                             <div class="offset-top-30 offset-sm-top-60">
  185.                                 <p>Oda Bultum University’s motto “We are in the Community!” extends to all levels of the university, including the leadership.  Oda Bultum University is accessible and responsive to inquiries and exchanges with all sectors of the campus community. Openness and transparency are emphasized and positive and constructive discourse with the leadership of JU helps in moving the institution forward. Visitors to JU find the leaders of the institution friendly and curious about their experiences at JU and show Ethiopia’s famous hospitality to all newcomers on campus. We engage the broader campus community in a variety of ways, and it is not uncommon to see the top management engaging casually with students, faculty, foreign guests and staff. Through this, the cohesiveness of the campus community is strengthened, and a truly unique collaborative environment is created.
  186.                                 </p>
  187.                             </div>
  188.                             <p>We emphasis on what is next for Oda Bultum University and work towards continuing to maintain Oda Bultum University as the leading public institution of higher education in Ethiopia. The development of the University and expansion of facilities is clearly evident on arrival at the campus, with new administrative buildings, sports stadiums, laboratories, ICT facilities, a hotel and classroom facilities being built throughout the campus. 
  189.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 Oda Bultum University also emphasizes areas of critical importance to the character of the institution, and among these include gender equality, which is evident in the ongoing efforts to increase the number of female faculty members and leadership positions throughout campus. Female students at Oda Bultum University also get extensive and holistic attention from the institution and the goals of increasing the number of female university graduates is ensured with great effort by the leadership of the institution.</p>
  190.                             <p>We are emphatic about international collaboration, and foreign guests are able to engage in meaningful discourse with JU’s leadership throughout their time at the University. JU is always seeking new international partnerships and is adamant about ensuring the success of long running joint projects with international partners. Internationalization has been designated a core philosophy of Oda Bultum University, and JU’ works towards creating a truly global institution in a variety of ways.
  191.                             </p>
  192.                             <p>We also recognizes the significance of public-private partners for 21st century development, and in the preparation of students for industry upon graduation. Through innovative programs such as those with ABH Healthcare and Lucy Consulting Engineering, the leadership is paving the way for Oda Bultum University to be among the most industry friendly higher education institutions in not just Ethiopia but in Africa.
  193.                             </p>
  195.                             <p></p>
  197.                         </div>
  198.                         <div class="cell-sm-4 text-sm-left offset-top-50 offset-sm-top-0">
  199.                             <div class="inset-sm-left-30"><img class="img-responsive reveal-inline-block img-rounded" src="{{asset('assets/plugins/stud/images/prof.jpg')}}" width="340" height="300" alt="The original board">
  200.                                 <div class="offset-top-20">
  201.                                     <h6 class="text-primary text-bold">Prof Muktar Mohammed. (PhD)</h6>
  202.                                 </div>
  203.                                 <p>President of Oda Bultum University .</p>
  204.                             </div>
  205.                         </div>
  206.                     </div>
  207.                 </div>
  208.             </section>
  209.             <!-- A Few Words About the University-->
  210.             <section class="section novi-background bg-image bg-white section-70 section-md-114">
  211.                 <div class="shell">
  212.                     <div class="range text-sm-left range-sm-middle range-sm-justify">
  213.                         <div class="cell-sm-5 cell-md-4 offset-top-50 offset-md-top-0">
  214.                             <a href="index.html">
  215.                                 <img class="img-responsive reveal-inline-block" src="{{asset('logo.png')}}" width="326" height="329" alt=""></a>
  216.                         </div>
  217.                         <div class="cell-sm-7 cell-md-7">
  218.                             <p>Oda Bultum University was founded on the amalgamation of the the Oda Bultum Institute of Health Science and the Oda Bultum College of Agriculture in the 1980’s. Both institutions had been national leaders in their respective fields, and with the merger, the development of a new, multifaceted and development oriented institution was able to emerge from the two former specialty institutions. Throughout the 1990’s Ethiopia as a nation was determined to overcome the significant development challenges facing the country. Such challenges were found in all sectors of society and in all regions. Given this reality, new institutions needed to be developed in a manner that would be conducive to the development of the nation. A well- conceived and applicable higher education institutional development scheme was necessary for the broader development of the country. Numerous new higher education institutions were founded all over the country while existing institutions were strengthened and expanded upon.  No institution of higher education in the country represents this expansion and strengthening of programs more than Oda Bultum University.
  219.                             </p>
  220.                             <p>Today, Oda Bultum University has numerous Memorandums of Understanding’s with a variety of partners from around the world. Oda Bultum University emphasizes that the power of collaboration is greatest when there is the most diverse set of international partners. In light of this, today Oda Bultum University has partnerships from various African, eastern and western European, Middle Eastern, Southeast Asian, East Asian, Latin American, and North American partners.
  221.                             </p>
  222.                             <p>Oda Bultum University is in a critical development stage, and with the physical and programmatic development of the institution, the goal of becoming a globally collaborative and competitive university which produces the highest quality academic and research output yearly will surely be achieved.
  223.                             </p>
  224.                             <div class="offset-top-30">
  225.                                 <a class="btn btn-icon btn-icon-right btn-default" href="https://www.ju.edu.et/?q=about-Oda Bultum-university">
  226.                                     <span class="icon fa-arrow-right"></span>
  227.                                     <span>Show More
  228.                                     </span>
  229.                                 </a>
  230.                             </div>
  231.                         </div>
  232.                     </div>
  233.                 </div>
  234.             </section>
  236.             <!-- Counters-->
  239.             <!-- Fill in the Form-->
  241.             <!-- Corporate footer-->
  242.                 <footer class="page-footer novi-background bg-madison"> <div class="shell section-30">
  243.                     <p>&copy;
  244.                         <span id="copyright-year"></span>
  245.                         All Rights Reserved Terms of Use and
  246.                         <a href="index.html#">Privacy Policy</a>
  247.                     </p>
  248.                 </div>
  249.             </footer>
  250.         </div>
  251.         <!-- Global Mailform Output-->
  252.         <div class="snackbars" id="form-output-global"></div>
  253.         <!-- PhotoSwipe Gallery-->
  254.         <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  255.             <div class="pswp__bg"></div>
  256.             <div class="pswp__scroll-wrap">
  257.                 <div class="pswp__container">
  258.                     <div class="pswp__item"></div>
  259.                     <div class="pswp__item"></div>
  260.                     <div class="pswp__item"></div>
  261.                 </div>
  262.                 <div class="pswp__ui pswp__ui--hidden">
  263.                     <div class="pswp__top-bar">
  264.                         <div class="pswp__counter"></div>
  265.                         <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
  266.                         <button class="pswp__button pswp__button--share" title="Share"></button>
  267.                         <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
  268.                         <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
  269.                         <div class="pswp__preloader">
  270.                             <div class="pswp__preloader__icn">
  271.                                 <div class="pswp__preloader__cut">
  272.                                     <div class="pswp__preloader__donut"></div>
  273.                                 </div>
  274.                             </div>
  275.                         </div>
  276.                     </div>
  277.                     <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
  278.                         <div class="pswp__share-tooltip"></div>
  279.                     </div>
  280.                     <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
  281.                     <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
  282.                     <div class="pswp__caption">
  283.                         <div class="pswp__caption__center"></div>
  284.                     </div>
  285.                 </div>
  286.             </div>
  287.         </div>
  289.     </body>
  292. {% endblock %}
  294. {% block javascripts %}
  295.     {% set toast = "" %}
  298.     <script src="{{asset('assets/plugins/toastr/toastr.min.js')}}"></script>
  299.     <script src="{{ asset('assets/plugins/stud/js/3ts2ksMwXvKRuG480KNifJ2_JNM.js')}}"></script>
  300.     <script src="{{ asset('assets/plugins/stud/js/core.min.js')}}"></script>
  301.     <script src="{{ asset('assets/plugins/stud/js/script.js')}}"></script>
  303.     <script>
  304.         function toastIt(context, msg, pos) {
  305. toastr.options.timeOut = "3000";
  306. toastr.options.progressBar = true;
  307. toastr.options.closeButton = true;
  308. toastr.options.positionClass = 'toast-bottom-right';
  309. toastr['info']('Success');
  311. // $('.btn-toastr').on('click', function() {
  312. if (context == "danger") 
  313. context = "error"
  319. $context = context;
  320. $message = msg;
  321. $position = pos;
  323. if ($context === '') {
  324. $context = 'info';
  325. }
  327. if ($position === '') {
  328. $positionClass = 'toast-top-right';
  329. } else {
  330. $positionClass = 'toast-' + $position;
  331. }
  333. toastr.remove();
  334. toastr[$context]($message, '', {positionClass: $positionClass});
  335. // });
  336. }
  337.     </script>
  338.     <script>
  339.         $(function () {
  340. console.log("Load");
  342. $([document.documentElement, document.body]).animate({
  343. scrollTop: $("#home").offset().top
  344. }, 100);
  345. // $([document.documentElement, document.body]).scrollTop("#login").offset().top
  347. });
  348.     </script>
  350.     <script>
  351.         function toastAll() {
  352. {{ toast | raw }}
  353. }
  355. setTimeout(function () {
  356. {{ toast | raw }}
  357. }, 1000);
  358.     </script>
  359. {% endblock %}