srizan/srizanlive
1
0
Fork 0
mirror of https://github.com/SrIzan10/srizanlive.git synced 2026-06-06 01:06:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

see if this works

Browse Source
This commit is contained in:
Izan Gil Cruz
2022-03-03 22:18:41 +01:00
parent fd5084c4b6
commit db511f8c12
85 changed files with 11683 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
index.html Normal file
View File

@@ -0,0 +1 @@

21
new/LICENSE Normal file
View File

@@ -0,0 +1,21 @@
MIT License
Copyright (c) 2022 SrIzan10
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

2
new/README.md Normal file
View File

@@ -0,0 +1,2 @@
# srizanlive
*EXPERIMENTAL* Sr Izan Live is a live streaming platform using the magic of RTMP!

442
new/categories.html Normal file
View File

@@ -0,0 +1,442 @@
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Game Warrior Template</title>
<meta charset="UTF-8">
<meta name="description" content="Game Warrior Template">
<meta name="keywords" content="warrior, game, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section">
<div class="container">
<!-- logo -->
<a class="site-logo" href="index.html">
<img src="img/logo.png" alt="">
</a>
<div class="user-panel">
<a href="#">Login</a> / <a href="#">Register</a>
</div>
<!-- responsive -->
<div class="nav-switch">
<i class="fa fa-bars"></i>
</div>
<!-- site menu -->
<nav class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Header section end -->
<!-- Latest news section -->
<div class="latest-news-section">
<div class="ln-title">Latest News</div>
<div class="news-ticker">
<div class="news-ticker-contant">
<div class="nt-item"><span class="new">new</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="strategy">strategy</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="racing">racing</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
</div>
</div>
</div>
<!-- Latest news section end -->
<!-- Page info section -->
<section class="page-info-section set-bg" data-setbg="img/page-top-bg/1.jpg">
<div class="pi-content">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-6 text-white">
<h2>Video Gallery</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque, at rutrum nulla dictum.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Page info section -->
<!-- Page section -->
<section class="page-section recent-game-page spad">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="row">
<div class="col-md-6">
<div class="recent-game-item">
<div class="rgi-thumb set-bg" data-setbg="img/recent-game/1.jpg">
<div class="cata new">racing</div>
</div>
<div class="rgi-content">
<h5>Suspendisse ut justo tem por, rutrum</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. </p>
<a href="#" class="comment">3 Comments</a>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="recent-game-item">
<div class="rgi-thumb set-bg" data-setbg="img/recent-game/2.jpg">
<div class="cata racing">racing</div>
</div>
<div class="rgi-content">
<h5>Susce pulvinar metus nulla, vel facilisis sem </h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. </p>
<a href="#" class="comment">3 Comments</a>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="recent-game-item">
<div class="rgi-thumb set-bg" data-setbg="img/recent-game/3.jpg">
<div class="cata adventure">Adventure</div>
</div>
<div class="rgi-content">
<h5>Susce pulvinar metus nulla, vel facilisis sem </h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. </p>
<a href="#" class="comment">3 Comments</a>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="recent-game-item">
<div class="rgi-thumb set-bg" data-setbg="img/recent-game/4.jpg">
<div class="cata new">racing</div>
</div>
<div class="rgi-content">
<h5>Suspendisse ut justo tem por, rutrum</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. </p>
<a href="#" class="comment">3 Comments</a>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="recent-game-item">
<div class="rgi-thumb set-bg" data-setbg="img/recent-game/5.jpg">
<div class="cata racing">racing</div>
</div>
<div class="rgi-content">
<h5>Susce pulvinar metus nulla, vel facilisis sem </h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. </p>
<a href="#" class="comment">3 Comments</a>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="recent-game-item">
<div class="rgi-thumb set-bg" data-setbg="img/recent-game/6.jpg">
<div class="cata adventure">Adventure</div>
</div>
<div class="rgi-content">
<h5>Susce pulvinar metus nulla, vel facilisis sem </h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. </p>
<a href="#" class="comment">3 Comments</a>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="recent-game-item">
<div class="rgi-thumb set-bg" data-setbg="img/recent-game/7.jpg">
<div class="cata new">racing</div>
</div>
<div class="rgi-content">
<h5>Suspendisse ut justo tem por, rutrum</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. </p>
<a href="#" class="comment">3 Comments</a>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="recent-game-item">
<div class="rgi-thumb set-bg" data-setbg="img/recent-game/8.jpg">
<div class="cata racing">racing</div>
</div>
<div class="rgi-content">
<h5>Susce pulvinar metus nulla, vel facilisis sem </h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. </p>
<a href="#" class="comment">3 Comments</a>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
</div>
</div>
</div>
<div class="site-pagination">
<span class="active">01.</span>
<a href="#">02.</a>
<a href="#">03.</a>
</div>
</div>
<!-- sidebar -->
<div class="col-lg-4 col-md-7 sidebar pt-5 pt-lg-0">
<!-- widget -->
<div class="widget-item">
<form class="search-widget">
<input type="text" placeholder="Search">
<button><i class="fa fa-search"></i></button>
</form>
</div>
<!-- widget -->
<div class="widget-item">
<h4 class="widget-title">Latest Posts</h4>
<div class="latest-blog">
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/1.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Ipsum dolor sit amet, consectetur adipisc ing consecips</p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/2.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Ipsum dolor sit amet, consectetur adipisc ing consecips</p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/3.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Ipsum dolor sit amet, consectetur adipisc ing consecips</p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
</div>
</div>
<!-- widget -->
<div class="widget-item">
<h4 class="widget-title">Top Comments</h4>
<div class="top-comment">
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem consec ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/2.jpg"></div>
<div class="tc-content">
<p><a href="#">Michael James</a> <span>on</span>Cras sit amet sapien aliquam</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/3.jpg"></div>
<div class="tc-content">
<p><a href="#">Justin More</a> <span>on</span> Lorem ipsum dolor consecsit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
</div>
</div>
<!-- widget -->
<div class="widget-item">
<div class="feature-item set-bg" data-setbg="img/features/1.jpg">
<span class="cata new">new</span>
<div class="fi-content text-white">
<h5><a href="#">Suspendisse ut justo tem por, rutrum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<a href="#" class="fi-comment">3 Comments</a>
</div>
</div>
</div>
<!-- widget -->
<div class="widget-item">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/1.jpg">
<div class="score yellow">9.3</div>
</div>
<div class="review-text">
<h5>Assasin’’s Creed</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Page section end -->
<!-- Footer top section -->
<section class="footer-top-section">
<div class="container">
<div class="footer-top-bg">
<img src="img/footer-top-bg.png" alt="">
</div>
<div class="row">
<div class="col-lg-4">
<div class="footer-logo text-white">
<img src="img/footer-logo.png" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget mb-5 mb-md-0">
<h4 class="fw-title">Latest Posts</h4>
<div class="latest-blog">
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/1.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/2.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/3.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget">
<h4 class="fw-title">Top Comments</h4>
<div class="top-comment">
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/2.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/3.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/4.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer top section end -->
<!-- Footer section -->
<footer class="footer-section">
<div class="container">
<ul class="footer-menu">
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<p class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</footer>
<!-- Footer section end -->
<!--====== Javascripts & Jquery ======-->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.marquee.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

309
new/community.html Normal file
View File

@@ -0,0 +1,309 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Game Warrior Template</title>
<meta charset="UTF-8">
<meta name="description" content="Game Warrior Template">
<meta name="keywords" content="warrior, game, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section">
<div class="container">
<!-- logo -->
<a class="site-logo" href="index.html">
<img src="img/logo.png" alt="">
</a>
<div class="user-panel">
<a href="#">Login</a> / <a href="#">Register</a>
</div>
<!-- responsive -->
<div class="nav-switch">
<i class="fa fa-bars"></i>
</div>
<!-- site menu -->
<nav class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Header section end -->
<!-- Latest news section -->
<div class="latest-news-section">
<div class="ln-title">Latest News</div>
<div class="news-ticker">
<div class="news-ticker-contant">
<div class="nt-item"><span class="new">new</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="strategy">strategy</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="racing">racing</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
</div>
</div>
</div>
<!-- Latest news section end -->
<!-- Page info section -->
<section class="page-info-section set-bg" data-setbg="img/page-top-bg/4.jpg">
<div class="pi-content">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-6 text-white">
<h2>Our Community</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque, at rutrum nulla dictum.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Page info section -->
<!-- Page section -->
<section class="page-section community-page set-bg" data-setbg="img/community-bg.jpg">
<div class="community-warp spad">
<div class="container">
<div class="row">
<div class="col-md-6">
<h3 class="community-top-title">All Members (344)</h3>
</div>
<div class="col-md-6 text-lg-right">
<form class="community-filter">
<label for="fdf5">Show</label>
<select id="fdf5">
<option value="#">Everything</option>
<option value="#">Everything</option>
</select>
</form>
</div>
</div>
<ul class="community-post-list">
<li>
<div class="community-post">
<div class="author-avator set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="post-content">
<h5>James Smith<span>posted an update</span></h5>
<div class="post-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, cdictum nisl onsectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.Donec venenatis at eros sit amet aliquam. Donec vel orci efficitur, dictum nisl vitae, scelerisque nibh. Curabitur eget ipsum pulvinar nunc gravida interdum. </p>
</div>
</div>
</li>
<li>
<div class="community-post">
<div class="author-avator set-bg" data-setbg="img/authors/8.jpg"></div>
<div class="post-content">
<h5>Partik Williams<span>posted an update</span></h5>
<div class="post-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, cdictum nisl onsectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.Donec venenatis at eros sit amet aliquam. Donec vel orci efficitur, dictum nisl vitae, scelerisque nibh. Curabitur eget ipsum pulvinar nunc gravida interdum. </p>
<div class="attachment-file">
<img src="img/attachment.jpg" alt="">
</div>
</div>
</div>
</li>
<li>
<div class="community-post">
<div class="author-avator set-bg" data-setbg="img/authors/5.jpg"></div>
<div class="post-content">
<h5>Cris The Man<span>posted an update</span></h5>
<div class="post-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, cdictum nisl onsectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.Donec venenatis at eros sit amet aliquam. Donec vel orci efficitur, dictum nisl vitae, scelerisque nibh. Curabitur eget ipsum pulvinar nunc gravida interdum. </p>
</div>
</div>
</li>
<li>
<div class="community-post">
<div class="author-avator set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="post-content">
<h5>James Smith<span>posted an update</span></h5>
<div class="post-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, cdictum nisl onsectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.Donec venenatis at eros sit amet aliquam. Donec vel orci efficitur, dictum nisl vitae, scelerisque nibh. Curabitur eget ipsum pulvinar nunc gravida interdum. </p>
</div>
</div>
</li>
<li>
<div class="community-post">
<div class="author-avator set-bg" data-setbg="img/authors/4.jpg"></div>
<div class="post-content">
<h5>Cris The Man<span>posted an update</span></h5>
<div class="post-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, cdictum nisl onsectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.Donec venenatis at eros sit amet aliquam. Donec vel orci efficitur, dictum nisl vitae, scelerisque nibh. Curabitur eget ipsum pulvinar nunc gravida interdum. </p>
</div>
</div>
</li>
<li>
<div class="community-post">
<div class="author-avator set-bg" data-setbg="img/authors/6.jpg"></div>
<div class="post-content">
<h5>James Smith<span>posted an update</span></h5>
<div class="post-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, cdictum nisl onsectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.Donec venenatis at eros sit amet aliquam. Donec vel orci efficitur, dictum nisl vitae, scelerisque nibh. Curabitur eget ipsum pulvinar nunc gravida interdum. </p>
</div>
</div>
</li>
<li>
<div class="community-post">
<div class="author-avator set-bg" data-setbg="img/authors/7.jpg"></div>
<div class="post-content">
<h5>Maria Doe<span>posted an update</span></h5>
<div class="post-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, cdictum nisl onsectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.Donec venenatis at eros sit amet aliquam. Donec vel orci efficitur, dictum nisl vitae, scelerisque nibh. Curabitur eget ipsum pulvinar nunc gravida interdum. </p>
</div>
</div>
</li>
</ul>
<div class="site-pagination sp-style-2">
<span class="active">01.</span>
<a href="#">02.</a>
<a href="#">03.</a>
</div>
</div>
</div>
</section>
<!-- Page section end -->
<!-- Footer top section -->
<section class="footer-top-section">
<div class="container">
<div class="footer-top-bg">
<img src="img/footer-top-bg.png" alt="">
</div>
<div class="row">
<div class="col-lg-4">
<div class="footer-logo text-white">
<img src="img/footer-logo.png" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget mb-5 mb-md-0">
<h4 class="fw-title">Latest Posts</h4>
<div class="latest-blog">
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/1.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/2.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/3.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget">
<h4 class="fw-title">Top Comments</h4>
<div class="top-comment">
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/2.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/3.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/4.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer top section end -->
<!-- Footer section -->
<footer class="footer-section">
<div class="container">
<ul class="footer-menu">
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<p class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</footer>
<!-- Footer section end -->
<!--====== Javascripts & Jquery ======-->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.marquee.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

263
new/contact.html Normal file
View File

@@ -0,0 +1,263 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Game Warrior Template</title>
<meta charset="UTF-8">
<meta name="description" content="Game Warrior Template">
<meta name="keywords" content="warrior, game, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section">
<div class="container">
<!-- logo -->
<a class="site-logo" href="index.html">
<img src="img/logo.png" alt="">
</a>
<div class="user-panel">
<a href="#">Login</a> / <a href="#">Register</a>
</div>
<!-- responsive -->
<div class="nav-switch">
<i class="fa fa-bars"></i>
</div>
<!-- site menu -->
<nav class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Header section end -->
<!-- Latest news section -->
<div class="latest-news-section">
<div class="ln-title">Latest News</div>
<div class="news-ticker">
<div class="news-ticker-contant">
<div class="nt-item"><span class="new">new</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="strategy">strategy</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="racing">racing</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
</div>
</div>
</div>
<!-- Latest news section end -->
<!-- Page info section -->
<section class="page-info-section set-bg" data-setbg="img/page-top-bg/5.jpg">
<div class="pi-content">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-6 text-white">
<h2>Contact us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque, at rutrum nulla dictum.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Page info section -->
<!-- Page section -->
<section class="page-section spad contact-page">
<div class="container">
<div class="map" id="map-canvas"></div>
<div class="row">
<div class="col-lg-4 mb-5 mb-lg-0">
<h4 class="comment-title">Contact us</h4>
<p>Odio ultrices ut. Etiam ac erat ut enim maximus accumsan vel ac nisl. Duis feug iat bibendum orci, non elementum urna. Cras sit amet sapien aliquam.</p>
<div class="row">
<div class="col-md-9">
<ul class="contact-info-list">
<li><div class="cf-left">Address</div><div class="cf-right">1481 Creekside Lane Avila Beach, CA 931</div></li>
<li><div class="cf-left">Phone</div><div class="cf-right">+53 345 7953 32453</div></li>
<li><div class="cf-left">E-mail</div><div class="cf-right">yourmail@gmail.com</div></li>
</ul>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fa fa-pinterest"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-dribbble"></i></a>
<a href="#"><i class="fa fa-behance"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</div>
<div class="col-lg-8">
<div class="contact-form-warp">
<h4 class="comment-title">Leave a Reply</h4>
<form class="comment-form">
<div class="row">
<div class="col-md-6">
<input type="text" placeholder="Name">
</div>
<div class="col-md-6">
<input type="email" placeholder="Email">
</div>
<div class="col-lg-12">
<input type="text" placeholder="Subject">
<textarea placeholder="Message"></textarea>
<button class="site-btn btn-sm">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Page section end -->
<!-- Footer top section -->
<section class="footer-top-section">
<div class="container">
<div class="footer-top-bg">
<img src="img/footer-top-bg.png" alt="">
</div>
<div class="row">
<div class="col-lg-4">
<div class="footer-logo text-white">
<img src="img/footer-logo.png" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget mb-5 mb-md-0">
<h4 class="fw-title">Latest Posts</h4>
<div class="latest-blog">
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/1.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/2.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/3.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget">
<h4 class="fw-title">Top Comments</h4>
<div class="top-comment">
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/2.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/3.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/4.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer top section end -->
<!-- Footer section -->
<footer class="footer-section">
<div class="container">
<ul class="footer-menu">
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<p class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</footer>
<!-- Footer section end -->
<!--====== Javascripts & Jquery ======-->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.marquee.min.js"></script>
<script src="js/main.js"></script>
<!-- load for map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCWTIlluowDL-X4HbYQt3aDw_oi2JP0Krc&sensor=false"></script>
<script src="js/map.js"></script>
</body>
</html>

3494
new/css/animate.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

7
new/css/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

4
new/css/font-awesome.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

170
new/css/owl.carousel.css Normal file
View File

@@ -0,0 +1,170 @@
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* 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;
-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;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.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 {
-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 .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.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%; }

1511
new/css/style.css Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
new/fonts/Futura.woff Normal file
View File

Binary file not shown.

BIN
new/fonts/Futura1.woff Normal file
View File

Binary file not shown.

BIN
new/fonts/WEB BASED RESULT PUBLICATION SYSTEM FOR EDUCATION BOARDS.pdf Normal file
View File

Binary file not shown.

BIN
new/icon-fonts/fontawesome-webfont.eot Normal file
View File

Binary file not shown.

2671
new/icon-fonts/fontawesome-webfont.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 434 KiB

BIN
new/icon-fonts/fontawesome-webfont.woff Normal file
View File

Binary file not shown.

BIN
new/icon-fonts/fontawesome-webfont.woff2 Normal file
View File

Binary file not shown.

BIN
new/img/attachment.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
new/img/authors/1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
new/img/authors/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
new/img/authors/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
new/img/authors/4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
new/img/authors/5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
new/img/authors/6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
new/img/authors/7.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
new/img/authors/8.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
new/img/community-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 673 KiB

BIN
new/img/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
new/img/features/1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

BIN
new/img/features/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
new/img/features/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
new/img/features/4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 47 KiB

BIN
new/img/footer-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
new/img/footer-top-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 KiB

BIN
new/img/icons/heart.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
new/img/icons/star.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
new/img/latest-blog/1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
new/img/latest-blog/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
new/img/latest-blog/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
new/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
new/img/page-top-bg/1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

BIN
new/img/page-top-bg/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
new/img/page-top-bg/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 KiB

BIN
new/img/page-top-bg/4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
new/img/page-top-bg/5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
new/img/pattern.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
new/img/recent-game-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 369 KiB

BIN
new/img/recent-game/1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
new/img/recent-game/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
new/img/recent-game/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
new/img/recent-game/4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
new/img/recent-game/5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
new/img/recent-game/6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
new/img/recent-game/7.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
new/img/recent-game/8.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
new/img/recent-game/big.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
new/img/review-bg-2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 252 KiB

BIN
new/img/review-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 536 KiB

BIN
new/img/review/1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
new/img/review/10.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB

BIN
new/img/review/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
new/img/review/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
new/img/review/4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
new/img/review/5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
new/img/review/6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
new/img/review/7.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
new/img/review/8.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
new/img/review/9.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
new/img/slider-1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 KiB

BIN
new/img/slider-2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

BIN
new/img/tournament/1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
new/img/tournament/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

0
new/img/tournament/3DLayer.obj Normal file
View File

432
new/index.html Normal file
View File

@@ -0,0 +1,432 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sr Izan LIVE</title>
<meta charset="UTF-8">
<meta name="description" content="Sr Izan LIVE">
<meta name="keywords" content="live, srizan">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section">
<div class="container">
<!-- logo -->
<a class="site-logo" href="index.html">
<img src="img/logo.png" alt="">
</a>
<div class="user-panel">
<a href="#">Login</a> / <a href="#">Register</a>
</div>
<!-- responsive -->
<div class="nav-switch">
<i class="fa fa-bars"></i>
</div>
<!-- site menu -->
<nav class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Platformx</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Header section end -->
<!-- Hero section -->
<section class="hero-section">
<div class="hero-slider owl-carousel">
<div class="hs-item set-bg" data-setbg="img/slider-1.jpg">
<div class="hs-text">
<div class="container">
<h2>The Best <span>Games</span> Out There</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada <br> lorem maximus mauris scelerisque, at rutrum nulla dictum. Ut ac ligula sapien. <br>Suspendisse cursus faucibus finibus.</p>
<a href="#" class="site-btn">Read More</a>
</div>
</div>
</div>
<div class="hs-item set-bg" data-setbg="img/slider-2.jpg">
<div class="hs-text">
<div class="container">
<h2>The Best <span>Games</span> Out There</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada <br> lorem maximus mauris scelerisque, at rutrum nulla dictum. Ut ac ligula sapien. <br>Suspendisse cursus faucibus finibus.</p>
<a href="#" class="site-btn">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!-- Hero section end -->
<!-- Latest news section -->
<div class="latest-news-section">
<div class="ln-title">Latest News</div>
<div class="news-ticker">
<div class="news-ticker-contant">
<div class="nt-item"><span class="new">new</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="strategy">strategy</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="racing">racing</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
</div>
</div>
</div>
<!-- Latest news section end -->
<!-- Feature section -->
<section class="feature-section spad">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 p-0">
<div class="feature-item set-bg" data-setbg="img/features/1.jpg">
<span class="cata new">new</span>
<div class="fi-content text-white">
<h5><a href="#">Suspendisse ut justo tem por, rutrum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<a href="#" class="fi-comment">3 Comments</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 p-0">
<div class="feature-item set-bg" data-setbg="img/features/2.jpg">
<span class="cata strategy">strategy</span>
<div class="fi-content text-white">
<h5><a href="#">Justo tempor, rutrum erat id, molestie</a></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<a href="#" class="fi-comment">3 Comments</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 p-0">
<div class="feature-item set-bg" data-setbg="img/features/3.jpg">
<span class="cata new">new</span>
<div class="fi-content text-white">
<h5><a href="#">Nullam lacinia ex eleifend orci porttitor</a></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<a href="#" class="fi-comment">3 Comments</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 p-0">
<div class="feature-item set-bg" data-setbg="img/features/4.jpg">
<span class="cata racing">racing</span>
<div class="fi-content text-white">
<h5><a href="#">Lacinia ex eleifend orci suscipit</a></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<a href="#" class="fi-comment">3 Comments</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Feature section end -->
<!-- Recent game section -->
<section class="recent-game-section spad set-bg" data-setbg="img/recent-game-bg.png">
<div class="container">
<div class="section-title">
<div class="cata new">new</div>
<h2>Recent Games</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="recent-game-item">
<div class="rgi-thumb set-bg" data-setbg="img/recent-game/1.jpg">
<div class="cata new">new</div>
</div>
<div class="rgi-content">
<h5>Suspendisse ut justo tem por, rutrum</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. </p>
<a href="#" class="comment">3 Comments</a>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="recent-game-item">
<div class="rgi-thumb set-bg" data-setbg="img/recent-game/2.jpg">
<div class="cata racing">racing</div>
</div>
<div class="rgi-content">
<h5>Susce pulvinar metus nulla, vel facilisis sem </h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. </p>
<a href="#" class="comment">3 Comments</a>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="recent-game-item">
<div class="rgi-thumb set-bg" data-setbg="img/recent-game/3.jpg">
<div class="cata adventure">Adventure</div>
</div>
<div class="rgi-content">
<h5>Suspendisse ut justo tem por, rutrum</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. </p>
<a href="#" class="comment">3 Comments</a>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Recent game section end -->
<!-- Tournaments section -->
<section class="tournaments-section spad">
<div class="container">
<div class="tournament-title">Tournaments</div>
<div class="row">
<div class="col-md-6">
<div class="tournament-item mb-4 mb-lg-0">
<div class="ti-notic">Premium Tournament</div>
<div class="ti-content">
<div class="ti-thumb set-bg" data-setbg="img/tournament/1.jpg"></div>
<div class="ti-text">
<h4>World Of WarCraft</h4>
<ul>
<li><span>Tournament Beggins:</span> June 20, 2018</li>
<li><span>Tounament Ends:</span> July 01, 2018</li>
<li><span>Participants:</span> 10 teams</li>
<li><span>Tournament Author:</span> Admin</li>
</ul>
<p><span>Prizes:</span> 1st place $2000, 2nd place: $1000, 3rd place: $500</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="tournament-item">
<div class="ti-notic">Premium Tournament</div>
<div class="ti-content">
<div class="ti-thumb set-bg" data-setbg="img/tournament/2.jpg"></div>
<div class="ti-text">
<h4>DOOM</h4>
<ul>
<li><span>Tournament Beggins:</span> June 20, 2018</li>
<li><span>Tounament Ends:</span> July 01, 2018</li>
<li><span>Participants:</span> 10 teams</li>
<li><span>Tournament Author:</span> Admin</li>
</ul>
<p><span>Prizes:</span> 1st place $2000, 2nd place: $1000, 3rd place: $500</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Tournaments section bg -->
<!-- Review section -->
<section class="review-section spad set-bg" data-setbg="img/review-bg.png">
<div class="container">
<div class="section-title">
<div class="cata new">new</div>
<h2>Recent Reviews</h2>
</div>
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/1.jpg">
<div class="score yellow">9.3</div>
</div>
<div class="review-text">
<h5>Assasin’’s Creed</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/2.jpg">
<div class="score purple">9.5</div>
</div>
<div class="review-text">
<h5>Doom</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/3.jpg">
<div class="score green">9.1</div>
</div>
<div class="review-text">
<h5>Overwatch</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/4.jpg">
<div class="score pink">9.7</div>
</div>
<div class="review-text">
<h5>GTA</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Review section end -->
<!-- Footer top section -->
<section class="footer-top-section">
<div class="container">
<div class="footer-top-bg">
<img src="img/footer-top-bg.png" alt="">
</div>
<div class="row">
<div class="col-lg-4">
<div class="footer-logo text-white">
<img src="img/footer-logo.png" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget mb-5 mb-md-0">
<h4 class="fw-title">Latest Posts</h4>
<div class="latest-blog">
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/1.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/2.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/3.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget">
<h4 class="fw-title">Top Comments</h4>
<div class="top-comment">
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/2.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/3.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/4.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer top section end -->
<!-- Footer section -->
<footer class="footer-section">
<div class="container">
<ul class="footer-menu">
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<p class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</footer>
<!-- Footer section end -->
<!--====== Javascripts & Jquery ======-->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.marquee.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

7
new/js/bootstrap.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

4
new/js/jquery-3.2.1.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

38
new/js/jquery.marquee.min.js vendored Normal file
View File

@@ -0,0 +1,38 @@
/**
* jQuery.marquee - scrolling text like old marquee element
* @author Aamir Afridi - aamirafridi(at)gmail(dot)com / http://aamirafridi.com/jquery/jquery-marquee-plugin
*/
(function($){$.fn.marquee=function(options){return this.each(function(){var o=$.extend({},$.fn.marquee.defaults,options),$this=$(this),$marqueeWrapper,containerWidth,animationCss,verticalDir,elWidth,loopCount=3,playState='animation-play-state',css3AnimationIsSupported=!1,_prefixedEvent=function(element,type,callback){var pfx=["webkit","moz","MS","o",""];for(var p=0;p<pfx.length;p++){if(!pfx[p])type=type.toLowerCase();element.addEventListener(pfx[p]+type,callback,!1)}},_objToString=function(obj){var tabjson=[];for(var p in obj){if(obj.hasOwnProperty(p)){tabjson.push(p+':'+obj[p])}}
tabjson.push();return'{'+tabjson.join(',')+'}'},_startAnimationWithDelay=function(){$this.timer=setTimeout(animate,o.delayBeforeStart)},methods={pause:function(){if(css3AnimationIsSupported&&o.allowCss3Support){$marqueeWrapper.css(playState,'paused')}else{if($.fn.pause){$marqueeWrapper.pause()}}
$this.data('runningStatus','paused');$this.trigger('paused')},resume:function(){if(css3AnimationIsSupported&&o.allowCss3Support){$marqueeWrapper.css(playState,'running')}else{if($.fn.resume){$marqueeWrapper.resume()}}
$this.data('runningStatus','resumed');$this.trigger('resumed')},toggle:function(){methods[$this.data('runningStatus')=='resumed'?'pause':'resume']()},destroy:function(){clearTimeout($this.timer);$this.find("*").addBack().off();$this.html($this.find('.js-marquee:first').html())}};if(typeof options==='string'){if($.isFunction(methods[options])){if(!$marqueeWrapper){$marqueeWrapper=$this.find('.js-marquee-wrapper')}
if($this.data('css3AnimationIsSupported')===!0){css3AnimationIsSupported=!0}
methods[options]()}
return}
var dataAttributes={},attr;$.each(o,function(key,value){attr=$this.attr('data-'+key);if(typeof attr!=='undefined'){switch(attr){case 'true':attr=!0;break;case 'false':attr=!1;break}
o[key]=attr}});if(o.speed){o.duration=parseInt($this.width(),10)/o.speed*1000}
verticalDir=o.direction=='up'||o.direction=='down';o.gap=o.duplicated?parseInt(o.gap):0;$this.wrapInner('<div class="js-marquee"></div>');var $el=$this.find('.js-marquee').css({'margin-right':o.gap,'float':'left'});if(o.duplicated){$el.clone(!0).appendTo($this)}
$this.wrapInner('<div style="width:100000px" class="js-marquee-wrapper"></div>');$marqueeWrapper=$this.find('.js-marquee-wrapper');if(verticalDir){var containerHeight=$this.height();$marqueeWrapper.removeAttr('style');$this.height(containerHeight);$this.find('.js-marquee').css({'float':'none','margin-bottom':o.gap,'margin-right':0});if(o.duplicated)$this.find('.js-marquee:last').css({'margin-bottom':0});var elHeight=$this.find('.js-marquee:first').height()+o.gap;if(o.startVisible&&!o.duplicated){o._completeDuration=((parseInt(elHeight,10)+parseInt(containerHeight,10))/parseInt(containerHeight,10))*o.duration;o.duration=(parseInt(elHeight,10)/parseInt(containerHeight,10))*o.duration}else{o.duration=((parseInt(elHeight,10)+parseInt(containerHeight,10))/parseInt(containerHeight,10))*o.duration}}else{elWidth=$this.find('.js-marquee:first').width()+o.gap;containerWidth=$this.width();if(o.startVisible&&!o.duplicated){o._completeDuration=((parseInt(elWidth,10)+parseInt(containerWidth,10))/parseInt(containerWidth,10))*o.duration;o.duration=(parseInt(elWidth,10)/parseInt(containerWidth,10))*o.duration}else{o.duration=((parseInt(elWidth,10)+parseInt(containerWidth,10))/parseInt(containerWidth,10))*o.duration}}
if(o.duplicated){o.duration=o.duration/2}
if(o.allowCss3Support){var
elm=document.body||document.createElement('div'),animationName='marqueeAnimation-'+Math.floor(Math.random()*10000000),domPrefixes='Webkit Moz O ms Khtml'.split(' '),animationString='animation',animationCss3Str='',keyframeString='';if(elm.style.animation!==undefined){keyframeString='@keyframes '+animationName+' ';css3AnimationIsSupported=!0}
if(css3AnimationIsSupported===!1){for(var i=0;i<domPrefixes.length;i++){if(elm.style[domPrefixes[i]+'AnimationName']!==undefined){var prefix='-'+domPrefixes[i].toLowerCase()+'-';animationString=prefix+animationString;playState=prefix+playState;keyframeString='@'+prefix+'keyframes '+animationName+' ';css3AnimationIsSupported=!0;break}}}
if(css3AnimationIsSupported){animationCss3Str=animationName+' '+o.duration/1000+'s '+o.delayBeforeStart/1000+'s infinite '+o.css3easing;$this.data('css3AnimationIsSupported',!0)}}
var _rePositionVertically=function(){$marqueeWrapper.css('transform','translateY('+(o.direction=='up'?containerHeight+'px':'-'+elHeight+'px')+')')},_rePositionHorizontally=function(){$marqueeWrapper.css('transform','translateX('+(o.direction=='left'?containerWidth+'px':'-'+elWidth+'px')+')')};if(o.duplicated){if(verticalDir){if(o.startVisible){$marqueeWrapper.css('transform','translateY(0)')}else{$marqueeWrapper.css('transform','translateY('+(o.direction=='up'?containerHeight+'px':'-'+((elHeight*2)-o.gap)+'px')+')')}}else{if(o.startVisible){$marqueeWrapper.css('transform','translateX(0)')}else{$marqueeWrapper.css('transform','translateX('+(o.direction=='left'?containerWidth+'px':'-'+((elWidth*2)-o.gap)+'px')+')')}}
if(!o.startVisible){loopCount=1}}else if(o.startVisible){loopCount=2}else{if(verticalDir){_rePositionVertically()}else{_rePositionHorizontally()}}
var animate=function(){if(o.duplicated){if(loopCount===1){o._originalDuration=o.duration;if(verticalDir){o.duration=o.direction=='up'?o.duration+(containerHeight/((elHeight)/o.duration)):o.duration*2}else{o.duration=o.direction=='left'?o.duration+(containerWidth/((elWidth)/o.duration)):o.duration*2}
if(animationCss3Str){animationCss3Str=animationName+' '+o.duration/1000+'s '+o.delayBeforeStart/1000+'s '+o.css3easing}
loopCount++}
else if(loopCount===2){o.duration=o._originalDuration;if(animationCss3Str){animationName=animationName+'0';keyframeString=$.trim(keyframeString)+'0 ';animationCss3Str=animationName+' '+o.duration/1000+'s 0s infinite '+o.css3easing}
loopCount++}}
if(verticalDir){if(o.duplicated){if(loopCount>2){$marqueeWrapper.css('transform','translateY('+(o.direction=='up'?0:'-'+elHeight+'px')+')')}
animationCss={'transform':'translateY('+(o.direction=='up'?'-'+elHeight+'px':0)+')'}}else if(o.startVisible){if(loopCount===2){if(animationCss3Str){animationCss3Str=animationName+' '+o.duration/1000+'s '+o.delayBeforeStart/1000+'s '+o.css3easing}
animationCss={'transform':'translateY('+(o.direction=='up'?'-'+elHeight+'px':containerHeight+'px')+')'};loopCount++}else if(loopCount===3){o.duration=o._completeDuration;if(animationCss3Str){animationName=animationName+'0';keyframeString=$.trim(keyframeString)+'0 ';animationCss3Str=animationName+' '+o.duration/1000+'s 0s infinite '+o.css3easing}
_rePositionVertically()}}else{_rePositionVertically();animationCss={'transform':'translateY('+(o.direction=='up'?'-'+($marqueeWrapper.height())+'px':containerHeight+'px')+')'}}}else{if(o.duplicated){if(loopCount>2){$marqueeWrapper.css('transform','translateX('+(o.direction=='left'?0:'-'+elWidth+'px')+')')}
animationCss={'transform':'translateX('+(o.direction=='left'?'-'+elWidth+'px':0)+')'}}else if(o.startVisible){if(loopCount===2){if(animationCss3Str){animationCss3Str=animationName+' '+o.duration/1000+'s '+o.delayBeforeStart/1000+'s '+o.css3easing}
animationCss={'transform':'translateX('+(o.direction=='left'?'-'+elWidth+'px':containerWidth+'px')+')'};loopCount++}else if(loopCount===3){o.duration=o._completeDuration;if(animationCss3Str){animationName=animationName+'0';keyframeString=$.trim(keyframeString)+'0 ';animationCss3Str=animationName+' '+o.duration/1000+'s 0s infinite '+o.css3easing}
_rePositionHorizontally()}}else{_rePositionHorizontally();animationCss={'transform':'translateX('+(o.direction=='left'?'-'+elWidth+'px':containerWidth+'px')+')'}}}
$this.trigger('beforeStarting');if(css3AnimationIsSupported){$marqueeWrapper.css(animationString,animationCss3Str);var keyframeCss=keyframeString+' { 100% '+_objToString(animationCss)+'}',$styles=$marqueeWrapper.find('style');if($styles.length!==0){$styles.filter(":last").html(keyframeCss)}else{$('head').append('<style>'+keyframeCss+'</style>')}
_prefixedEvent($marqueeWrapper[0],"AnimationIteration",function(){$this.trigger('finished')});_prefixedEvent($marqueeWrapper[0],"AnimationEnd",function(){animate();$this.trigger('finished')})}else{$marqueeWrapper.animate(animationCss,o.duration,o.easing,function(){$this.trigger('finished');if(o.pauseOnCycle){_startAnimationWithDelay()}else{animate()}})}
$this.data('runningStatus','resumed')};$this.on('pause',methods.pause);$this.on('resume',methods.resume);if(o.pauseOnHover){$this.on('mouseenter',methods.pause);$this.on('mouseleave',methods.resume)}
if(css3AnimationIsSupported&&o.allowCss3Support){animate()}else{_startAnimationWithDelay()}})};$.fn.marquee.defaults={allowCss3Support:!0,css3easing:'linear',easing:'linear',delayBeforeStart:1000,direction:'left',duplicated:!1,duration:5000,speed:0,gap:20,pauseOnCycle:!1,pauseOnHover:!1,startVisible:!1}})(jQuery)

80
new/js/main.js Normal file
View File

@@ -0,0 +1,80 @@
/* =================================
------------------------------------
Game Warrior Template
Version: 1.0
------------------------------------
====================================*/
'use strict';
$(window).on('load', function() {
/*------------------
Preloder
--------------------*/
$(".loader").fadeOut();
$("#preloder").delay(400).fadeOut("slow");
});
(function($) {
/*------------------
Navigation
--------------------*/
$('.nav-switch').on('click', function(event) {
$('.main-menu').slideToggle(400);
event.preventDefault();
});
/*------------------
Background Set
--------------------*/
$('.set-bg').each(function() {
var bg = $(this).data('setbg');
$(this).css('background-image', 'url(' + bg + ')');
});
/*------------------
Hero Slider
--------------------*/
$('.hero-slider').owlCarousel({
loop: true,
nav: false,
dots: true,
mouseDrag: false,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
items: 1,
autoplay: true
});
var dot = $('.hero-slider .owl-dot');
dot.each(function() {
var index = $(this).index() + 1;
if(index < 10){
$(this).html('0').append(index);
$(this).append('<span>.</span>');
}else{
$(this).html(index);
$(this).append('<span>.</span>');
}
});
/*------------------
News Ticker
--------------------*/
$('.news-ticker').marquee({
duration: 10000,
//gap in pixels between the tickers
//gap: 200,
delayBeforeStart: 0,
direction: 'left',
duplicated: true
});
})(jQuery);

20
new/js/map.js Normal file
View File

@@ -0,0 +1,20 @@
function initialize() {
var myOptions = {
zoom: 16,
center: new google.maps.LatLng(51.489500, -0.096777), //change the coordinates
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false,
mapTypeControl: false,
zoomControl: false,
streetViewControl: false,
}
var map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
var marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(51.489500, -0.096777) //change the coordinates
});
google.maps.event.addListener(marker, "click", function() {
infowindow.open(map, marker);
});
}
google.maps.event.addDomListener(window, 'load', initialize);

7
new/js/owl.carousel.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

384
new/review.html Normal file
View File

@@ -0,0 +1,384 @@
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Game Warrior Template</title>
<meta charset="UTF-8">
<meta name="description" content="Game Warrior Template">
<meta name="keywords" content="warrior, game, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section">
<div class="container">
<!-- logo -->
<a class="site-logo" href="index.html">
<img src="img/logo.png" alt="">
</a>
<div class="user-panel">
<a href="#">Login</a> / <a href="#">Register</a>
</div>
<!-- responsive -->
<div class="nav-switch">
<i class="fa fa-bars"></i>
</div>
<!-- site menu -->
<nav class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Header section end -->
<!-- Latest news section -->
<div class="latest-news-section">
<div class="ln-title">Latest News</div>
<div class="news-ticker">
<div class="news-ticker-contant">
<div class="nt-item"><span class="new">new</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="strategy">strategy</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="racing">racing</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
</div>
</div>
</div>
<!-- Latest news section end -->
<!-- Page info section -->
<section class="page-info-section set-bg" data-setbg="img/page-top-bg/3.jpg">
<div class="pi-content">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-6 text-white">
<h2>Game reviews</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque, at rutrum nulla dictum.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Page info section -->
<!-- Page section -->
<section class="page-section review-page spad">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/5.jpg">
<div class="score yellow">9.3</div>
</div>
<div class="review-text">
<h4>Overwatch Halloween</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star is-fade"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/6.jpg">
<div class="score yellow">9.3</div>
</div>
<div class="review-text">
<h4>Grand Theft Auto</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star is-fade"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/7.jpg">
<div class="score yellow">9.3</div>
</div>
<div class="review-text">
<h4>Avatar</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star is-fade"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/8.jpg">
<div class="score yellow">9.3</div>
</div>
<div class="review-text">
<h4>Anthem</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star is-fade"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/9.jpg">
<div class="score yellow">9.3</div>
</div>
<div class="review-text">
<h4>Cyberpunk 2077</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star is-fade"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/10.jpg">
<div class="score yellow">9.3</div>
</div>
<div class="review-text">
<h4>Spiderman</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star is-fade"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
</div>
<div class="text-center pt-4">
<button class="site-btn btn-sm">Load More</button>
</div>
</div>
</section>
<!-- Page section end -->
<!-- Review section -->
<section class="review-section review-dark spad set-bg" data-setbg="img/review-bg-2.jpg">
<div class="container">
<div class="section-title text-white">
<div class="cata new">new</div>
<h2>Recent Reviews</h2>
</div>
<div class="row text-white">
<div class="col-lg-3 col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/1.jpg">
<div class="score yellow">9.3</div>
</div>
<div class="review-text">
<h5>Assasin’’s Creed</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/2.jpg">
<div class="score purple">9.5</div>
</div>
<div class="review-text">
<h5>Doom</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/3.jpg">
<div class="score green">9.1</div>
</div>
<div class="review-text">
<h5>Overwatch</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/4.jpg">
<div class="score pink">9.7</div>
</div>
<div class="review-text">
<h5>GTA</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Review section end -->
<!-- Footer top section -->
<section class="footer-top-section">
<div class="container">
<div class="footer-top-bg">
<img src="img/footer-top-bg.png" alt="">
</div>
<div class="row">
<div class="col-lg-4">
<div class="footer-logo text-white">
<img src="img/footer-logo.png" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget mb-5 mb-md-0">
<h4 class="fw-title">Latest Posts</h4>
<div class="latest-blog">
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/1.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/2.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/3.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget">
<h4 class="fw-title">Top Comments</h4>
<div class="top-comment">
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/2.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/3.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/4.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer top section end -->
<!-- Footer section -->
<footer class="footer-section">
<div class="container">
<ul class="footer-menu">
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<p class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</footer>
<!-- Footer section end -->
<!--====== Javascripts & Jquery ======-->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.marquee.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

1453
new/sass/style.scss Normal file
View File

File diff suppressed because it is too large Load Diff

363
new/single-blog.html Normal file
View File

@@ -0,0 +1,363 @@
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Game Warrior Template</title>
<meta charset="UTF-8">
<meta name="description" content="Game Warrior Template">
<meta name="keywords" content="warrior, game, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section">
<div class="container">
<!-- logo -->
<a class="site-logo" href="index.html">
<img src="img/logo.png" alt="">
</a>
<div class="user-panel">
<a href="#">Login</a> / <a href="#">Register</a>
</div>
<!-- responsive -->
<div class="nav-switch">
<i class="fa fa-bars"></i>
</div>
<!-- site menu -->
<nav class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Header section end -->
<!-- Latest news section -->
<div class="latest-news-section">
<div class="ln-title">Latest News</div>
<div class="news-ticker">
<div class="news-ticker-contant">
<div class="nt-item"><span class="new">new</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="strategy">strategy</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
<div class="nt-item"><span class="racing">racing</span>Isum dolor sit amet, consectetur adipiscing elit. </div>
</div>
</div>
</div>
<!-- Latest news section end -->
<!-- Page info section -->
<section class="page-info-section set-bg" data-setbg="img/page-top-bg/2.jpg">
<div class="pi-content">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-6 text-white">
<h2>Genji - The Game</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris scelerisque, at rutrum nulla dictum.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Page info section -->
<!-- Page section -->
<section class="page-section single-blog-page spad">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="blog-thumb set-bg" data-setbg="img/recent-game/big.jpg">
<div class="cata new">new</div>
<div class="rgi-extra">
<div class="rgi-star"><img src="img/icons/star.png" alt=""></div>
<div class="rgi-heart"><img src="img/icons/heart.png" alt=""></div>
</div>
</div>
<div class="blog-content">
<h3>Genji: Suspendisse ut justo tem porrutrum</h3>
<a href="" class="meta-comment">3 comment</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit amet, consectetur elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pellentesque id nibh ac congue. Nullam dignissim egestas velit eget tempor. Morbi nec dolor neque. Maecenas quis tincidunt turpis. Cras ultricies pulvinar odio, sit amet lobortis lorem consectetur at. Vivamus risus erat, eleifend a nunc non, lacinia ultrices ante. Suspendisse a lacus at metus convallis maximus. Vivamus fringilla ipsum dolor. Cras pellentesque turpis id lacus condimentum condimentum. Sed tincidunt velit et urna eleifend imperdiet. Quisque euismod nibh at urna pellentesque, sit amet bibendum nibh fringilla. Sed dignissim varius blandit.</p>
<p>Donec venenatis at eros sit amet aliquam. Donec vel orci efficitur, dictum nisl vitae, scelerisque nibh. Curabitur eget ipsum pulvinar nunc gravida interdum. Aenean lectus felis, rutrum non quam eu, accumsan semper ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut accumsan, mauris nec venenatis gravida, lacus est gravida augue, eu egestas lorem nisi nec nibh. Mauris luctus porttitor elit, ac efficitur nulla consectetur a. Pellentesque scelerisque pulvinar magna sit amet auctor. Fusce tincidunt convallis elit ante, nec ullamcorper ante rhoncus mollis. </p>
</div>
<div class="comment-warp">
<h4 class="comment-title">Top Coments</h4>
<ul class="comment-list">
<li>
<div class="comment">
<div class="comment-avator set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="comment-content">
<h5>James Smith <span>June 21, 2018</span></h5>
<p>Donec venenatis at eros sit amet aliquam. Donec vel orci efficitur, dictum nisl vitae, scelerisque nibh. Curabitur eget ipsum pulvinar nunc gravida interdum. </p>
<a href="" class="reply">Reply</a>
</div>
</div>
</li>
<li>
<div class="comment">
<div class="comment-avator set-bg" data-setbg="img/authors/2.jpg"></div>
<div class="comment-content">
<h5>James Smith <span>June 21, 2018</span></h5>
<p>Donec venenatis at eros sit amet aliquam. Donec vel orci efficitur, dictum nisl vitae, scelerisque nibh. Curabitur eget ipsum pulvinar nunc gravida interdum. </p>
<a href="" class="reply">Reply</a>
</div>
</div>
</li>
</ul>
</div>
<div class="comment-form-warp">
<h4 class="comment-title">Leave Your Comment</h4>
<form class="comment-form">
<div class="row">
<div class="col-md-6">
<input type="text" placeholder="Name">
</div>
<div class="col-md-6">
<input type="email" placeholder="Email">
</div>
<div class="col-lg-12">
<input type="text" placeholder="Subject">
<textarea placeholder="Message"></textarea>
<button class="site-btn btn-sm">Send</button>
</div>
</div>
</form>
</div>
</div>
<!-- sidebar -->
<div class="col-lg-4 col-md-7 sidebar pt-5 pt-lg-0">
<!-- widget -->
<div class="widget-item">
<form class="search-widget">
<input type="text" placeholder="Search">
<button><i class="fa fa-search"></i></button>
</form>
</div>
<!-- widget -->
<div class="widget-item">
<h4 class="widget-title">Latest Posts</h4>
<div class="latest-blog">
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/1.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Ipsum dolor sit amet, consectetur adipisc ing consecips</p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/2.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Ipsum dolor sit amet, consectetur adipisc ing consecips</p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/3.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Ipsum dolor sit amet, consectetur adipisc ing consecips</p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
</div>
</div>
<!-- widget -->
<div class="widget-item">
<h4 class="widget-title">Top Comments</h4>
<div class="top-comment">
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem consec ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/2.jpg"></div>
<div class="tc-content">
<p><a href="#">Michael James</a> <span>on</span>Cras sit amet sapien aliquam</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/3.jpg"></div>
<div class="tc-content">
<p><a href="#">Justin More</a> <span>on</span> Lorem ipsum dolor consecsit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
</div>
</div>
<!-- widget -->
<div class="widget-item">
<div class="feature-item set-bg" data-setbg="img/features/1.jpg">
<span class="cata new">new</span>
<div class="fi-content text-white">
<h5><a href="#">Suspendisse ut justo tem por, rutrum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<a href="#" class="fi-comment">3 Comments</a>
</div>
</div>
</div>
<!-- widget -->
<div class="widget-item">
<div class="review-item">
<div class="review-cover set-bg" data-setbg="img/review/1.jpg">
<div class="score yellow">9.3</div>
</div>
<div class="review-text">
<h5>Assasin’’s Creed</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Page section end -->
<!-- Footer top section -->
<section class="footer-top-section">
<div class="container">
<div class="footer-top-bg">
<img src="img/footer-top-bg.png" alt="">
</div>
<div class="row">
<div class="col-lg-4">
<div class="footer-logo text-white">
<img src="img/footer-logo.png" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum dolor sit ame.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget mb-5 mb-md-0">
<h4 class="fw-title">Latest Posts</h4>
<div class="latest-blog">
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/1.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/2.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
<div class="lb-item">
<div class="lb-thumb set-bg" data-setbg="img/latest-blog/3.jpg"></div>
<div class="lb-content">
<div class="lb-date">June 21, 2018</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing ipsum </p>
<a href="#" class="lb-author">By Admin</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="footer-widget">
<h4 class="fw-title">Top Comments</h4>
<div class="top-comment">
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/1.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/2.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/3.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
<div class="tc-item">
<div class="tc-thumb set-bg" data-setbg="img/authors/4.jpg"></div>
<div class="tc-content">
<p><a href="#">James Smith</a> <span>on</span> Lorem ipsum dolor sit amet, co</p>
<div class="tc-date">June 21, 2018</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer top section end -->
<!-- Footer section -->
<footer class="footer-section">
<div class="container">
<ul class="footer-menu">
<li><a href="index.html">Home</a></li>
<li><a href="review.html">Games</a></li>
<li><a href="categories.html">Blog</a></li>
<li><a href="community.html">Forums</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<p class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</footer>
<!-- Footer section end -->
<!--====== Javascripts & Jquery ======-->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.marquee.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

0
u/srizan.html Normal file
View File