CINXE.COM

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.transitions.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://cdn.lordicon.com/bhenfmcm.js"></script> <style> .zoom-in { position: relative; transform: translateY(150px); opacity: 0; transition: 1s all ease; } .container-fluid { padding-right: none !important; padding-left: none !important; } .zoom-in.active{ transform: translateY(0); opacity: 1; } .slider_div { position: fixed !important;width:100%; } .newsbg { background: linear-gradient(to top, #fff, rgba(0,0,0,.075)) !important; padding: 0px 0 !important;margin-top:31% !important;position: relative;z-index:99; opacity: 1 !important;} .applybg { position: relative;z-index:1; } .whitebg { position: relative;z-index:1; } .whitebgs { background-size:contain;background-position:center center; background: linear-gradient(0deg, rgba(0,0,0,.075), rgba(0,0,0,.5)),url(https://buan.reviewdevelopment.net/images/blogs_bg.jpg) !important;background-repeat: no-repeat; } .messagebg { position: relative;z-index:1; } .unicenter555 { background-size:cover;background-position:center center;/*background-image:url('https://buan.reviewdevelopment.net/images/business_development.jpg') !important; background-repeat: no-repeat;*/} .unicenter555 h2 { color: #4f6e3f;} #myCarousel { height:84%; } #myCarousel img{ height: 406px; width:100%; } .messagebg h2{ color: #fff; margin: -10px 0 23px 0; } .carousel-caption { background-color: #00000061; right:1% !important; left:1% !important; } .carousel-caption h3{ color:#fff; } .carousel-caption a{ color:#fff; padding: 10px; border: 1px solid #fff; background-color: rgb(216 202 29); text-align: center; } footer { position: relative;z-index:1; } .card-0 { color: #fff; background-color: #638054; margin-left: 70px; border-radius: 10px; height: 100%; } .carousel-indicators li { cursor: pointer; border-radius: 50% !important; width: 10px; height: 10px; color:#000; } .profile { color: #000; background-color: #8f6a31; position: absolute; left: -70px; top: 17%; border-radius: 8px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; width:25%; } .profile-pic { width: 120px; height: 120px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; } .open-quotes { margin-left: 232px; margin-top: 43px; color:#000; } .content { margin-left: 235px; margin-right: 80px; font-size: 20px; font-weight: 500; line-height: 26px; color: #000; font-family: bitter,serif; } .close-quotes { margin-bottom: 43px; margin-right: 77px; color: #000; } @media screen and (max-width: 600px) { .card-main { padding: 50px 10px; } .card-0 { min-height: 432px; } .profile { top: 24%; } .profile-pic { width: 90px; height: 90px; } .open-quotes { margin-left: 100px; color:#000; } .content { margin-left: 120px; margin-right: 50px; font-size: 15px; font-weight: 500; line-height: 26px; color: #000; font-family: bitter,serif; } .close-quotes { margin-right: 30px; color:#000; } } .newsblock { border:1px solid #fff; padding: 26px; } .newsblock:hover { transform: scale(1.05); box-shadow: 5px 5px 5px #e09337; } .service_box{ margin:20px 0; padding:40px 20px; text-align: center; border-radius:35px; background:#e09337; transition: all 0.30s ease 0s; position:relative; } .servicebox:hover{ background-color: rgb(216 202 29); box-shadow: 5px 5px 15px 5px rgb(216 202 29); } .servicebox a:hover{ background-color:transparent !important; color:rgb(216 202 29) !important; border: 1px solid rgb(216 202 29) !important; padding:10px; margin-left: 125px; border-radius:5px; margin-top: 12px; text-align: center; } .servicebox{ background-color: rgb(216 202 29); box-shadow: 5px 5px 15px 5px rgb(216 202 29); background-size: cover; } .servicebox h2{ font-size: 20px; font-weight: 600; line-height: 34px; color: rgb(216 202 29); /* padding: 10px; */ text-align: center; text-transform: uppercase;overflow: hidden; height: 40px; text-overflow: ellipsis; white-space: nowrap;margin-top: -66px;padding-left:10px;padding-right:10px; } .servicebox a{ } .developmentfooter:hover{ background-color:#4f6e3f !important; } .developmentfooter{ background-color:#e09337; padding: 30px; margin-top: -10px;font-size:20px; } .developmentfooter a{ padding:8px;color:#fff; margin-top: 12px; text-align: center; } .developmentfooter a:hover{ padding:8px; color:#fff; margin-top: 12px; text-align: center; } .developmentfooter i{ background-color:#638054;padding: 4px 6px 6px 6px; border-radius: 20px; } .developmentbox{ background-position:center center; background-repeat:no-repeat; height:60%; padding-top:100%; } .developmentbox h2{ font-size: 2rem; font-weight: 600; line-height: 34px; color: #4f6e3f; /* padding: 10px; */ text-align: left; text-transform: uppercase;overflow: hidden; height: 40px; text-overflow: ellipsis; white-space: nowrap;margin-top: -100px;padding-left:10px;padding-right:10px; } .developmentbox p{ font-size: 17px; height: 130px; text-overflow: ellipsis; white-space: nowrap; padding: 18px 10px 0 10px; overflow: hidden; color: #fff; margin-top: -35px; } .service_box:hover{ background:#4f6e3f; } .service_box .service_icon{ width:70px; height:70px; margin: 0 auto; font-size:35px; background: #fff; line-height:70px; border-radius:50px; transform: translateY(0); transition: all 0.30s ease 0s; padding: 3px; } .service_box:hover .service_icon{ transform: translateY(-100%); } .service_box .service_icon i{ color:#333; } .service_box .title{ position: relative; top:40px; margin:0; color:#fff; font-size:23px; text-transform:uppercase; transform: translateY(0%); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s; overflow: hidden; height: 33px; text-overflow: ellipsis; white-space: nowrap; } .service_box:hover .title{ top:-40px; } .service_box p{ color:#fff; margin:0; opacity:0; transition: color .3s; overflow: hidden; height: 83px; text-align:justify; } .service_box:hover p{ opacity:1; } .service-box { margin: 15px 10px auto 15px; text-align: center; transition: all 0.5s; } .service-box .icon img { height: auto; max-width: 100%; } .service-box .icon { width: 67px; margin: auto; padding: 15px; text-align: center; border-radius: 100%; background-color: #e09337; position: relative; z-index: 3; font-size: 30px; } .service-box .icon:before { transition: all 0.5s; content: " "; width: 120px; height: 120px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: #e09337; opacity:.6; z-index: -1; } .service-box:hover .icon:before { width: 140px; height: 140px; } .service-box .img-in { position: relative; margin-top: -20px; border-radius: 10px; } .service-box .img-in img { width: 100%; height: auto; transition: all 0.5s; border-radius: 10px; -webkit-filter: grayscale(30%); filter: grayscale(30%); } .service-box:hover .img-in img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .img-icon-box-content { padding: 0 20px; } .service-box a.title { font-size: 20px; font-weight: 700; margin: 20px auto 30px auto; display: block; position: relative; color: rgba(255,255,255,.8); } .service-box a.title:before { transition: all 0.5s; content: " "; display: block; position: absolute; bottom: -15px; z-index: -1; height: 10px; border-radius: 15px; width: 0px; margin: auto; background-color: #f00022; opacity: .7; left: 0; right: 0; } .service-box:hover a.title:before { width: 100px; } .service-box .wasf { font-size: 13px; font-weight: 500; color: rgba(255,255,255,.8); transition: color .3s; overflow: hidden; height: 83px; text-align: justify; } .service-box a.more { color: #f00022; font-size: 13px; text-transform: uppercase; font-weight: 500; } /*-=-=-=-=-=-=-=-=-=-*/ /* our values */ /*-=-=-=-=-=-=-=-=-= */ .col_third { position: relative; display:inline; display: inline-block; float: left; margin-right: 2%; } .at-icon-box { position:relative; padding: 37px 20px; background-color:#704108; border-radius:10px; margin-top: 2px; } .at-icon-box .at-icon-box-icon { color: #002e5b; margin: 0 0 8px; vertical-align: bottom; } .at-icon-box.at-icon-left .at-icon-box-icon { float: left; } .at-icon-box.at-icon-right .at-icon-box-icon { float: right; } .at-icon-box.at-icon-right {text-align:right;} .at-icon-box.at-icon-left .at-icon-text, .at-icon-box.at-icon-right .at-icon-text{ overflow: hidden; } .at-icon-box.at-icon-left h5, .at-icon-box.at-icon-right h5 { color: #fff; font-size: 18px; font-weight: 700; padding-top: 0; margin-top: 15px; line-height: 22px; } .at-icon-box.at-icon-left h5, .at-icon-box.at-icon-right h5:hover { color: #fff; font-size: 18px; font-weight: 700; padding-top: 0; margin-top: 35px; line-height: 22px; } .at-icon-box.at-icon-left p, .at-icon-box.at-icon-right p { font-size: 13px; line-height: 18px; } .at-icon-box .at-icon-box-icon i { background: #002e5b none repeat scroll 0 0; border-radius: 50%; color: #fff; display: block; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; width: 50px; } .at-icon-box .at-icon-box-icon::after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .at-icon-box:hover { background: #638054 none repeat scroll 0 0; border-radius:10px; } .at-icon-box:hover .at-icon-box-icon { padding: 20px 0; } .at-icon-box:hover .at-icon-box-icon::before { height: 15px; } .at-icon-box:hover .at-icon-box-icon::after { height: 15px; } .at-icon-box h5 { margin-bottom: 11px; } .at-icon-box .at-icon-text p:last-child { margin: 0; } .at-icon-box .at-icon-box-icon { transition: all 0.3s ease 0s; } .at-icon-box .at-icon-box-icon i { position: relative; } .at-icon-box .at-icon-box-icon::before { background: #fde428 none repeat scroll 0 0; content: ""; display: block; height: 0; left: 29px; position: absolute; top: -3px; transition: all 0.3s ease 0s; width: 6px; } .at-icon-box .at-icon-box-icon::after { background: #fde428 none repeat scroll 0 0; bottom: -3px; content: ""; display: block; height: 0; left: 29px; position: absolute; transition: all 0.3s ease 0s; width: 6px; } .at-icon-box .at-icon-box-icon { position: relative; } .at-icon-box .at-icon-box-icon i { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #e09337; height: 55px; line-height: 55px; width: 64px; } .at-icon-box .at-icon-box-icon i::after { content: ""; font-family: "FontAwesome"; font-size: 55px; font-style: normal; font-variant: normal; font-weight: normal; left: 12px; line-height: 1; position: absolute; text-transform: none; top: 3px; } /*Blog Slider*/ .slider__item { transition: all 0.3s ease; -webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); } #slide-1:checked ~ .slider__holder .slider__item--1 { position: relative; z-index: 2; transform: translate(0) scale(1); } #slide-2:checked ~ .slider__holder .slider__item--1 { z-index: 1; transform: translateX(-100px) scale(0.85); } @media (max-width: 768px) { #slide-2:checked ~ .slider__holder .slider__item--1 { opacity: 0.6; } } #slide-3:checked ~ .slider__holder .slider__item--1 { z-index: 0; transform: translateX(-210px) scale(0.65); } @media (max-width: 900px) { #slide-3:checked ~ .slider__holder .slider__item--1 { transform: translateX(-170px) scale(0.65); } } @media (max-width: 768px) { #slide-3:checked ~ .slider__holder .slider__item--1 { opacity: 0; } } #slide-4:checked ~ .slider__holder .slider__item--1 { z-index: -1; opacity: 0; transform: translateX(-210px) scale(0.65); } #slide-5:checked ~ .slider__holder .slider__item--1 { z-index: -1; opacity: 0; transform: translateX(-210px) scale(0.65); } #slide-1:checked ~ .slider__holder .slider__item--2 { z-index: 1; transform: translateX(100px) scale(0.85); } @media (max-width: 768px) { #slide-1:checked ~ .slider__holder .slider__item--2 { opacity: 0.6; } } #slide-2:checked ~ .slider__holder .slider__item--2 { position: relative; z-index: 2; transform: translate(0) scale(1); } #slide-3:checked ~ .slider__holder .slider__item--2 { z-index: 1; transform: translateX(-100px) scale(0.85); } @media (max-width: 768px) { #slide-3:checked ~ .slider__holder .slider__item--2 { opacity: 0.6; } } #slide-4:checked ~ .slider__holder .slider__item--2 { z-index: 0; transform: translateX(-210px) scale(0.65); } @media (max-width: 900px) { #slide-4:checked ~ .slider__holder .slider__item--2 { transform: translateX(-170px) scale(0.65); } } @media (max-width: 768px) { #slide-4:checked ~ .slider__holder .slider__item--2 { opacity: 0; } } #slide-5:checked ~ .slider__holder .slider__item--2 { z-index: -1; opacity: 0; transform: translateX(-210px) scale(0.65); } #slide-1:checked ~ .slider__holder .slider__item--3 { z-index: 0; transform: translateX(210px) scale(0.65); } @media (max-width: 900px) { #slide-1:checked ~ .slider__holder .slider__item--3 { transform: translateX(170px) scale(0.65); } } @media (max-width: 768px) { #slide-1:checked ~ .slider__holder .slider__item--3 { opacity: 0; } } #slide-2:checked ~ .slider__holder .slider__item--3 { z-index: 1; transform: translateX(100px) scale(0.85); } @media (max-width: 768px) { #slide-2:checked ~ .slider__holder .slider__item--3 { opacity: 0.6; } } #slide-3:checked ~ .slider__holder .slider__item--3 { position: relative; z-index: 2; transform: translate(0) scale(1); } #slide-4:checked ~ .slider__holder .slider__item--3 { z-index: 1; transform: translateX(-100px) scale(0.85); } @media (max-width: 768px) { #slide-4:checked ~ .slider__holder .slider__item--3 { opacity: 0.6; } } #slide-5:checked ~ .slider__holder .slider__item--3 { z-index: 0; transform: translateX(-210px) scale(0.65); } @media (max-width: 900px) { #slide-5:checked ~ .slider__holder .slider__item--3 { transform: translateX(-170px) scale(0.65); } } @media (max-width: 768px) { #slide-5:checked ~ .slider__holder .slider__item--3 { opacity: 0; } } #slide-1:checked ~ .slider__holder .slider__item--4 { z-index: -1; opacity: 0; transform: translateX(210px) scale(0.65); } #slide-2:checked ~ .slider__holder .slider__item--4 { z-index: 0; transform: translateX(210px) scale(0.65); } @media (max-width: 900px) { #slide-2:checked ~ .slider__holder .slider__item--4 { transform: translateX(170px) scale(0.65); } } @media (max-width: 768px) { #slide-2:checked ~ .slider__holder .slider__item--4 { opacity: 0; } } #slide-3:checked ~ .slider__holder .slider__item--4 { z-index: 1; transform: translateX(100px) scale(0.85); } @media (max-width: 768px) { #slide-3:checked ~ .slider__holder .slider__item--4 { opacity: 0.6; } } #slide-4:checked ~ .slider__holder .slider__item--4 { position: relative; z-index: 2; transform: translate(0) scale(1); } #slide-5:checked ~ .slider__holder .slider__item--4 { z-index: 1; transform: translateX(-100px) scale(0.85); } @media (max-width: 768px) { #slide-5:checked ~ .slider__holder .slider__item--4 { opacity: 0.6; } } #slide-1:checked ~ .slider__holder .slider__item--5 { z-index: -1; opacity: 0; transform: translateX(210px) scale(0.65); } #slide-2:checked ~ .slider__holder .slider__item--5 { z-index: -1; opacity: 0; transform: translateX(210px) scale(0.65); } #slide-3:checked ~ .slider__holder .slider__item--5 { z-index: 0; transform: translateX(210px) scale(0.65); } @media (max-width: 900px) { #slide-3:checked ~ .slider__holder .slider__item--5 { transform: translateX(170px) scale(0.65); } } @media (max-width: 768px) { #slide-3:checked ~ .slider__holder .slider__item--5 { opacity: 0; } } #slide-4:checked ~ .slider__holder .slider__item--5 { z-index: 1; transform: translateX(100px) scale(0.85); } @media (max-width: 768px) { #slide-4:checked ~ .slider__holder .slider__item--5 { opacity: 0.6; } } #slide-5:checked ~ .slider__holder .slider__item--5 { position: relative; z-index: 2; transform: translate(0) scale(1); } /*-------------------------------------------------------------- 3.0 Bullets --------------------------------------------------------------*/ .bullets__item { transition: all 0.2s ease; } #slide-1:checked ~ .bullets .bullets__item--1 { background: #FFF; } #slide-2:checked ~ .bullets .bullets__item--2 { background: #FFF; } #slide-3:checked ~ .bullets .bullets__item--3 { background: #FFF; } #slide-4:checked ~ .bullets .bullets__item--4 { background: #FFF; } #slide-5:checked ~ .bullets .bullets__item--5 { background: #FFF; } .section { position: relative; width: 100%; text-align: center; } .section .card{ background-color:rgb(216 202 29); } .section__entry { width: 100%; max-width: 380px; margin: 0 auto; } .section__entry--center { text-align: center; } .section__title { display: block; padding-bottom: 12px; } .section__text { display: block; } .slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slider__radio { display: none; } .slider__holder { position: relative; width: 100%; max-width: 600px; margin: 0 auto; margin-left: 45px; text-align: left; margin-top: 10px; } @media (max-width: 900px) { .slider__holder { max-width: 540px; } } @media (max-width: 600px) { .slider__holder { margin-top: 60px; } } .slider__item { position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 100%; opacity: 1; cursor: pointer; } .slider__item-content { padding: 40px; color:#fff; } @media (max-width: 600px) { .slider__item-content { padding: 32px 32px; } } @media (max-width: 375px) { .slider__item-content { padding: 40px 24px; } } .slider__item-text { padding: 60px 0; } .square-card-course { opacity:1; background-color:#fff; position:relative; padding:40px 20px 0 20px; box-shadow: 0 10px 40px rgba(0,0,0,.7); } .footer_sec { position:relative; z-index:1 !important; background : linear-gradient(0deg, rgba(0,0,0,.075), rgba(0,0,0,.5)),url('https://buan.reviewdevelopment.net/images/footer_bgs.jpg') !important; background-position: center center!important; background-repeat: no-repeat; } .footer_sec img{ background-position:center center;background-repeat:no-repeat;height: 70%; width: 100%;padding-top: 15%;background-size:cover; } .no-gutters { margin-left: 0; margin-right: 0; } .text-rule { color: #000; padding-left: 1.5rem; box-sizing: border-box; border-left: 0.1875rem solid #e51937; line-height: 85px; } .large-responsive { font-size: 3.875rem; } .areas_study { font-size: 1.70rem; color: #000; padding-left: 1.5rem; box-sizing: border-box; border-left: 0.1875rem solid #e51937; line-height: 30px; } .white-intro--redless span { padding: 0; color: #e09337; display: inline; font-size: 58px; font-weight: 900; } .silc-grid__col { flex: 0 1 auto; width: 100%; box-sizing: border-box; padding-left: 20px; margin-top: 0; margin-bottom: 20px; } .testimonial--white { background-color: transparent; padding-top: 0; padding-right: 1rem; } .testimonial--white blockquote { color: #000; padding-top: 0.5rem; } .square-card { width: 100%; display: block; background-color: #4f6e3f; color: #fff; margin-bottom: 1.5rem; text-decoration: none; height: 81%; } .square-card-grid>.silc-grid__col { display: flex; } .silc-grid { display: flex; flex-wrap: wrap; margin-left: -20px; } .square-card:hover { width: 100%; display: block; background-color: #e09337; color: #fff; margin-bottom: 1.5rem; text-decoration: none; -webkit-animation: slide 0.5s forwards; -webkit-animation-delay: 2s; animation: slide 0.5s forwards; animation-delay: 2s; margin-top: -10px; } .square-card__capsule { width: 100%; text-align: center; box-sizing: border-box; padding: 3rem 1.5rem; } .square-card__title { font-weight: 900; font-size: 1.5rem; margin-bottom: 1.5rem; } .square-card__para { font-weight: 500; font-size: 15px; margin-bottom: 1.5rem; } .square-card__icon { background-color:#000; padding: 4px 6px 6px 6px; border-radius: 20px; color:#fff; } .reveal-on-arrive { } @-webkit-keyframes slide { 100% { top: 0; } } @keyframes slide { 100% { top: 0; } } .video{ box-shadow: -1px 2px 15px 5px rgb(216 202 29); } @keyframes slideInLeft { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } .btnrt:hover{ color:#000 !important; } .testimonial_content{ overflow: hidden; height: 105px; } @keyframes zoom { from { transform: scale(1, 1); } to { transform: scale(1.5, 1.5); } } .carousel-inner .item > img { -webkit-animation: zoom 20s; animation: zoom 20s; } </style>  <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"></script> <script> $(document).ready(function(){ $("#testimonial-slider").owlCarousel({ items:1, itemsDesktop:[1000,1], itemsDesktopSmall:[979,1], itemsTablet:[768,1], margin:10, pagination:false, navigation:true, navigationText:["",""], autoPlay:true }); // executes when HTML-Document is loaded and DOM is ready console.log("document is ready"); $( ".card" ).hover( function() { $(this).addClass('shadow-lg').css('cursor', 'pointer'); }, function() { $(this).removeClass('shadow-lg'); } ); // document ready }); $('.owl-carousel').owlCarousel({ loop:false, stagePadding: 15, margin:10, nav:true, navText : ['<span class="uk-margin-small-right uk-icon" uk-icon="icon: chevron-left"></span>','<span class="uk-margin-small-left uk-icon" uk-icon="icon: chevron-right"></span>'], responsive:{ 0:{ items:1 }, 640:{ items:2 }, 960:{ items:3 }, 1200:{ items:4 } } }) function reveal() { var reveals = document.querySelectorAll(".zoom-in"); for (var i = 0; i < reveals.length; i++) { var windowHeight = window.innerHeight; var elementTop = reveals[i].getBoundingClientRect().top; var elementVisible = 150; if (elementTop < windowHeight - elementVisible) { reveals[i].classList.add("active"); } else { reveals[i].classList.remove("active"); } } } window.addEventListener("scroll", reveal); </script> <script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  <script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><!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="b4c87ag5"> <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 class="active" ><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 ><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="banner"> <div class="container-fluid"> <div class="slider_div"> <div id="myCarousels" class="carousel slide" data-ride="carousel">  <div class="carousel-inner"> <div class="item active"> <img src="/common_up/buan/banner_1686569718_21.jpg" alt="slider1" class="img-responsive" style="background-size:cover;background-position:center center;"> </div> <div class="item "> <img src="/common_up/buan/banner_1686562810_20.jpg" alt="slider2" class="img-responsive" style="background-size:cover;background-position:center center;"> </div> </div> </div> </div> </div> </section> <main> <div class="main" > <section class="newsbg"> <div class="container"> <div class="row" style="display:none;"> <div class="col-sm-4"> <div class="newsblock" style="background-image:url('/common_up/buan/news_1731868593_2364.jpeg');"> <h3 class="limit">BUAN walks with a purpose</h3> <p class="date"> 15 Nov, 2024 </p> <div class="shortlimit"> <p> On November 15, 2024, Botswana University of Agriculture and Natural Resources (BUAN) organized a two-hour sponsored walk under the theme "With Wheels, There Is a Way." This commendable initiative aimed to raise funds for the acquisition of an electric wheelchair that would significantly enhance the independence of one of the students.The event was conducted in collaboration with several esteemed organizations, including the Botswana Federation for the Disabled, the Southern African Federation for the Disabled, Play Without Boundaries, and the Botswana Association of the Blind and Partially Sighted. These partnering organizations provided invaluable guidance on how to engage meaningfully with individuals facing disabilities. Ms. Boitkhutso Majang poignantly remarked, "As persons with disabilities, we do not want your sympathy; we want your empathy." She underscored the importance of viewing individuals with disabilities as active participants in the community, rather than objects of pity. Professor Mosepele shared his personal experience regarding the isolation often felt by those using wheelchairs. He stated, "I felt lonely in the wheelchair as you all went ahead of me. When we switched and it was my turn to push the wheelchair, I realized how heavy it was." His reflections highlighted the significance of participating in such activities to foster awareness and deepen understanding of the realities faced by individuals with disabilities. He urged the BUAN community to promote inclusivity, engage in meaningful interactions, and work collectively towards building a compassionate society. With the support of BUAN’s dedicated community, there is optimism that sufficient funds will be raised to purchase the much-needed electric wheelchair. Additionally, generous contributions have been received from external stakeholders, including a notable donation from Ms. Modisaotsile Nkwe of Lichwe II Junior Secondary School. We extend our gratitude to all who participated and contributed to this important cause. </p> </div> <p><a href="/index.php/buan-news-details/id/2364/buan-walks-with-a-purpose/" class="more btn btn-primary">read more</a></p> </div> </div> <div class="col-sm-4"> <div class="newsblock" style="background-image:url('/common_up/buan/news_1731441702_2363.jpg');"> <h3 class="limit">Vice Chancellor, Professor Ketlhatlhogile Mosepele speaks at the 2024 Science Granting Council Initiative (SGCI) Annual Forum and GRC Sub-Sahara Regional Meeting</h3> <p class="date"> 10 Nov, 2024 </p> <div class="shortlimit"> <p> On November 10, 2024, our Vice Chancellor, Professor Ketlhatlhogile Mosepele, had the honor of addressing the 2024 Science Granting Council Initiative (SGCI) Annual Forum and GRC Sub-Sahara Regional Meeting at the Avani Hotel. This event is hosted by the Ministry of Communication, Knowledge, and Technology. This year’s conference is themed "Science Granting Councils in a Dynamic African Science, Technology, and Innovation Landscape" and is scheduled to run until November 15, 2024. It is expected to host approximately 100 international and regional delegates who will discuss, debate, and explore the evolving landscape of African science, technology, and innovation.   In his address, Professor Mosepele acknowledged the significant role of the Science Granting Councils Initiative (SGCI) in enhancing the capacity of national research funding agencies. He urged participants to engage in discussions aimed at strengthening the agility and responsiveness of research-granting councils to meet the evolving demands of our science, technology, and innovation (STI) landscape. He encouraged the exploration of best practices, sharing of success stories, and, most importantly, identifying collaborative strategies to tackle the unique challenges faced by the continent.   As a university dedicated to being an innovative and research-intensive institution in agriculture and natural resources, we value such forums and will continue to actively participate in them. #inspiringsustainablegrowth   </p> </div> <p><a href="/index.php/buan-news-details/id/2363/vice-chancellor,-profe-or-ketlhatlhogile-mosepele-speaks-at-the-2024-science-granting-council-initiative-(sgci)-annual-forum-and-grc-sub-sahara-regional-meeting/" class="more btn btn-primary">read more</a></p> </div> </div> <div class="col-sm-4"> <div class="newsblock" style="background-image:url('/common_up/buan/news_1729690785_2361.jpg');"> <h3 class="limit">2024 WORLD FOOD DAY</h3> <p class="date"> 22 Oct, 2024 </p> <div class="shortlimit"> <p> During this year’s World Food Day commemoration at the Botswana University of Agriculture and Natural Resources (BUAN), Vice Chancellor Prof. Ketlhatlogile Mosepele articulated the university’s commitment to sustainable growth, rooted in the principles of the United Nations Sustainable Development Goals (SDGs). He emphasized, “Part of our mandate is to contribute to making Botswana food and nutrition secure. We take this responsibility seriously.” This statement is evident in the activities that BUAN took part in that have encouraged a lot of young minds to be innovative regarding food security, and hosting this event is its contribution towards promoting awareness about issues affecting the food industry.   The theme for this year’s event, “Right to Food for a Better Life and Better Future,” resonates significantly with Botswana’s current circumstances. Prof. Mosepele underscored the vital role of the agriculture and natural resources sectors in supporting rural livelihoods and assisting vulnerable populations. These sectors are fundamental to sustaining families and fostering community development, essential components for achieving the National Transformation Strategy.   Ms. Carla Mucavi, the FAO Country Representative in Botswana, voiced her agreement, referencing the Botswana Vulnerability Assessment Committee (BVAC) and FAO reports for 2024, which underline the urgent need for enhanced interventions to combat food shortages exacerbated by drought. She urged all stakeholders present to collaborate diligently in implementing effective solutions to ensure food security for affected communities.   The event featured a panel discussion with industry specialists who shared valuable insights into prevailing challenges and potential mitigation strategies. Additionally, BUAN students showcased their innovative projects through a series of exhibitions, highlighting the university's commitment to fostering creativity and solutions within the agricultural and natural resources sectors. </p> </div> <p><a href="/index.php/buan-news-details/id/2361/2024-world-food-day/" class="more btn btn-primary">read more</a></p> </div> </div> </div> <div class="row"> <div class="col-md-4 col-sm-6"> <div class="servicebox" style="background-image:url(/common_up/buan/news_1731868593_2364.jpeg);background-position:center center;background-repeat:no-repeat;height:113%;padding-top:108%;border-radius:25px;"> <h2 style="">BUAN walks with a purpose</h2> <a href="/index.php/buan-news-details/id/2364/buan-walks-with-a-purpose" class="" style="padding:10px;border:1px solid fff;color:#fff;background-color:rgb(216 202 29);margin-left: 125px; margin-top: 12px; text-align: center;">Read More</a> </div> </div> <div class="col-md-4 col-sm-6"> <div class="servicebox" style="background-image:url(/common_up/buan/news_1731441702_2363.jpg);background-position:center center;background-repeat:no-repeat;height:113%;padding-top:108%;border-radius:25px;"> <h2 style="">Vice Chancellor, Professor Ketlhatlhogile Mosepele speaks at the 2024 Science Granting Council Initiative (SGCI) Annual Forum and GRC Sub-Sahara Regional Meeting</h2> <a href="/index.php/buan-news-details/id/2363/vice-chancellor,-profe-or-ketlhatlhogile-mosepele-speaks-at-the-2024-science-granting-council-initiative-(sgci)-annual-forum-and-grc-sub-sahara-regional-meeting" class="" style="padding:10px;border:1px solid fff;color:#fff;background-color:rgb(216 202 29);margin-left: 125px; margin-top: 12px; text-align: center;">Read More</a> </div> </div> <div class="col-md-4 col-sm-6"> <div class="servicebox" style="background-image:url(/common_up/buan/news_1729690785_2361.jpg);background-position:center center;background-repeat:no-repeat;height:113%;padding-top:108%;border-radius:25px;"> <h2 style="">2024 WORLD FOOD DAY</h2> <a href="/index.php/buan-news-details/id/2361/2024-world-food-day" class="" style="padding:10px;border:1px solid fff;color:#fff;background-color:rgb(216 202 29);margin-left: 125px; margin-top: 12px; text-align: center;">Read More</a> </div> </div> </div> </div> </section> <section class="unicenter555" style="background-color:#fff !important;position:relative !important;"> <div class="container zoom-in"> <p> </p> <p> </p> <p> </p> <h2 class="text-center mb-5">BUSINESS CENTRES</h2> <div class="row"> <div class="col-md-4" style="display:none;"> <div class="service-box layout"> <div class="icon"><i class="fa fa-gear"></i></div> <div class="img-in"> <a href="/index.php/buan-business-centres-details/id/152/CICE"> <img width="500" height="300" src="/common_up/buan/center_1692869411_152.jpg" class="wp-post-image" alt=""></a> </div> <div class="img-icon-box-content"> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="developmentbox" style="background-image:url(/common_up/buan/center_1692869411_152.jpg);background-position:center center;background-repeat:no-repeat;height:60%;padding-top:100%;background-size:cover;"> </div> <div class="developmentfooter" style=""> <a href="/index.php/buan-business-centres-details/id/152/CICE" class="" style="">CICE <i class="fa fa-arrow-right" style="background-color:#4f6e3f;padding: 4px 6px 6px 6px; border-radius: 20px;"></i></a> </div> </div> <div class="col-md-4" style="display:none;"> <div class="service-box layout"> <div class="icon"><i class="fa fa-gear"></i></div> <div class="img-in"> <a href="/index.php/buan-business-centres-details/id/153/MITI"> <img width="500" height="300" src="/common_up/buan/center_1667975563_153.jpg" class="wp-post-image" alt=""></a> </div> <div class="img-icon-box-content"> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="developmentbox" style="background-image:url(/common_up/buan/center_1667975563_153.jpg);background-position:center center;background-repeat:no-repeat;height:60%;padding-top:100%;background-size:cover;"> </div> <div class="developmentfooter" style=""> <a href="/index.php/buan-business-centres-details/id/153/MITI" class="" style="">MITI <i class="fa fa-arrow-right" style="background-color:#4f6e3f;padding: 4px 6px 6px 6px; border-radius: 20px;"></i></a> </div> </div> <div class="col-md-4" style="display:none;"> <div class="service-box layout"> <div class="icon"><i class="fa fa-gear"></i></div> <div class="img-in"> <a href="/index.php/buan-business-centre"> <img width="500" height="300" src="/common_up/buan/center_1657526615_154.jpg" class="wp-post-image" alt=""></a> </div> <div class="img-icon-box-content"> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="developmentbox" style="background-image:url(/common_up/buan/center_1657526615_154.jpg);background-position:center center;background-repeat:no-repeat;height:60%;padding-top:100%;background-size:cover;"> </div> <div class="developmentfooter" style=""> <a href="/index.php/buan-business-centre" class="" style="">BUSINESS DEVELOPMENT <i class="fa fa-arrow-right" style="background-color:#4f6e3f;padding: 4px 6px 6px 6px; border-radius: 20px;"></i></a> </div> </div> </div> <p> </p> <p class="text-center"><a href="/index.php/buan-business-centres" class="more btn btn-default btn-lg">read more</a></p> </div> </section> <section class="whitebg" style="background-color:#fff;"> <div class="container zoom-in"> <div> <video class="video" src="https://buan.reviewdevelopment.net/images/BUAN_02.mp4" autoplay loop playsinline muted></video> </div> </div> </section> <section class="whitebgs" style="backgroun-color:#fff !important;position: relative;z-index:1 !important;"> <div class="container zoom-in"> <div class="row"> <div class="col-md-6"> <h2 style="color:#fff;">Our Values</h2> <div class="col_third"> <a href="#" data-toggle="modal" data-target="#accountModal"> <div class="at-icon-box at-icon-right clearfix"> <div style="" class="at-icon-box-icon"><i style="font-size: 15px;" class="fa fa-user"></i></div> <div class="at-icon-text"> <h5 class="no-stripe">Accountability</h5> </div> </div> </a> <a href="#" data-toggle="modal" data-target="#teamModal"> <div class="at-icon-box at-icon-right clearfix"> <div class="at-icon-box-icon"><i style="font-size: 15px;" class="fa fa-group"></i></div> <div class="at-icon-text"> <h5 class="no-stripe">Team Work</h5> </div> </div> </a> <a href="#" data-toggle="modal" data-target="#centricModal"> <div class="at-icon-box at-icon-right clearfix"> <div class="at-icon-box-icon"><i style="font-size: 15px;" class="fa fa-paper-plane"></i></div> <div class="at-icon-text"> <h5 class="no-stripe">Customer Centric</h5> </div> </div> </a> </div> <div class="col_third"> <a href="#" data-toggle="modal" data-target="#excellenceModal"> <div class="at-icon-box at-icon-right clearfix"> <div style="" class="at-icon-box-icon"><i style="font-size: 15px;" class="fa fa-user"></i></div> <div class="at-icon-text"> <h5 class="no-stripe">Excellence</h5> </div> </div> </a> <div class="at-icon-box at-icon-right clearfix"> <a href="#" data-toggle="modal" data-target="#innovationModal"> <div class="at-icon-box-icon"><i style="font-size: 15px;" class="fa fa-group"></i></div> <div class="at-icon-text"> <h5 class="no-stripe">Innovation</h5> </div> </div> </a> <div class="at-icon-box at-icon-right clearfix"> <a href="#" data-toggle="modal" data-target="#integrityModal"> <div class="at-icon-box-icon"><i style="font-size: 15px;" class="fa fa-paper-plane"></i></div> <div class="at-icon-text"> <h5 class="no-stripe">Integrity</h5> </div> </div> </a> </div> </div> <div class="col-md-6"> <h2 style="color:#fff;">Upcoming Events <a href="/index.php/blogs" class="more btn btn-primary btnrt" style="border:1px solid #fff;color:#fff;">All Upcoming Events</a></h2> <div id="myCarousel" class="carousel slide" data-ride="carousel">  <div class="carousel-inner"> </div>  <a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> </div> <div class="container square-card-course zoom-in mt-5"> <div class="row"> <div class="col-md-4"> <a class="square-card" href="https://admission.howard.edu/undergraduate "> <div class="square-card__capsule"> <div class="square-card__title">Diploma</div> <div class="square-card__para text-justify"><p>Looking for an opportunity to add a specialised skill to your CV? Apply now for a Diploma program!</p></div> </div> </a> </div> <div class="col-md-4"> <a class="square-card" href="https://admission.howard.edu/undergraduate "> <div class="square-card__capsule"> <div class="square-card__title">Undergraduate</div> <div class="square-card__para text-justify"><p>We pride ourselves as a destination of choice for specialised degree programs in agriculture and Natural resources.</p></div> </div> </a> </div> <div class="col-md-4"> <a class="square-card" href="https://admission.howard.edu/undergraduate "> <div class="square-card__capsule"> <div class="square-card__title">Post Graduate</div> <div class="square-card__para text-justify"><p>Join BUAN to expand your career horizons, with an array of post graduate program options which foster intensive research opportunities.</p></div> </div> </a> </div> </div> <div class="col-md-12 mb-5" style="background-color:#e09337; padding: 30px;margin-top: -10px;font-size:20px;"> <a href="/index.php/buan-faculties/" class="" style="padding: 39%;color:#fff;margin-top: 12px;">Explore All Programs <i class="fa fa-arrow-right" style="background-color:#4f6e3f;padding: 4px 6px 6px 6px;border-radius: 20px;"></i></a> </div> </div> </section> <div class="footer_sec" style=""> <div class="container zoom-in"> <div class="row" style=""> <div class="col-md-6"> <img src="/images/Our_Campus.jpg"> <div class="developmentfooter"> <a href="/index.php/buan-campus" class="">Our Campus <i class="fa fa-arrow-right"></i></a> </div> </div> <div class="col-md-6"> <img src="/images/Short_Courses.jpg"> <div class="developmentfooter"> <a href="https://buan.ac.bw/cice/courses">Short Courses <i class="fa fa-arrow-right"></i></a> </div> </div> </div> </div> </div> </div> </main>  <div class="modal fade" id="accountModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center">Accountability</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <p>Promote individuals to own up and accept responsibility.</p> </div> </div> </div> </div> </div> <div class="modal fade" id="teamModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center">Team Work</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <p>Promote coopretaion and colllaboration.</p> </div> </div> </div> </div> </div> <div class="modal fade" id="centricModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center">Customer Centric</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <p>Provide an exceptional customer experience at the point of service.</p> </div> </div> </div> </div> </div> <div class="modal fade" id="excellenceModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center">Excellence</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <p>Provide exceptional perfomance through productivity, discipline and quality of service.</p> </div> </div> </div> </div> </div> <div class="modal fade" id="innovationModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center">Innovation</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <p>Embrace creativity for progress.</p> </div> </div> </div> </div> </div> <div class="modal fade" id="integrityModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center">Integrity</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <p>Maintain high moral standing.</p> </div> </div> </div> </div> </div> <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>