home_riga.blade.php 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541
  1. <!doctype html>
  2. <html lang="it" class="no-js">
  3. <head>
  4. <!-- Global site tag (gtag.js) - Google Analytics -->
  5. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-12619965-34"></script>
  6. <script src="//d3u598arehftfk.cloudfront.net/prebid_hb_14302_22192.js" async></script>
  7. <script>
  8.   window.dataLayer = window.dataLayer || [];
  9.   function gtag(){dataLayer.push(arguments);}
  10.   gtag('js', new Date());
  11.   gtag('config', 'UA-12619965-34');
  12. </script>
  13. <title>Calcio a 5 Anteprima</title>
  14. <meta charset="utf-8">
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  16. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  17. <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic' rel='stylesheet' type='text/css'>
  18. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  19. <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" media="screen">
  20. <link rel="stylesheet" type="text/css" href="/css/jquery.bxslider.css" media="screen">
  21. <link rel="stylesheet" type="text/css" href="/css/font-awesome.css" media="screen">
  22. <link rel="stylesheet" type="text/css" href="/css/magnific-popup.css" media="screen">
  23. <link rel="stylesheet" type="text/css" href="/css/owl.carousel.css" media="screen">
  24. <link rel="stylesheet" type="text/css" href="/css/owl.theme.css" media="screen">
  25. <link rel="stylesheet" type="text/css" href="/css/ticker-style.css"/>
  26. <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen">
  27. <link rel="stylesheet" type="text/css" href="/css/print.css" media="print">
  28. <link rel="stylesheet" type="text/css" href="/css/custom.css" media="screen">
  29. <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon.png">
  30. <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  31. <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  32. <link rel="manifest" href="/site.webmanifest">
  33. <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  34. <meta name="msapplication-TileColor" content="#da532c">
  35. <meta name="theme-color" content="#ffffff">
  36. <style>
  37. nav#menu-container {
  38. position:relative;
  39. width:100%;
  40. height: 56px;
  41. }
  42. #btn-nav-previous {
  43. text-align: center;
  44. color: black;
  45. cursor: pointer;
  46. font-size: 18px;
  47. position: absolute;
  48. left: 0px;
  49. fill:#FFF;
  50. }
  51. #btn-nav-next {
  52. text-align: center;
  53. color: black;
  54. cursor: pointer;
  55. font-size: 18px;
  56. position: absolute;
  57. right: 0px;
  58. fill:#FFF;
  59. }
  60. .menu-inner-box
  61. {
  62. width: 90%;
  63. white-space: nowrap;
  64. margin: 0 auto;
  65. overflow: hidden;
  66. padding: 0px 5px;
  67. box-sizing: border-box;
  68. }
  69. .menu
  70. {
  71. padding:0;
  72. margin: 0;
  73. list-style-type: none;
  74. display:block;
  75. text-align: center;
  76. }
  77. a.menu-item
  78. {
  79. color:#fff;
  80. text-decoration:none;
  81. text-align:center;
  82. white-space:no-wrap;
  83. }
  84. .menu-item:hover {
  85. text-decoration:underline;
  86. }
  87. @media only screen and (max-width: 480px) {
  88. #btn-nav-previous {
  89. display:none;
  90. }
  91. #btn-nav-next {
  92. display:none;
  93. }
  94. .menu-inner-box
  95. {
  96. width:100%;
  97. overflow-x:auto;
  98. }
  99. }
  100. </style>
  101. </head>
  102. <body class="bg-adv">
  103. <a href="{{$home->url}}">
  104. <!-- Container -->
  105. <div id="container" class="adv">
  106. @include('layouts.header')
  107. <section class="block-wrapper">
  108. <div class="container">
  109. <div class="row" style="border-bottom: 1px solid #ccc;">
  110. <div class="col-sm-8">
  111. <div class="title-section">
  112. <h1><span>Primo piano</span></h1>
  113. </div>
  114. </div>
  115. <div class="col-sm-4">
  116. <div class="title-section">
  117. <h1><span>Video</span></h1>
  118. </div>
  119. </div>
  120. </div>
  121. <div class="row">
  122. <div class="col-sm-8">
  123. <!-- block content -->
  124. <div class="block-content">
  125. <div class="carousel-box owl-wrapper" >
  126. @if(isset($home->slide1) && $home->slide1 != '')
  127. <div class="image-slider snd-size">
  128. <div class="news-post image-post">
  129. <span class="top-stories">PRIMO PIANO</span>
  130. @if($home->slide1->live)
  131. <span class="top-live">LIVE</span>
  132. @endif
  133. <a href="{{$home->slide1->slug}}"><img src="/files/news/{{$home->slide1->image}}" alt=""></a>
  134. <div class="box-title">
  135. <div class="inner-hover">
  136. <h2><a href="/{{$home->slide1->slug}}">{{$home->slide1->title}}</a></h2>
  137. <ul class="post-tags">
  138. <li><i class="fa fa-clock-o"></i><span>{{date("d/m/Y", strtotime($home->slide1->date))}}</span></li>
  139. </ul>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. @endif
  145. </div>
  146. <div class="row">
  147. <div class="col-md-6">
  148. <div class="carousel-box owl-wrapper">
  149. <div class="image-slider snd-size">
  150. <ul class="{{$home->hasSlider('left') ? 'bxslider bxsliderLeft' : ''}}">
  151. @if(isset($home->left1) && $home->left1 != '')
  152. <li>
  153. <div class="item news-post standard-post">
  154. <div class="post-gallery">
  155. <img src="/files/news/{{$home->left1->image}}" alt="">
  156. </div>
  157. <div class="post-content">
  158. <h2><a href="{{$home->left1->slug}}">{{$home->left1->title}}</a></h2>
  159. <ul class="post-tags">
  160. <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($home->left1->date))}}</li>
  161. </ul>
  162. </div>
  163. </div>
  164. </li>
  165. @endif
  166. @if(isset($home->left2) && $home->left2 != '')
  167. <li>
  168. <div class="item news-post standard-post">
  169. <div class="post-gallery">
  170. <img src="/files/news/{{$home->left2->image}}" alt="">
  171. </div>
  172. <div class="post-content">
  173. <h2><a href="{{$home->left2->slug}}">{{$home->left2->title}}</a></h2>
  174. <ul class="post-tags">
  175. <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($home->left2->date))}}</li>
  176. </ul>
  177. </div>
  178. </div>
  179. </li>
  180. @endif
  181. @if(isset($home->left3) && $home->left3 != '')
  182. <li>
  183. <div class="item news-post standard-post">
  184. <div class="post-gallery">
  185. <img src="/files/news/{{$home->left3->image}}" alt="">
  186. </div>
  187. <div class="post-content">
  188. <h2><a href="{{$home->left3->slug}}">{{$home->left3->title}}</a></h2>
  189. <ul class="post-tags">
  190. <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($home->left3->date))}}</li>
  191. </ul>
  192. </div>
  193. </div>
  194. </li>
  195. @endif
  196. @if(isset($home->left4) && $home->left4 != '')
  197. <li>
  198. <div class="item news-post standard-post">
  199. <div class="post-gallery">
  200. <img src="/files/news/{{$home->left4->image}}" alt="">
  201. </div>
  202. <div class="post-content">
  203. <h2><a href="{{$home->left4->slug}}">{{$home->left4->title}}</a></h2>
  204. <ul class="post-tags">
  205. <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($home->left4->date))}}</li>
  206. </ul>
  207. </div>
  208. </div>
  209. </li>
  210. @endif
  211. @if(isset($home->left5) && $home->left5 != '')
  212. <li>
  213. <div class="item news-post standard-post">
  214. <div class="post-gallery">
  215. <img src="/files/news/{{$home->left5->image}}" alt="">
  216. </div>
  217. <div class="post-content">
  218. <h2><a href="{{$home->left5->slug}}">{{$home->left5->title}}</a></h2>
  219. <ul class="post-tags">
  220. <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($home->left5->date))}}</li>
  221. </ul>
  222. </div>
  223. </div>
  224. </li>
  225. @endif
  226. </ul>
  227. </div>
  228. </div>
  229. </div>
  230. <div class="col-md-6">
  231. <div class="carousel-box owl-wrapper">
  232. <div class="image-slider snd-size">
  233. <ul class="{{$home->hasSlider('right') ? 'bxslider bxsliderRight' : ''}}">
  234. @if(isset($home->right1) && $home->right1 != '')
  235. <li>
  236. <div class="item news-post standard-post">
  237. <div class="post-gallery">
  238. <img src="/files/news/{{$home->right1->image}}" alt="">
  239. </div>
  240. <div class="post-content">
  241. <h2><a href="{{$home->right1->slug}}">{{$home->right1->title}}</a></h2>
  242. <ul class="post-tags">
  243. <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($home->right1->date))}}</li>
  244. </ul>
  245. </div>
  246. </div>
  247. </li>
  248. @endif
  249. @if(isset($home->right2) && $home->right2 != '')
  250. <li>
  251. <div class="item news-post standard-post">
  252. <div class="post-gallery">
  253. <img src="/files/news/{{$home->right2->image}}" alt="">
  254. </div>
  255. <div class="post-content">
  256. <h2><a href="{{$home->right2->slug}}">{{$home->right2->title}}</a></h2>
  257. <ul class="post-tags">
  258. <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($home->right2->date))}}</li>
  259. </ul>
  260. </div>
  261. </div>
  262. </li>
  263. @endif
  264. @if(isset($home->right3) && $home->right3 != '')
  265. <li>
  266. <div class="item news-post standard-post">
  267. <div class="post-gallery">
  268. <img src="/files/news/{{$home->right3->image}}" alt="">
  269. </div>
  270. <div class="post-content">
  271. <h2><a href="{{$home->right3->slug}}">{{$home->right3->title}}</a></h2>
  272. <ul class="post-tags">
  273. <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($home->right3->date))}}</li>
  274. </ul>
  275. </div>
  276. </div>
  277. </li>
  278. @endif
  279. @if(isset($home->right4) && $home->right4 != '')
  280. <li>
  281. <div class="item news-post standard-post">
  282. <div class="post-gallery">
  283. <img src="/files/news/{{$home->right4->image}}" alt="">
  284. </div>
  285. <div class="post-content">
  286. <h2><a href="{{$home->right4->slug}}">{{$home->right4->title}}</a></h2>
  287. <ul class="post-tags">
  288. <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($home->right4->date))}}</li>
  289. </ul>
  290. </div>
  291. </div>
  292. </li>
  293. @endif
  294. @if(isset($home->right5) && $home->right5 != '')
  295. <li>
  296. <div class="item news-post standard-post">
  297. <div class="post-gallery">
  298. <img src="/files/news/{{$home->right5->image}}" alt="">
  299. </div>
  300. <div class="post-content">
  301. <h2><a href="{{$home->right5->slug}}">{{$home->right5->title}}</a></h2>
  302. <ul class="post-tags">
  303. <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($home->right5->date))}}</li>
  304. </ul>
  305. </div>
  306. </div>
  307. </li>
  308. @endif
  309. </ul>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. </div>
  315. <!-- End block content -->
  316. </div>
  317. <div class="col-sm-4 sidebar">
  318. <!-- sidebar -->
  319. <div class="sidebar">
  320. <!-- slider-caption-box -->
  321. <div class="slider-caption-box">
  322. <div class="slider-holder">
  323. <div class="bx-wrapper" style="max-width: 100%;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 216px;">
  324. <ul class="slider-call" style="width: 1015%; position: relative; transition-duration: 0s; transform: translate3d(-328px, 0px, 0px);">
  325. @foreach($videos as $idx => $video)
  326. <li style="float: left; list-style: outside none none; position: relative; width: 288px;" class="bx-clone">
  327. <div class="news-post image-post2">
  328. <div class="post-gallery">
  329. <img src="/files/videos/{{$video->image}}" alt="">
  330. <div class="hover-box">
  331. <div class="inner-hover">
  332. <a class="video-link" href="{{$video->url}}" style="color:#fff; font-size: 2.5em;"><i class="fa fa-play-circle-o"></i></a>
  333. <h2><a href="{{$video->url}}" class="video-link">{{$video->title}}</a></h2>
  334. <ul class="post-tags">
  335. <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($video->date))}}</li>
  336. </ul>
  337. </div>
  338. </div>
  339. </div>
  340. </div>
  341. </li>
  342. @endforeach
  343. </ul>
  344. </div><div class="bx-controls bx-has-controls-direction"><div class="bx-controls-direction"><a class="bx-prev" href="">Prev</a><a class="bx-next" href="">Next</a></div></div></div>
  345. </div>
  346. <div id="bx-pager">
  347. @foreach($videos as $idx => $video)
  348. <a data-slide-index="{{$idx}}" href="" class="{{$idx == 0 ? 'active' : ''}}">
  349. <img alt="" src="/files/videos/{{$video->image}}" class="img-responsive">
  350. </a>
  351. @endforeach
  352. </div>
  353. </div>
  354. <!-- End slider-caption-box -->
  355. @if($home->radio1_file != '' || $home->radio1_url != '' || $home->radio2_file != '' || $home->radio2_url != '' || $home->radio3_file != '' || $home->radio3_url != '')
  356. <div class="block-content" style="margin-top: 2em;">
  357. <div class="title-section">
  358. <h1><span>Web Radio</span></h1>
  359. </div>
  360. @if($home->radio1_file != '')
  361. <audio id="player" src="/files/{{$home->radio1_file}}"></audio>
  362. @else
  363. @if($home->radio1_url != '')
  364. <audio id="player" src="{{$home->radio1_url}}"></audio>
  365. @else
  366. @if($home->radio2_file != '')
  367. <audio id="player" src="/files/{{$home->radio2_file}}"></audio>
  368. @else
  369. @if($home->radio2_url != '')
  370. <audio id="player" src="{{$home->radio2_url}}"></audio>
  371. @else
  372. @if($home->radio3_file != '')
  373. <audio id="player" src="/files/{{$home->radio3_file}}"></audio>
  374. @else
  375. @if($home->radio3_url != '')
  376. <audio id="player" src="{{$home->radio3_url}}"></audio>
  377. @else
  378. @endif
  379. @endif
  380. @endif
  381. @endif
  382. @endif
  383. @endif
  384. <div>
  385. <button class="btn btn-success btn-lg" onclick="document.getElementById('player').play()"><i class="fa fa-play"></i> Play</button>
  386. <button class="btn btn-danger btn-lg" onclick="document.getElementById('player').pause()"><i class="fa fa-pause"></i> Pause</button>
  387. <button class="btn btn-lg" onclick="document.getElementById('player').volume += 0.1"><i class="fa fa-volume-up"></i> +</button>
  388. <button class="btn btn-lg" onclick="document.getElementById('player').volume -= 0.1"><i class="fa fa-volume-down"></i> -</button>
  389. </div>
  390. </div>
  391. @endif
  392. <!-- END Web Radio -->
  393. <div class="advertisement">
  394. <div class="desktop-advert">
  395. @if(isset($home->banner_first) && $home->banner_first != '')
  396. <a href="{{$home->banner_first_url}}"><img src="/files/{{$home->banner_first}}" alt=""></a>
  397. @endif
  398. </div>
  399. <div class="tablet-advert">
  400. @if(isset($home->banner_first) && $home->banner_first != '')
  401. <a href="{{$home->banner_first_url}}"><img src="/files/{{$home->banner_first}}" alt=""></a>
  402. @endif
  403. </div>
  404. <div class="mobile-advert">
  405. @if(isset($home->banner_first) && $home->banner_first != '')
  406. <a href="{{$home->banner_first_url}}"><img src="/files/{{$home->banner_first}}" alt=""></a>
  407. @endif
  408. </div>
  409. </div>
  410. </div>
  411. <!-- End sidebar -->
  412. </div>
  413. </div>
  414. </div>
  415. </section>
  416. @if(false)
  417. <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  418. <ins class="adsbygoogle"
  419. style="display:inline-block;width:728px;height:90px"
  420. data-ad-client="ca-pub-0209495346002620"
  421. data-ad-slot="1234567890"></ins>
  422. <script>
  423. (adsbygoogle = window.adsbygoogle || []).push({});
  424. </script>
  425. @endif
  426. <div class="container">
  427. <div class="advertisement">
  428. <div class="desktop-advert">
  429. @if(isset($home->banner_middle) && $home->banner_middle != '')
  430. <a href="{{$home->banner_middle_url}}"><img src="/files/{{$home->banner_middle}}" alt=""></a>
  431. @endif
  432. </div>
  433. <div class="tablet-advert">
  434. @if(isset($home->banner_middle) && $home->banner_middle != '')
  435. <a href="{{$home->banner_middle_url}}"><img src="/files/{{$home->banner_middle}}" alt=""></a>
  436. @endif
  437. </div>
  438. <div class="mobile-advert">
  439. @if(isset($home->banner_middle) && $home->banner_middle != '')
  440. <a href="{{$home->banner_middle_url}}"><img src="/files/{{$home->banner_middle}}" alt=""></a>
  441. @endif
  442. </div>
  443. </div>
  444. </div>
  445. @yield('content')
  446. @include('layouts.footer')
  447. </div>
  448. </a>
  449. <!-- End Container -->
  450. <script type="text/javascript" src="js/jquery.min.js"></script>
  451. <script type="text/javascript" src="js/jquery.migrate.js"></script>
  452. <script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
  453. <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
  454. <script type="text/javascript" src="js/bootstrap.min.js"></script>
  455. <script type="text/javascript" src="js/jquery.ticker.js"></script>
  456. <script type="text/javascript" src="js/jquery.imagesloaded.min.js"></script>
  457. <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
  458. <script type="text/javascript" src="js/owl.carousel.min.js"></script>
  459. <script type="text/javascript" src="js/retina-1.1.0.min.js"></script>
  460. <script type="text/javascript" src="js/plugins-scroll.js"></script>
  461. <script type="text/javascript" src="js/script.js"></script>
  462. <script type="text/javascript">
  463. function scroll_to(id) {
  464. $('html,body').animate({
  465. scrollTop: $('#'+id).offset().top-120
  466. },'slow');
  467. }
  468. $('#btn-nav-previous').click(function(){
  469. $(".menu-inner-box").animate({scrollLeft: "-=150px"});
  470. });
  471. $('#btn-nav-next').click(function(){
  472. $(".menu-inner-box").animate({scrollLeft: "+=150px"});
  473. });
  474. /*setTimeout(function(){
  475. window.location.reload(1);
  476. }, 180000);*/
  477. @if($home->url != '')
  478. $('body.bg-adv').click(function() {
  479. document.location.href = '{{$home->url}}';
  480. })
  481. $('body>*').click(function(e) {
  482. e.stopPropagation()
  483. })
  484. @endif
  485. </script>
  486. </body>
  487. </html>