CINXE.COM
CICE
<!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>CICE</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"><!-- used class multi-columns-row --> <link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.5" media="screen" /><!-- Fancy Box Popup --> <link rel="stylesheet" type="text/css" href="css/menu-styles.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"> <!-- carousel --> <link href="css/style-main.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="se-pre-con"><img src="images/logo1.png" alt="loading" class="img-responsive center-block animate" data-animate="pulse" data-duration="2.0s" data-iteration="infinite"></div> <header id="top"> <div class="mid-bar"> <div class="container"> <div id="logo"><img src="images/logo.png" alt="logo"></div> <!--Navigation--> <div id='cssmenu' class="navigation"> <ul> <li><a href='index.html'>Home</a></li> <li class="active"><a href='rooms.html'>Rooms</a></li> <li><a href='dining.html'>Dining</a></li> <li><a href='#'>CICE Experience</a></li> <li><a href='events.html'>Events</a></li> <li><a href='contacts.html'>Contacts</a></li> </ul> </div> <!--/Navigation--> </div> </div> </header> <section class="banner"> <div class="slider_div"> <div id="slider01" class="owl-carousel owl-theme"> <div class="item"><img src="images/roombanner01.jpg" alt="slider01" class="img-responsive"></div> <div class="item"><img src="images/roombanner02.jpg" alt="slider01" class="img-responsive"></div> </div> </div> </section> <main> <div class="main"> <section class="mainbg"> <div class="container"> <!-- <h2 class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit</h2> --> <div class="gap"></div> <div class="box"> <div class="row flex"> <div class="col-md-6"> <div class="thumb"><img src="images/room1.jpg" alt=""></div> </div> <div class="col-md-6 flexmid"> <div class="content"> <h3>Accomodation</h3> <p>- 6 Air conditioned ensuite rooms</p> <p>- 18 Standard rooms with TV</p> <p>- Free WI-FI</p> <div class="gap"></div> </div> </div> </div> </div> </div> </section> <p> </p> <div class="gap"></div> </div> </main> <footer> <div class="footer"> <div class="container"> <div class="footlt">Copyright © 2021 All Rights Reserved</div> <div class="footrt">Developed with passion by <a href="http://infinite.co.bw/" target="_blank">Infinite</div> </div> </div><!--/footer--> </footer> <div id="back-top"><a href="#top"><span></span></a> </div> <!-- JavaScript plugins --> <!-- <script src="js/jquery-3.2.1.min.js"></script> --> <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><!--Animate JS--> <script src="js/menu-script.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/parallax-script.js"></script> <script> $(document).ready(function(){ $('#slider01').owlCarousel({ loop:true, autoplay:true, autoplayTimeout:3000, margin:10, dots:false, autoplayTimeout: 8500, navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'], smartSpeed: 450, nav:true, animateOut: 'fadeOut', responsive:{ 0:{ items:1 }, } }) }); </script> <!-- loading --> <!-- <script src="js/modernizr.js"></script> --> <script> //$(document).ready(function() { /*when js&css load*/ $(window).load(function() { // Animate loader off screen $(".se-pre-con").fadeOut("slow"); }); </script> <script src="js/main.js"></script> <script src="js/wow.min.js"></script> </body> </html>