210 lines
11 KiB
HTML
210 lines
11 KiB
HTML
<!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> |