![]() Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory : /home/claqxcrl/www/ |
<?php session_start(); ?> <!--INICIO TOP CABECA--> <?php include("metades/pagina-info.php");?> <!--FIM TOP CABECA--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="description" content="Juntos somos o futebol angolano." /> <meta name="keywords" content="Notícias de futebol, angolano, girabola zap, campeonato de Angola, competição angolana, FAF, Taça de Angola, Segundona, Girabairro, Classificação, melhores jogadores" /> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Claque Magazine | Juntos Somos o futebol angolano</title> <meta property="og:title" content="Claque Magazine | Juntos Somos o futebol angolano" /> <meta property="og:image" content="ondjoweb/admin/galeriafotos/logos/claquemagazine-logo-transparent.png" /> <script src="sweetalert/sweetalert2.js"></script> <script src="sweetalert/sweetalert2.min.js"></script> <link rel="stylesheet" href="sweetalert/sweetalert2.css"> <script type="text/javascript" src="js/library/jquery.js"></script> <!-- <link href="https://fonts.googleapis.com/css?family=Montserrat%7COpen+Sans:700,400%7CRaleway:400,800,900" rel="stylesheet" /> --> <link rel="icon" href="favicon.png" type="image/x-icon"> <link href="css/library/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="dev-assets/demo-switcher.css" rel="stylesheet" type="text/css" /> <link href="css/estilo-clubes.css" rel="stylesheet" type="text/css" /> <link href="css-min/soccer.min.css" rel="stylesheet" type="text/css" /> <link href="css-min/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/swiper.min.css"> <link rel="stylesheet" href="css/swiper.personalizado.css"> <link href="css/geral.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="owlcarousel/owl.carousel.css"> <!--Ads Slide--> <link type="text/css" href="adsSlide/dist/skitter.css" media="all" rel="stylesheet" /> <script type="text/javascript"> var html5lightbox_options = { overlaybgcolor: "#333", overlayopacity: "1", showsocial: true, /*bgcolor: "#fd3",*/ }; </script> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <style type="text/css"> .MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; } .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; } .MultiCarousel .MultiCarousel-inner .item { float: left; } .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding: 15px; background:#f1f1f1; color:#666;} .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); } .MultiCarousel .leftLst { left:0; } .MultiCarousel .rightLst { right:0; } .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; } .MultiCarousel .MultiCarousel-inner .item img { height: 200px; width: 290px;} </style> </head> <body> <!--INICIO TOP CABECA--> <?php include("metades/cabeca.php"); ?> <!--FIM TOP CABECA--> <!--INICIO NEWS LETTER--> <?php include("metades/assina-newsletter.php"); ?> <!--FIM NEWS LETTER--> <!--End slide news--> <!--#####################---> <!--LISTA POSTS INICIO--> <div class="container"> <div class="main-breaking-news"> <div class="container"> <div class="row"> <div class="col-md-2 col-sm-3 col-xs-12 "> <div class="break-title"> <span>CLAQUE FOTOS</span> </div> </div> <div class="col-md-10 col-sm-9 col-xs-12"> <div id="main-breaking-list" class="carousel slide main-breaking-list" data-ride="carousel"> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="MultiCarousel" data-items="1,3,4,4" data-slide="1" id="MultiCarousel" data-interval="1000"> <div class="MultiCarousel-inner"> <?php foreach($post->listaFotosGaleria() as $chave => $valor): ?> <?php if($valor->is_Active==1){?> <div class="item"> <div class="pad15"> <div class="staff-item"> <div class="item video-quadro img-top col-xs-12 col-md-3 col-lg-3 abrevideo"> <a name="senddatavideo" href="<?php echo $imgCaminho."".$valor->url_imagem; ?>" class="html5lightbox" title="<?php echo $valor->tit_imagem; ?>" data-group="mygroup" data-thumbnail="<?php echo $imgCaminho."".$valor->url_imagem; ?>"> <div class="img-wrap videocode"> <i class="fa fa-camera foto-play"></i> <img id="myImg" class="video-img" style="margin-left:-45px;" src="<?php echo $imgCaminho."".$valor->url_imagem; ?>" alt="<?php echo $valor->tit_imagem; ?>"> </div> </a> </div> </div> </div> </div> <?php }?> <?php endforeach;?> </div> <button class="btn btn-primary leftLst"><i style="font-size:14pt;" class="fa fa-caret-left" aria-hidden="true"></i></button> <button class="btn btn-primary rightLst"><i style="font-size:14pt;" class="fa fa-caret-right" aria-hidden="true"></i></button> </div> </div> <!--LISTA POSTS INICIO--> <div class="container"> <div class="main-breaking-news"> <div class="container"> <div class="row"> <div class="col-md-2 col-sm-3 col-xs-12 "> <div class="break-title"> <span>CLAQUE TV</span> </div> </div> <div class="col-md-10 col-sm-9 col-xs-12"> <div id="main-breaking-list" class="carousel slide main-breaking-list" data-ride="carousel"> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="MultiCarousel" data-items="1,3,4,4" data-slide="1" id="MultiCarousel" data-interval="1000"> <div class="MultiCarousel-inner"> <?php foreach($post->procuraVideos() as $chave => $valor): ?> <?php if($valor->is_Active==1){?> <div class="item"> <div class="pad15"> <div class="staff-item"> <div class="item video-quadro img-top col-xs-12 col-md-3 col-lg-4 abrevideo"> <a name="senddatavideo" href="<?php echo $postImg."".$valor->url_video; ?>" class="html5lightbox" title="<?php echo $valor->tit_video; ?>" data-group="mygroup" data-thumbnail="<?php echo $postImg."".$valor->img_video; ?>"> <div class="img-wrap videocode"> <i class="fa fa-play-circle-o foto-play"></i> <img id="myImg" class="video-img" style="margin-left:-45px;" src="<?php echo $postImg."".$valor->img_video; ?>" alt="<?php echo $valor->tit_video; ?>"> </div> </a> </div> </div> </div> </div> <?php }?> <?php endforeach;?> </div> <button class="btn btn-primary leftLst"><i style="font-size:14pt;" class="fa fa-caret-left" aria-hidden="true"></i></button> <button class="btn btn-primary rightLst"><i style="font-size:14pt;" class="fa fa-caret-right" aria-hidden="true"></i></button> </div> </div> <!--LISTA POSTS INICIO--> <div class="container"> <div class="main-breaking-news"> <div class="container"> <div class="row"> <div class="col-md-2 col-sm-3 col-xs-12 "> <div class="break-title"> <span>CLAQUE RÁDIO</span> </div> </div> <div class="col-md-10 col-sm-9 col-xs-12"> <div id="main-breaking-list" class="carousel slide main-breaking-list" data-ride="carousel"> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="MultiCarousel" data-items="1,3,4,4" data-slide="1" id="MultiCarousel" data-interval="1000"> <div class="MultiCarousel-inner"> <?php foreach($post->procuraAudios() as $chave => $valor): ?> <?php if($valor->is_Active==1){?> <div class="item"> <div class="pad15"> <div class="staff-item"> <div class="item video-quadro img-top col-xs-12 col-md-3 col-lg-3 abrevideo"> <!--MOSTRA O LINK VERDADEIRO DO AUDIO--> <a name="senddatavideo" href="<?php echo $valor->url_audio; ?>" class="html5lightbox" title="<?php echo $valor->tit_audio; ?>" data-group="mygroup" data-thumbnail="<?php echo $postImg."".$valor->img_audio; ?>"> <div class="img-wrap videocode"> <i class="fa fa-microphone foto-play"></i> <img id="myImg" class="video-img" style="margin-left:-45px;" src="<?php echo $postImg."".$valor->img_audio; ?>" alt="<?php echo $valor->tit_audio; ?>"> </div> </a> </div> </div> </div> </div> <?php }?> <?php endforeach;?> </div> <button class="btn btn-primary leftLst"><i style="font-size:14pt;" class="fa fa-caret-left" aria-hidden="true"></i></button> <button class="btn btn-primary rightLst"><i style="font-size:14pt;" class="fa fa-caret-right" aria-hidden="true"></i></button> </div> </div> <!--INICIO NEWS LETTER--> <?php include("metades/assina-newsletter.php"); ?> <!--FIM NEWS LETTER--> </section> <?php include("metades/manchetes-meio-pagina.php"); ?> <!--Inicio Pe--> <div class="container" style="margin-left:1%"> <?php include("metades/pe.php"); ?> </div> <!--Fim Pe--> <script type="text/javascript" src="js/library/jquery.js"></script> <script type="text/javascript" src="js/library/jquery-ui.js"></script> <script type="text/javascript" src="js/library/bootstrap.js"></script> <script type="text/javascript" src="js/library/jquery.sticky.js"></script> <script type="text/javascript" src="js/library/jquery.jcarousel.js"></script> <script type="text/javascript" src="js/library/jcarousel.connected-carousels.js"></script> <script type="text/javascript" src="js/library/owl.carousel.js"></script> <script type="text/javascript" src="js/library/progressbar.js"></script> <script type="text/javascript" src="js/library/jquery.bracket.min.js"></script> <script type="text/javascript" src="js/library/chartist.js"></script> <script type="text/javascript" src="js/library/Chart.js"></script> <script type="text/javascript" src="js/library/fancySelect.js"></script> <script type="text/javascript" src="js/library/isotope.pkgd.js"></script> <script type="text/javascript" src="js/library/imagesloaded.pkgd.js"></script> <script type="text/javascript" src="js/jquery.team-coundown.js"></script> <script type="text/javascript" src="js/matches-slider.js"></script> <script type="text/javascript" src="js/header.js"></script> <script type="text/javascript" src="js/matches_broadcast_listing.js"></script> <script type="text/javascript" src="js/news-line.js"></script> <script type="text/javascript" src="js/match_galery.js"></script> <script type="text/javascript" src="js/main-club-gallery.js"></script> <script type="text/javascript" src="js/product-slider.js"></script> <script type="text/javascript" src="js/circle-bar.js"></script> <script type="text/javascript" src="js/standings.js"></script> <script type="text/javascript" src="js/shop-price-filter.js"></script> <script type="text/javascript" src="js/timeseries.js"></script> <script type="text/javascript" src="js/radar.js"></script> <script type="text/javascript" src="js/slider.js"></script> <script type="text/javascript" src="js/preloader.js"></script> <script type="text/javascript" src="js/diagram.js"></script> <script type="text/javascript" src="js/bi-polar-diagram.js"></script> <script type="text/javascript" src="js/label-placement-diagram.js"></script> <script type="text/javascript" src="js/donut-chart.js"></script> <script type="text/javascript" src="js/animate-donut.js"></script> <script type="text/javascript" src="js/advanced-smil.js"></script> <script type="text/javascript" src="js/svg-path.js"></script> <script type="text/javascript" src="js/pick-circle.js"></script> <script type="text/javascript" src="js/horizontal-bar.js"></script> <script type="text/javascript" src="js/gauge-chart.js"></script> <script type="text/javascript" src="js/stacked-bar.js"></script> <script type="text/javascript" src="js/library/chartist-plugin-legend.js"></script> <script type="text/javascript" src="js/library/chartist-plugin-threshold.js"></script> <script type="text/javascript" src="js/library/chartist-plugin-pointlabels.js"></script> <script type="text/javascript" src="js/treshold.js"></script> <script type="text/javascript" src="js/visible.js"></script> <script type="text/javascript" src="js/anchor.js"></script> <script type="text/javascript" src="js/landing_carousel.js"></script> <script type="text/javascript" src="js/landing_sport_standings.js"></script> <script type="text/javascript" src="js/twitterslider.js"></script> <script type="text/javascript" src="js/champions.js"></script> <script type="text/javascript" src="js/landing_mainnews_slider.js"></script> <script type="text/javascript" src="js/carousel.js"></script> <script type="text/javascript" src="js/video_slider.js"></script> <script type="text/javascript" src="js/footer_slides.js"></script> <script type="text/javascript" src="js/player_test.js"></script> <script src="js/swiper.min.js"></script> <!--Ads Slide--> <script src="sweetalert/sweetalert2.js"></script> <script src="sweetalert/sweetalert2.min.js"></script> <script type="text/javascript" src="adsSlide/examples/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="adsSlide/dist/jquery.skitter.min.js"></script> <script src="sweetalert/sweetalert2.js"></script> <script src="sweetalert/sweetalert2.min.js"></script> <?php if(isset($_SESSION['msg'])){ echo(" <script> Swal.fire( 'Muito bom!', 'Recebems seu email.', 'success' ) </script> "); session_destroy();} else{if(isset($_SESSION['msg'])){ echo(" <script> Swal.fire( 'Erro ao Cadastrar!', 'Erro ao te cadastrar.', 'error' ) </script> "); session_destroy();} } ?> <!---OWL Carrossel----> <!---Slide Logo Clubes---> <script src="owlcarousel2/owl.carousel.min.js"></script> <script type="text/javascript" src="javascriptpersonalizado.js"></script> <script> var owl = $('.owl-carousel'); owl.owlCarousel({ items:13, loop: false, rewind: true, margin:1, nav:true, navText:["<span><i id='directions' class='fa fa-arrow-left'></i></span>","<span><i id='direction' class='fa fa-arrow-right'></i></span>"], autoplay:true, autoplayTimeout:3500, autoplayHoverPause:true, responsiveClass:true, responsive:{ 0:{ items:1, nav:true }, 768:{ items:6, nav:false }, 1024:{ items:13, nav:true, loop:false } } }); $('.play').on('click',function(){ owl.trigger('play.owl.autoplay',[1000]) }) $('.stop').on('click',function(){ owl.trigger('stop.owl.autoplay') }) </script> <!---Slide Logo Clubes---> <!---OWL Carrossel----> <script> //Begin Swiper Slides var swiper = new Swiper('.swiper-container', { spaceBetween: 30, centeredSlides: true, autoplay: { delay: 6000, disableOnInteraction: true, }, pagination: { el: '.swiper-pagination', clickable: true, effect: 'fade', renderBullet: function (index, className) { return '<span class="' + className + '">' + (index + 1) + '</span>'; }, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); //End Swiper Slide //Begin Ads Slide $(document).ready(function() { $('.skitter-large').skitter({ theme: 'clean', // minimalist, round, clean, square numbers_align: 'center', // Alignment of numbers/dots/thumbs progressbar: true, // Displays progress bar dots: false, // <a href="https://www.jqueryscript.net/tags.php?/Navigation/">Navigation</a> with dots preview: false // Preview with dots }); }); //End Ads Slide //final slide $(document).ready(function () { var itemsMainDiv = ('.MultiCarousel'); var itemsDiv = ('.MultiCarousel-inner'); var itemWidth = ""; $('.leftLst, .rightLst').click(function () { var condition = $(this).hasClass("leftLst"); if (condition) click(0, this); else click(1, this) }); ResCarouselSize(); $(window).resize(function () { ResCarouselSize(); }); //this function define the size of the items function ResCarouselSize() { var incno = 0; var dataItems = ("data-items"); var itemClass = ('.item'); var id = 0; var btnParentSb = ''; var itemsSplit = ''; var sampwidth = $(itemsMainDiv).width(); var bodyWidth = $('body').width(); $(itemsDiv).each(function () { id = id + 1; var itemNumbers = $(this).find(itemClass).length; btnParentSb = $(this).parent().attr(dataItems); itemsSplit = btnParentSb.split(','); $(this).parent().attr("id", "MultiCarousel" + id); if (bodyWidth >= 1200) { incno = itemsSplit[3]; itemWidth = sampwidth / incno; } else if (bodyWidth >= 992) { incno = itemsSplit[2]; itemWidth = sampwidth / incno; } else if (bodyWidth >= 768) { incno = itemsSplit[1]; itemWidth = sampwidth / incno; } else { incno = itemsSplit[0]; itemWidth = sampwidth / incno; } $(this).css({ 'transform': 'translateX(0px)', 'width': itemWidth * itemNumbers }); $(this).find(itemClass).each(function () { $(this).outerWidth(itemWidth); }); $(".leftLst").addClass("over"); $(".rightLst").removeClass("over"); }); } //this function used to move the items function ResCarousel(e, el, s) { var leftBtn = ('.leftLst'); var rightBtn = ('.rightLst'); var translateXval = ''; var divStyle = $(el + ' ' + itemsDiv).css('transform'); var values = divStyle.match(/-?[\d\.]+/g); var xds = Math.abs(values[4]); if (e == 0) { translateXval = parseInt(xds) - parseInt(itemWidth * s); $(el + ' ' + rightBtn).removeClass("over"); if (translateXval <= itemWidth / 2) { translateXval = 0; $(el + ' ' + leftBtn).addClass("over"); } } else if (e == 1) { var itemsCondition = $(el).find(itemsDiv).width() - $(el).width(); translateXval = parseInt(xds) + parseInt(itemWidth * s); $(el + ' ' + leftBtn).removeClass("over"); if (translateXval >= itemsCondition - itemWidth / 2) { translateXval = itemsCondition; $(el + ' ' + rightBtn).addClass("over"); } } $(el + ' ' + itemsDiv).css('transform', 'translateX(' + -translateXval + 'px)'); } //It is used to get some elements from btn function click(ell, ee) { var Parent = "#" + $(ee).parent().attr("id"); var slide = $(Parent).attr("data-slide"); ResCarousel(ell, Parent, slide); } itemWidth = "265"; }); //End final slide </script> <script type="text/javascript" src="js/main.js"></script> <script type="text/javascript" src="lightboxvideo/html5lightbox.js"></script> <!--Inicio Publicidade--> <?php include("metades/publicidade.php"); ?> <!--Fim Publicidade--> </body> </html>