168 lines
8.1 KiB
HTML
168 lines
8.1 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 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> |