CINXE.COM

HARARE HURRICANES

<!DOCTYPE html> <html lang="en"> <head> <!-- <title>HARARE HURRICANES</title> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="icon" type="image/x-icon" href="https://www.hararehurricanes.com/images/hh-logo.png"> <!-- <meta property="og:image" itemprop="image" content="https://www.hararehurricane.com/images/wp.jpg"> --> <meta property="og:image" itemprop="image" content="https://www.hararehurricanes.com/images/hh-logo.png"> <meta property="og:image:type" content="image/*"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="1200"> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.hararehurricanes.com/" /> <meta property="og:title" content="HARARE HURRICANES " /> <meta property="og:description" content="The latest announcement from Zimbabwe Cricket is that Harare Hurricanes, one of the five teams in the contest, has been acquired by the legendary Bollywood star Sanjay Dutt along with UAE based businessman Sir Sohan Roy of Aries group" /> <title>HARARE HURRICANES</title> <meta property="og:url" content="https://www.hararehurricane.com/" /> <meta property="og:title" content="HARARE HURRICANES " /> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="fonts/icomoon/style.css"> <link rel="stylesheet" href="css/bootstrap/bootstrap.css"> <link rel="stylesheet" href="css/jquery-ui.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/jquery.fancybox.min.css"> <link rel="stylesheet" href="css/bootstrap-datepicker.css"> <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> <link rel="stylesheet" href="css/aos.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/swiper-bundle.min.css" /> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/banner.css"> <style> @media(min-width: 998px) { .swiper-container { width: 100%; margin: 0px 0; padding: 140px 0; } } @media(max-width: 997px) { .swiper-container { width: 100%; margin: 0px 0; /* padding: 70px 0; */ padding: 140px 0; } } .swiper-slide { /* opacity: 0.4; */ overflow: hidden; transition: 0.7s; } .swiper-slide img { width: 100%; } .swiper-slide-active { opacity: 1; z-index: 1; transform: scale(1.5); /* transform: scale(1.8); */ } /* styles for popup of players */ /* .hide { display: none; } .swiper-slide-active:hover .hide { display: block; background-color: aqua; font-size: 50px; } */ /* end styles for popup of players */ /* chatgpt styles */ .slide { position: relative; } .player-name { position: absolute; top: 50%; /* bottom: 0; */ left: 50%; transform: translateX(-50%); /* background-color: rgba(0, 0, 0, 0.7); */ background-color: white; /* color: #fff; */ color: black; font-size: 14px; padding: 5px 10px; } /* end chatgpt styles */ /* banner responsive */ .hero { background-image: url('images/harare-home-banner-1.jpg'); position: relative; background-repeat: no-repeat; height: 125vh !important; } @media only screen and (min-width: 320px) and (max-width: 992px) { .hero { background-size: contain; height: 70vh !important; } } /* end banner responsive */ /* back to top */ #btn-back-to-top { position: fixed; bottom: 20px; right: 20px; display: none; z-index: 11111; } /*end back to top */ </style> </head> <body> <img src="images/scroll-top.png" id="btn-back-to-top" style="width: 40px"> <div class="site-wrap"> <div class="site-mobile-menu site-navbar-target"> <div class="site-mobile-menu-header"> <div class="site-mobile-menu-close"> <span class="icon-close2 js-menu-toggle"></span> </div> </div> <div class="site-mobile-menu-body"></div> </div> <header class="site-navbar py-4" role="banner"> <div class="container"> <div class="d-flex align-items-center"> <div class="site-logo"> <a href="./"> <img src="images/hh-logo.png" alt="Logo" style="height:100px"> </a> </div> <div class="ml-auto"> <nav class="site-navigation position-relative text-right" role="navigation"> <ul class="site-menu main-menu js-clone-nav mr-auto d-none d-lg-block"> <li class=""><a href="./" class="nav-link">Home</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" style="cursor:pointer">Latest Updates <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="menutext"><a href="gallery">News</a></li> <li class="menutext last"><a href="press-releases">Press Releases</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" style="cursor:pointer">Team <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="menutext"><a href="team">Squad</a></li> <li class="menutext"><a href="zim-afro">Match Schedule / Results</a></li> <li class="menutext"><a href="point-table">Point Table</a></li> <li class="menutext last"><a href="gallery">Statistics</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" style="cursor:pointer">Gallery <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="menutext"><a href="gallery">Photos</a></li> <li class="menutext"><a href="gallery">Videos</a></li> <li class="menutext last"><a href="gallery">Wall Papers</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" style="cursor:pointer">Fanzone <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="menutext"><a href="fan-zone">Merchandise</a></li> <li class="menutext last"><a href="fan-zone">Contest</a></li> </ul> </li> <li><a href="fan-zone" class="nav-link">Tickets</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" style="cursor:pointer">About Us <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="menutext about-menu"><a href="about#about-us">About Team</a></li> <li class="menutext about-menu"><a href="about#team-owners">Owners</a></li> <li class="menutext about-menu"><a href="about#about-t10">About T10</a></li> <li class="menutext about-menu"><a href="about#about-zimafro">About ZimAfro T10</a> </li> <li class="menutext about-menu last"><a href="about#contact">Contact Us</a></li> </ul> </li> <li class=""><a href="anthem-contest" class="nav-link">Sing The Anthem</a></li> </ul> </nav> <a href="#" class="d-inline-block d-lg-none site-menu-toggle js-menu-toggle text-black float-right text-white"><span class="icon-menu h3 text-white"></span> </a> </div> </div> </div> </header> <style type="text/css"> .dropdown-menu li { /* text-align: center;*/ color: black; font-weight: 400; border-bottom: 1px solid black; padding: 5px; font-size: 14px; } .menutext a { color: black !important; font-weight: 500; } .site-menu>li>.dropdown-menu { margin-top: 5px; border-top-left-radius: 0; border-top-right-radius: 0; text-align: left; /* background-image: url(https://www.royalchallengers.com/themes/custom/rcbbase/images/bg-red.png);*/ background-color: #ffff00e3; background-size: cover; width: auto; background-repeat: no-repeat; left: -50px; } .site-menu>li>.dropdown-menu li a { padding-left: 1rem !important; } .site-menu>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #fff; background-color: transparent; } .dropdown-menu li.last { border-bottom: 0 !important; } .site-navbar .site-navigation .site-menu>li>a { font-weight: 600; } </style><style> .players-name { background: white; text-align: center; color: black; display: none } .players-name h2 { color: black; font-size: 16px; margin: 0px 10px; padding: 10px } @media only screen and (max-width: 600px) { .players-name { background: white; /* height: 2px; */ text-align: center; color: black; display: none } .players-name h2 { color: black; /* font-size: 16px; */ font-size: 10px; margin: 0px 10px; padding: 10px } } /* blink btn style */ .blink { background-color: #004A7F; -webkit-border-radius: 10px; border-radius: 10px; border: none; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: Arial; font-size: 20px; padding: 5px 10px; text-align: center; text-decoration: none; -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; } a :hover { color: white !important; } @-webkit-keyframes glowing { 0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; } } @-moz-keyframes glowing { 0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; } } @-o-keyframes glowing { 0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } } @keyframes glowing { 0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } 50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; } 100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } } /* end blink btn style */ /* point table style */ @media screen and (max-width: 576px) { .point-tab { font-size: 11px; text-align: center; } .point-tab th { padding-top: 0px; padding-bottom: 0px; } .point-tab td { padding-left: 1px; padding-right: 1px; } } /* end point table style */ </style> <!-- height:120vh; removed class from background image --> <div class="hero overlay" style="background-image: url('images/harare-home-banner-1.jpg');position:relative; background-repeat: no-repeat;"> <!-- <div class="container"> <div class="row align-items-center"> <div class="col-lg-5 ml-auto"> <h1 class="text-white">Coming Soon</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, molestias repudiandae pariatur.</p> <div id="date-countdown"></div> <p> <a href="#" class="btn btn-primary py-3 px-4 mr-3">Book Ticket</a> <a href="#" class="more light">Learn More</a> </p> </div> </div> </div> --> </div> <!-- players slider --> <div class="container" style="padding: 40px 0 0px 0;"> <div class="col-12 title-section"> <div class="row text-center justify-content-center"> <h2 class="heading" style="font-size:30px;font-weight:600">THE SQUAD</h2> </div> </div> </div> <div class="swiper-container" style="background-image: url(https://wallpapercave.com/wp/wp3049863.jpg);"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="images/players-slider/Eoin-Morgan-(2).png" /> <div class="players-name" style="display: block"> <h2>Eoin Morgan</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Sreesanth.png" /> <div class="players-name"> <h2>Sreesanth S</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Irfan-Pathan-9.png" /> <div class="players-name"> <h2>Irfan Pathan</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Nandre-Burger-1.png" /> <div class="players-name"> <h2>Nandre Burger</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Tinotenda-Maposa.png" /> <div class="players-name"> <h2>Tinotenda Maposa</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/christopher-Mpofu.png" /> <div class="players-name"> <h2>Chris Mpofu</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Luke-Jongwe_2.png" /> <div class="players-name"> <h2>Luke Jongwe</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Brandon-Mavuta.png" /> <div class="players-name"> <h2>Brandon Mavuta</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Tashinga-Musekiwa-2.png" /> <div class="players-name"> <h2>Tashinga Musekiwa</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Khalid-Shah-2.png" /> <div class="players-name"> <h2>Khalid Shah</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Kevin-Koththigoda-2.png" /> <div class="players-name"> <h2>Kevin Koththigoda</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Regis-Chakabva.png" /> <div class="players-name"> <h2>Regis Chakabva</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Samit-Patel-1.png" /> <div class="players-name"> <h2>Samit Patel</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Donovan-Ferreira-1-(1)-copy.png" /> <div class="players-name"> <h2>Donovan Ferreira</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/nabi.png" /> <div class="players-name"> <h2>Mohammad Nabi</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Evin-Lewis-(3).png" /> <div class="players-name"> <h2>Evin Lewis</h2> </div> </div> <div class="swiper-slide"> <img src="images/players-slider/Robin-Uthappa.png" /> <div class="players-name"> <h2>Robin Uthappa</h2> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> <!-- end players slider --> <!-- schedule --> <!-- <div class="container mt-5 mb-5"> <div class="row"> <div class="col-6 title-section"> <h2 class="heading" style="font-size:30px;font-weight:600">Match Schedule</h2> </div> <div class="col-6 " style="text-align: right;"> <a class="blink" href="https://www.sportstiger.com/cricket/live-scores/9932/recent/zim-afro-t10-2023" target="_blank">Live Score</a> </div> </div> <div class="row justify-content-center"> <div class="col-12 col-lg-4 col-md-6"> <img class="img w-100 mt-3 mb-3" src="images/schedule/1.png" alt="Match Schedule"> </div> <div class="col-12 col-lg-4 col-md-6"> <img class="img w-100 mt-3 mb-3" src="images/schedule/2.png" alt="Match Schedule"> </div> <div class="col-12 col-lg-4 col-md-6"> <img class="img w-100 mt-3 mb-3" src="images/schedule/3.png" alt="Match Schedule"> </div> </div> </div> --> <!-- end schedule --> <!-- point table --> <div class="site-section"> <div class="container"> <div class="row"> <div class="col-12 title-section"> <h2 class="heading" style="font-size:30px;font-weight:600">Point Table</h2> </div> <div class="col-12"> <div class="widget-next-match"> <table class="table custom-table table-responsive-sm point-tab"> <thead> <tr> <th>P</th> <th>Team</th> <th>M</th> <th>W</th> <th>L</th> <th>NR</th> <th>PTS</th> <th>NRR</th> </tr> </thead> <tbody> <tr> <td>1</td> <td> <img style="width: 40px;" src="images/scores/JoburgBuffaloes.jpg" alt=""> <strong class="text-white"> JBB</strong></td> <td>9</td> <td>5</td> <td>4</td> <td>0</td> <td>10</td> <td>0.761</td> </tr> <tr> <td>2</td> <td><img style="width: 40px;" src="images/scores/DurbanQalanders.jpg" alt=""><strong class="text-white"> DQ</strong></td> <td>9</td> <td>5</td> <td>4</td> <td>0</td> <td>10</td> <td>0.071</td> </tr> <tr> <td>3</td> <td><img style="width: 40px;" src="images/scores/HarareHurricanes.jpg" alt=""><strong class="text-white"> HRH</strong></td> <td>9</td> <td>5</td> <td>4</td> <td>0</td> <td>10</td> <td>-0.926</td> </tr> <tr> <td>4</td> <td><img style="width: 40px;" src="images/scores/CapeTownSampArmy.jpg" alt=""> <strong class="text-white"> CTSA</strong></td> <td>9</td> <td>4</td> <td>5</td> <td>0</td> <td>8</td> <td>0.416</td> </tr> <tr> <td>5</td> <td><img style="width: 40px;" src="images/scores/BulawayoBraves.jpg" alt=""><strong class="text-white"> BLB</strong></td> <td>8</td> <td>3</td> <td>5</td> <td>0</td> <td>6</td> <td>-0.351</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <!-- end point table --> <footer class="footer-section"> <div class="container"> <div class="col-lg-12" style="text-align:center;"> <div class="widget mb-3"> <div class="icon-box"> <a href="https://www.facebook.com/AriesCorporateCricketT20League/" target="_blank" class="border-icon"><i class="fa fa-facebook"></i></a> </div> </div> </div> <div class="row text-center"> <div class="col-md-12"> <div class=" pt-5"> <p> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> Copyright &copy; <script> document.write(new Date().getFullYear()); </script> All rights reserved | Developed By <span style="color: red;">&#x2764;</span><a href="https://www.ariesesolutions.com/" target="_blank">Aries e-Solutions</a> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> </p> </div> </div> </div> </div> </footer> </div> <!-- .site-wrap --> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/jquery-migrate-3.0.1.min.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/jquery.countdown.min.js"></script> <script src="js/bootstrap-datepicker.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/aos.js"></script> <script src="js/jquery.fancybox.min.js"></script> <script src="js/jquery.sticky.js"></script> <script src="js/jquery.mb.YTPlayer.min.js"></script> <script src="js/main.js"></script> <script src="js/swiper-bundle.min.js"></script> <script> const swiper = new Swiper(".swiper-container", { allowTouchMove: false, centeredSlides: true, loop: true, speed: 500, slidesPerView: 1.5, spaceBetween: 100, touchMoveStopPropagation: true, // autoplay: { // delay: 3000, // }, zoom: { maxRatio: 500, minRatio: 200 }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" }, simulateTouch: false, breakpoints: { // 320: { // slidesPerView: 1, // // spaceBetweenSlides: 20 // // spaceBetweenSlides: 50, // }, 640: { // slidesPerView: 2.5 slidesPerView: 3.5, // spaceBetweenSlides: 50 spaceBetweenSlides: 50 }, 768: { slidesPerView: 2.75 }, 1080: { slidesPerView: 3.25, spaceBetweenSlides: 200 }, 1280: { slidesPerView: 3.75, spaceBetweenSlides: 200 } } }); $(".swiper-button-next").click(function() { $('.players-name').hide(); $('.swiper-slide-active .players-name').show(); }); $(".swiper-button-prev").click(function() { $('.players-name').hide(); $('.swiper-slide-active .players-name').show(); }); </script> <!-- back to top script --> <script> //Get the button let mybutton = document.getElementById("btn-back-to-top"); // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function() { scrollFunction(); }; function scrollFunction() { if ( document.body.scrollTop > 20 || document.documentElement.scrollTop > 20 ) { mybutton.style.display = "block"; } else { mybutton.style.display = "none"; } } // When the user clicks on the button, scroll to the top of the document mybutton.addEventListener("click", backToTop); function backToTop() { $('html,body').animate({ scrollTop: 0 }, 'slow'); document.documentElement.scrollTop = 0; } </script> <!-- end back to top script --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10