CINXE.COM

<style> .gallery-items .images img{ width: 100%; height: 211px; object-fit: cover; object-position: 50% 50%; cursor: pointer; transition:.5s ease-in-out; } .gallery-items .images{ width: 100%; overflow: hidden; } .gallery-items{ width: 100%; position: relative; } .gallery-items:hover .images img{ transform: scale(1.5); } .testimonial_content { line-height: 30px; font-size: 16px; color: #626a77; } .news_sec{ display: flex; align-items: center; padding: 45px 50px; box-shadow: 0px 30px 70px 0px rgba(2, 25, 55, 0.08); border-radius: 10px; margin-bottom: 40px; margin-left: 7rem; background-color:#fff; } .news_img { width: 270px; height: 256px; border-radius: 50% 0 50% 50%; margin-right: 50px; } .news_content{ top: 2px; } .news_content h5{ color: rgb(216 202 29); } .news_content h6{ font-size: 26px; line-height: 35px; font-weight: 600; overflow: hidden; } .news_content p{ line-height: 30px; font-size: 16px; color: #626a77; overflow: hidden; } .news_content ul li{ line-height: 30px; font-size: 16px; color: #626a77; overflow: hidden; } .grid_col{ margin-bottom:50px; } .grid_col1{ grid-template-columns: repeat(1,1fr); } .grid_col2{ display: grid; grid-template-columns: repeat(10,1fr); grid-auto-rows: 100px 300px; min-width: 111%; grid-auto-flow: dense; } .gallery-item{ width: 100%; height: 100%; position: relative; } .gallery-item .image{ width: 100%; height: 100%; overflow: hidden; } .gallery-item .image img{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; cursor: pointer; transition:.5s ease-in-out; background-color: #3c373708; } .gallery-item:hover .image img{ transform: scale(1.5); } .gallery-item .text{ opacity: 1; animation: move-down .3s linear; padding: 1em; width: 100%; text-align:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 22.5px; font-weight: 700; line-height: 1.56; color: #fff; text-transform: capitalize !important; font-size: 25px; pointer-events: none; z-index: 4; background-color: #3c373763; } .w-1{ grid-column: span 1; } .w-2{ grid-column: span 2; } .w-3{ grid-column: span 3; } .w-4{ grid-column: span 4; } .w-5{ grid-column: span 5; } .w-6{ grid-column: span 6; } .h-1{ grid-row: span 1; } .h-2{ grid-row: span 2; } .h-3{ grid-row: span 3; } .h-4{ grid-row: span 4; } .h-5{ grid-row: span 5; } .h-6{ grid-row: span 6; } @media screen and (max-width:500px){ .grid_col2{ grid-template-columns: repeat(1,1fr); } .w-1,.w-2,.w-3,.w-4,.w-5,.w-6{ grid-column:span 1; } .h-1,.h-2,.h-3,.h-4,.h-5,.h-6{ grid-row: span 3; } } .departments { border-radius:10px !important; box-shadow: -1px 2px 15px 5px #638054 !important; border:none !important; font-weight:bold !important; transition:.5s ease-in-out; overflow:hidden; padding:17px 10px !important; width: 10%; height: 10%; margin-top:5%; text-align:center; } .departments:hover { background-color:#638054 !important; border:none !important; color:#fff !important; border-radius:10px; font-weight:bold; width: 10%; height: 10%; box-shadow: -1px 2px 15px 5px rgb(216 202 29) !important; transform:scale(1.2); } .innerbanner h1{ font-size: 38px; margin-top: 12rem; color:#fff; font-weight:bold; } .tender_content{ box-shadow: -1px 2px 15px 5px rgb(216 202 29); padding: 20px 15px 30px 15px; margin-left: 34px; margin-bottom: 28px; width: 356px; } .tender_content .tender_hr{ width: 170px; height: 10px; border-top: 2px solid rgb(216 202 29); } .tender_content h2{ text-transform: capitalize; font-size: 20px; font-weight: 700; height: 76px; overflow: hidden; } .tender_content p{ line-height: 30px; font-size: 16px; color: #626a77; padding:0 0 20px 0; } .tender_content a:hover{ transform: translateY(-10%); transition: transform 0.5s, opacity 0.5s; } .tender_content a{ padding: 10px; border: 1px solid rgb(216 202 29); color: rgb(216 202 29); background-color: transparent; margin-top: 12px; text-align: center; } .btn_active{ background:#e09337 !important; } .testimonial_content{} #programs:before, #programs:after, #staff:before, #dean:before, #staff:after, #dean:after { position: absolute; content: ""; right: 0; top: 0; left:0; bottom:0; background: #638054; transition: all 0.3s ease; } #programs:before, #staff:before, #dean:before { height: 0%; width: 2px; } #programs:after, #staff:after, #dean:after { width: 0%; height: 2px; } #programs:hover, #staff:hover, #dean:hover{ background: transparent; box-shadow: none; } #programs:hover:before, #staff:hover:before, #dean:hover:before { height: 100%; } #programs:hover:after, #staff:hover:after, #dean:hover:after { width: 100%; } #programs, #staff, #dean { width: 182px; height: 52px; color: #fff; border-radius: 5px; font-weight: 500; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); outline: none; } .resources{ background-color:#4f6e3f; padding:10px 20px 10px 20px; margin-bottom: 12%; height: 85px; } .resources h4{ color:#fff; } .download_cat:hover{ box-shadow: 5px 5px 15px 5px #2020204a; } .about_hr { width: 52px; height: 10px; border-top: 3px solid rgb(216 202 29); } .program-para,.about_content ul li,.about_content ol li { line-height: 30px !important; font-size: 16px !important; color: #626a77 !important; } .about_content h2{ text-transform: capitalize; font-size: 25px; font-weight: 600; } .about_content h6{ text-transform: capitalize; font-size: 14px; font-weight: 600; color:rgb(216 202 29); } .about_content p,.vission_content p{ line-height: 30px; font-size: 16px; color: #626a77; padding:0 0 20px 0; } .admission_content .adminssion_hr{ width: 52px; height: 10px; border-top: 3px solid rgb(216 202 29); } .vission_content{ padding:2rem; background-color:#fff; border-radius:5px; box-shadow: -1px 2px 15px 5px rgb(235 234 218); } .vission_content h5{ text-transform: capitalize; font-size: 20px; font-weight: 600; } .course_sec{ display: flex; column-gap: 25px; margin-top:25px; margin-bottom:25px; } .vission_content i{ margin-left: 8rem; font-size: 3em; color: #638054; } .admission_content h2{ text-transform: capitalize; font-size: 25px; font-weight: 600; } .admission_content p{ line-height: 30px; font-size: 16px; color: #626a77; padding:0 0 20px 0; } .admission_content img{ width:100%; height: 46%; } .admission_content img:hover{ transform: translateY(-10%); transition: transform 0.5s, opacity 0.5s; } .admission_content a{ padding: 10px; border: 1px solid #fff; color: #fff; background-color: rgb(216 202 29); margin-top: 12px; text-align: center; } .content h5{ height: 22px; overflow: hidden; } .content h6{ height: 25px; overflow: hidden; } .course_sec li,.course_sec p,.course_sec div { font-size: 16px !important; color: #626a77 !important; line-height: 30px !important; } .test { background-color:#638054; color:#fff; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background-color:#e09337; color:#fff; } a:hover { color: #638054; } .staff-detail { font-size: 16px; color: #626a77; } .tab-content p, .tab-content li{ font-size: 16px !important; color: #626a77 !important; line-height: 30px; } </style> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>BUAN</title> <link rel="shortcut icon" href="/images/favicon.png"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"> <link href="/css/bootstrap.min.css" rel="stylesheet"> <link href="/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="/css/animate.min.css" rel="stylesheet"> <link href="/css/multi-columns-row.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="/source/jquery.fancybox.css?v=2.1.5" media="screen" /> <link rel="stylesheet" type="text/css" href="/css/menu-styles.css" />  <link id="effect" rel="stylesheet" type="text/css" media="all" href="/css/fade-down.css"> <link rel="stylesheet" type="text/css" media="all" href="/css/webslidemenu.css"> <link id="theme" rel="stylesheet" type="text/css" media="all" href="/css/white-gry.css">   <link rel="stylesheet" type="text/css" href="/css/owl.carousel.min.css"> <link rel="stylesheet" type="text/css" href="/css/owl.theme.default.min.css"> <link rel="stylesheet" type="text/css" href="/css/owl.theme.green.min.css"> <link rel="stylesheet" href="/css/fullcalendar.min.css" />  <style> .wsmenu>.wsmenu-list>li>a { color:#638054 !important;font-size:15px !important; } .container-fluid { padding-right: 0; padding-left: 0; } footer {background:#e09337 !important;}.copyright a { color: rgb(216 202 29) !important;}.copyright a:hover { color: #fff !important;} #scroll_top { z-index:999;background: #638054; color: white; position: fixed; bottom: 50px; right: 20px; font-size: 18px; width: 0; height: 0; padding: 20px; text-decoration: none; border-radius: 29px; animation-name: pulse; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; scroll-behavior: smooth; } #scroll_top i{ margin: -9px; } .wsmenu>.wsmenu-list>li>ul.sub-menu li,.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li { background-color: #638054; border-bottom:1px solid rgb(216 202 29); } .wsmenu>.wsmenu-list>li>ul.sub-menu li a,.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a{ color:#fff; font-size:14px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{ color:#fff; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>a { background-color: #638054; } .wsmenu > .wsmenu-list > li > ul.sub-menu li a:hover ,.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover{ background-color: rgb(216 202 29); } .facebook_icons, .twitter_icons, .linkedin_icons, .youtube_icons, .instagram_icons { color:#fff !important; } .facebook_icons:hover, .twitter_icons:hover, .linkedin_icons:hover, .youtube_icons:hover, .instagram_icons:hover { color:#638054 !important; } .innerbanner { overflow: hidden; width:100%; height:450px; text-align:center; } .zoominheader { width:100%; height:470px; text-align:center; margin-top: -30px; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center, center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-animation: zoomin 10s ease-in infinite; animation: zoomin 10s ease-in infinite; transition: all 10s ease-in-out; overflow: hidden; } .zoomoutheader { width:100%; height:450px; text-align:center; background: none; -webkit-animation: zoomout 150s ease-in infinite; animation: zoomout 150s ease-in infinite; transition: all 10s ease-in-out; overflow: hidden; } @-webkit-keyframes zoomin { 0% {transform: scale(1);} 25% {transform: scale(1.1);} } @keyframes zoomin { 0% {transform: scale(1);} 25% {transform: scale(1.1);} } @-webkit-keyframes zoomout { 0% {transform: scale(1);} 25% {transform: scale(1.3);} } @keyframes zoomout { 0% {transform: scale(1);} 25% {transform: scale(1.3);} } </style> <link href="/css/style-main.css" rel="stylesheet">  <link href="/css/ninja-slider.css" rel="stylesheet" type="text/css" /> <script src="/js/ninja-slider.js" type="text/javascript"></script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-0D5EVPVDXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-0D5EVPVDXX'); </script> </head> <body>  <header id="top"> <div class="top-bar">  <div class="wsmobileheader clearfix "> <a id="wsnavtoggle" class="wsanimated-arrow"><span></span></a> </div>  <div class="container"> <div class="row"> <div class="col-sm-8"> <ul class="toplink"> <li><a href="https://buan-itsiena.buan.ac.bw/pls/prodi41/w99pkg.mi_login" target="_blank">Online Services</a></li> <li ><a href="/buan-students/">Student Life</a></li> <li ><a href="/buan-admissions/">Admissions</a></li>   <li ><a href="/tenders/">Tenders</a></li> <li><a href="https://mowana.buan.ac.bw/" target="_blank">Library</a></li> <li><a href="https://buan.ac.bw/common_up/buan/doc_1722182642.pdf" target="_blank">Academic Calendar</a></li> </ul> </div> <div class="col-sm-4"> <div class="toprt"> <div class="social-icons"> <a href="https://www.facebook.com/groups/284070378440420" target="_blank" class="fa fa-facebook fa-1x facebook_icons" title="facebook"></a> <a href="#" target="_blank" class="fa fa-linkedin fa-1x linkedin_icons" title="linkedin"></a> <a href="https://www.youtube.com/channel/UC83PkwuzUbbpOet06ufdcWQ/" target="_blank" class="fa fa-youtube-play fa-1x youtube_icons" title="youtube"></a> <a href="https://www.instagram.com/buanvibrancy/" target="_blank" class="fa fa-instagram fa-1x instagram_icons" title="instagram"></a>  </div> </div> </div> </div>  <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <div class="center"> <h2 class="modal-title text-center">Employment Application Form</h2> </div> </div> <div class="modal-body"> <div class="row about_content"> <div class="col-md-12"> <form action="/index.php/submit-application-form/" method="post" name="regisfrm" onsubmit='return feedback();'> <div class="col-md-6"> <input type="hidden" name="userval" id="userval" value="94r6ibtv"> <label>First Name <span>*</span></label> <input type="text" name="firstname" class="form-control" value="" placeholder="" required> </div> <div class="col-md-6"> <label>Last Name <span>*</span></label> <input type="text" name="lastname" class="form-control" value="" placeholder="" required> </div> <div class="col-md-6"> <label>DOB<span>*</span></label> <input type="date" name="dob" class="form-control" value="" placeholder="" required> </div> <div class="col-md-6"> <label>Phone Number <span>*</span></label> <input type="number" name="phoneno" class="form-control" value="" placeholder="" required> </div> <div class="col-md-6"> <label>Email<span>*</span></label> <input type="email" name="email" class="form-control" value="" required placeholder="ex:example@example.com"> </div> <div class="col-md-12"> <label>Address <span>*</span></label> <input type="text" name="address" class="form-control" value="" placeholder="" required> </div> <div class="col-md-12"> <span>Street Address</span> <input type="text" name="address2" class="form-control" placeholder=""> </div> <div class="col-md-12"> <span>Street Address Line 2</span> <input type="text" name="address3" class="form-control" placeholder=""> </div> <div class="col-md-6"> <span>City</span> <input type="text" name="city" class="form-control" placeholder=""> </div> <div class="col-md-6"> <span>State/Province</span> <input type="text" name="state" class="form-control" placeholder=""> </div> <div class="col-md-12"> <span>Postal / Zip Code</span> <input type="text" name="postcode" class="form-control" placeholder=""> </div><br> <div class="col-md-12"> <label> How were you referred to us?* </label> </div> <div class="col-md-3"> <input type="checkbox" name="refer" placeholder=""> Walk-in </div> <div class="col-md-3"> <input type="checkbox" name="refer" placeholder=""> Referral </div> <div class="col-md-3"> <input type="checkbox" name="refer" placeholder=""> Newspaper Ad </div> <div class="col-md-3"> <input type="checkbox" name="refer" placeholder=""> Facebook </div> <div class="col-md-12"> <label>Resume and Files </label> <input type="file" name="resume_files" placeholder="" multiple> </div> <div class="col-md-6"> <button type="submit" name="submit" class="btn btn-primary" style="margin-top:10%;background-color:rgb(216 202 29);"><i class="fa fa-check" aria-hidden="true"></i> Save</button> </div> </form> </div> </div> </div>  </div> </div>  </div> </div> <div class="mid-bar sticky" style="background-color: #fff;"> <div class="container"> <div id="logo"><img src="/images/buan_logo_header.png" alt="logo"></div>  <nav class="wsmenu clearfix"><div class="overlapblackbg"></div> <ul class="wsmenu-list"> <li aria-haspopup="true" class="rightmenu"> <div class="navlogo"><img src="/images/loading.jpg" alt="logo"></div> </li> <li ><a href='/home/'>Home</a></li> <li > <span class="wsmenu-click"><i class="wsmenu-arrow fa fa-angle-down"></i></span><a href="#">About Us <span class="wsarrow"></span></a> <ul class="sub-menu"> <li class="mega-menu"><a class="aclass" target="_blank" href="/common_up/buan/Strategic Plan Writeup Final V2.2022_Master Doc.pdf">Strategic Plan</a> <span class="wsmenu-click"><i class="wsmenu-arrow fa fa-angle-down"></i></span> </li> </ul> </li> <li ><span class="wsmenu-click"><i class="wsmenu-arrow fa fa-angle-down"></i></span><a href="#">Faculties <span class="wsarrow"></span></a> <ul class="sub-menu"> <li class="mega-menu"><a class="aclass" href="https://buan.ac.bw/buan-faculty-detail/id/4/faculty-of-agriculture">Faculty of Agriculture</a> <span class="wsmenu-click"><i class="wsmenu-arrow fa fa-angle-down"></i></span>  </li> <li class="mega-menu"><a class="aclass" href="https://buan.ac.bw/buan-faculty-detail/id/10/faculty-of-sciences">Faculty of Sciences</a> <span class="wsmenu-click"><i class="wsmenu-arrow fa fa-angle-down"></i></span>  </li> <li class="mega-menu"><a class="aclass" href="https://buan.ac.bw/buan-faculty-detail/id/11/faculty-of-natural-resources">Faculty of Natural Resources</a> <span class="wsmenu-click"><i class="wsmenu-arrow fa fa-angle-down"></i></span>  </li> <li class="mega-menu"><a class="aclass" href="https://buan.ac.bw/buan-faculty-detail/id/12/faculty-of-animal-and-veterinary-sciences">Faculty of Animal and Veterinary Sciences</a> <span class="wsmenu-click"><i class="wsmenu-arrow fa fa-angle-down"></i></span>  </li> <li class="mega-menu"><a class="aclass" href="https://buan.ac.bw/buan-faculty-detail/id/13/faculty-of-agri-business,-education-and-extension">Faculty of Agri-Business, Education and Extension</a> <span class="wsmenu-click"><i class="wsmenu-arrow fa fa-angle-down"></i></span>  </li> <li class="mega-menu"><a class="aclass" href="https://buan.ac.bw/buan-faculty-detail/id/14/faculty-of-research-and-graduate-studies">Faculty of Research and Graduate Studies</a> <span class="wsmenu-click"><i class="wsmenu-arrow fa fa-angle-down"></i></span>  </li> </ul> </li>  <li ><a href="/buan-event/">Academics</a></li>  <li ><a href="/buan-news/">News</a></li>  <li class="active" ><a href="/vacancies/">Vacancies</a></li> <li ><a href='/buan-contact-us/'>Contact Us</a></li>  <li ><a href='https://buan-itsiena.buan.ac.bw/pls/prodi41/w99pkg.mi_login' class="btn btn-primary" style="border-radius: 35px;background-color: rgb(102 133 86); color: #fff !important;padding: 8px 10px;font-size:11px !important;margin: 6px 17px;font-weight: 800;">Apply Now</a></li> </ul> </nav>  </div> </div> </header>  <div class="floatbtn01"><a href="https://buan-itsiena.buan.ac.bw/pls/prodi41/w99pkg.mi_login"><img src="/images/float-btn01.png" alt="Apply Now" style="font-size:15px;"></a></div> <div class="floatbtn02"><a href="/buan-cici/" target="_blank"><img src="/images/float-btn02.png" alt="CICE"></a></div> <div class="floatbtn03"><a href="https://buanacbw.sharepoint.com/sites/BUANINTRANET" target="_blank"><img src="/images/float-btn03_new.png" alt="Research"></a></div>  <section class="innerbanner"> <div class="zoominheader" style="background-image:linear-gradient(#3c3737cf, #00000075),url(/images/Tenders_bg.jpg);"> <div class="zoomoutheader"> <h1 class="text-center"> Vacancies</h1> </div> </div> </section> <main> <div class="main"> <div class="container" style="margin-top:3rem;margin-bottom:3rem;"> <div class="row"> <div class="courses-list"> <div class="content"> <h3>Currently no Vacancies Available</h3> </div> </div> </div> </div> </div> </main> <footer> <div class="footer"> <div class="container">     <div class="row rowfooter"> <div class="col-sm-6"> <p class="copyright">漏 BUAN 2024. All rights reserved. Developed with passion by <a href="http://infinite.co.bw/" target="_blank">Infinite</a></p> </div> <div class="col-sm-6"> <div class="social-icons"> <style> </style>  <button onclick="topFunction()" id="scroll_top"><i class="fa fa-arrow-up"></i></button> </div> </div> </div> </div> </div> </footer>   <script src="/js/jquery-2.2.4.min.js"></script> <script src="/js/bootstrap.min.js"></script> <script src="/js/topscroll.js"></script> <script src="/js/jquery.mousewheel-3.0.6.pack.js"></script> <script src="/source/jquery.fancybox.js?v=2.1.5"></script> <script src="/js/scrolla.jquery.min.js"></script> <script src="/js/menu-script.js"></script> <script src="/js/owl.carousel.min.js"></script> <script src="/js/parallax-script.js"></script>  <script type="text/javascript" src="/js/webslidemenu.js"></script> <script src="/js/moment.min.js"></script> <script src="/js/fullcalendar.min.js"></script> <link rel="stylesheet" href="/js/demo.css"> <script type="text/javascript"> $(document).ready(function() { $("a[data-theme]").click(function() { $("head link#theme").attr("href", $(this).data("theme")); $(this).toggleClass('active').siblings().removeClass('active'); }); $("a[data-effect]").click(function() { $("head link#effect").attr("href", $(this).data("effect")); $(this).toggleClass('active').siblings().removeClass('active'); }); }); </script>  <script> $(window).load(function() { // Animate loader off screen $(".se-pre-con").fadeOut("slow"); }); </script> <script> var stickyOffset = $('.sticky').offset().top; $(window).scroll(function(){ var sticky = $('.sticky'), scroll = $(window).scrollTop(); if (scroll >= stickyOffset) sticky.addClass('fixed'); else sticky.removeClass('fixed'); }); </script> <script src="/js/main.js"></script> <script src="/js/wow.min.js"></script> <script type="text/javascript"> var mybutton = document.getElementById("scroll_top"); window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) { mybutton.style.display = "block"; } else { mybutton.style.display = "block"; } } function topFunction() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } </script> </body> </html>