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="l48o501k"> <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 ><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/ADMISSIONS.jpg);"> <div class="zoomoutheader"> <h1 class="text-center"> Faculty of Animal and Veterinary Sciences</h1> </div> </div> </section> <main> <div class="main"> <div class="container-fluid" style="background-image: url('/images/background-img-1.jpg');"> <div class="container" style="margin-top:3rem;margin-bottom:7rem;"> <h1 class="text-center" style="margin-bottom:3rem;">DEAN’S MESSAGE</h1> <div class="row justify-content-center"> <div class="col-md-10 news_sec"> <img src="/common_up/buan/testimonial_1719298571_7.jpg" alt="News" class="news_img"> <div class="col-md-8 news_content"> <h6>Prof. Othusitse Madibela</h6> <h5>Dean of Faculty of Animal and Veterinary Sciences</h5> <p>" The mandate of the Faculty of Animal and Veterinary Sciences is to provide education and skills training in the science and practice of animal agriculture and animal health to support the sustainable development of the livestock sector in Botswana and the region. This mandate will be achieved through the offering of demand-driven curriculum, focussed collaborative research by both staff and graduate students and engagement of strategic stakeholders through service delivery. Through this mandate, FAVS aspires to be a center of excellence in animal agriculture, producing competent and market-ready graduates to serve in the livestock sector and its value chain. ＂</p> </div> </div> </div> <a href="/index.php/buan-factulty-department/id/12/faculty-of-animal-and-veterinary-sciences" class="btn btn-primary departments" id="programs" style="text-align: center;height: 10%;font-size: 25px;width:20%;margin-left:39%;background-color:rgb(216 202 29);"><i class="fa fa-home" aria-hidden="true"></i> Departments</a> </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>