<!--
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------
█▀▀▄ █▀▀█ ▀▀█▀▀ █░░█ ░▀░ █▀▀▄ █▀▀▀   █░░█ █▀▀ █▀▀█ █▀▀ -  █▀▀ █▀▀█ █▀▀█ █▀▄▀█   ░░▀ █▀▀█ █▀▀█ █▀▀█ -----------
█░░█ █░░█ ░░█░░ █▀▀█ ▀█▀ █░░█ █░▀█   █▀▀█ █▀▀ █▄▄▀ █▀▀ -  █▀▀ █▄▄▀ █░░█ █░▀░█   ░░█ █░░█ █░░█ ░░▀▄ -----------
▀░░▀ ▀▀▀▀ ░░▀░░ ▀░░▀ ▀▀▀ ▀░░▀ ▀▀▀▀   ▀░░▀ ▀▀▀ ▀░▀▀ ▀▀▀ -  ▀░░ ▀░▀▀ ▀▀▀▀ ▀░░░▀   █▄█ ▀▀▀▀ █▀▀▀ █▄▄█ -----------
--------------------------------------------------------------------------------------------------------------
                                         ---------------------------------------------------------------------
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ ---------------------------------------------------------------------
░░░░░░░▄▄▀▀▀▀▀▀▀▀▀▀▄▄█▄░░░░▄░░░░█░░░░░░░ ---------------------------------------------------------------------
░░░░░░█▀░░░░░░░░░░░░░▀▀█▄░░░▀░░░░░░░░░▄░ ---------------------------------------------------------------------
░░░░▄▀░░░░░░░░░░░░░░░░░▀██░░░▄▀▀▀▄▄░░▀░░ ---------------------------------------------------------------------
░░▄█▀▄█▀▀▀▀▄░░░░░░▄▀▀█▄░▀█▄░░█▄░░░▀█░░░░ ---------------------------------------------------------------------
░▄█░▄▀░░▄▄▄░█░░░▄▀▄█▄░▀█░░█▄░░▀█░░░░█░░░ ---------------------------------------------------------------------
▄█░░█░░░▀▀▀░█░░▄█░▀▀▀░░█░░░█▄░░█░░░░█░░░ ---------------------------------------------------------------------
██░░░▀▄░░░▄█▀░░░▀▄▄▄▄▄█▀░░░▀█░░█▄░░░█░░░ ---------------------------------------------------------------------
██░░░░░▀▀▀░░░░░░░░░░░░░░░░░░█░▄█░░░░█░░░ ---------------------------------------------------------------------
██░░░░░░░░░░░░░░░░░░░░░█░░░░██▀░░░░█▄░░░ ---------------------------------------------------------------------
██░░░░░░░░░░░░░░░░░░░░░█░░░░█░░░░░░░▀▀█▄ ---------------------------------------------------------------------
██░░░░░░░░░░░░░░░░░░░░█░░░░░█░░░░░░░▄▄██ Aftermath Esports Discord Server: https://discord.gg/yrhd2U----------
░██░░░░░░░░░░░░░░░░░░▄▀░░░░░█░░░░░░░▀▀█▄ Why?: Why not. ------------------------------------------------------
░▀█░░░░░░█░░░░░░░░░▄█▀░░░░░░█░░░░░░░▄▄██ Aftermath Esports Instagram: https://instagram.com/aftermath_esports/
░▄██▄░░░░░▀▀▀▄▄▄▄▀▀░░░░░░░░░█░░░░░░░▀▀█▄ Design: JOP3s brains ------------------------------------------------
░░▀▀▀▀░░░░░░░░░░░░░░░░░░░░░░█▄▄▄▄▄▄▄▄▄██ Programmer: JOP3 ----------------------------------------------------
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ Copyright Aftermath Esports 2019 ------------------------------------
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Aftermath Esports | Play. Win. Repeat.</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="esport, esports game, esporting, csgo team, amateur csgo, aftermath, aftermath esport, free skins, xelectro league, rogue energy" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="https://maailmanmatkaaja.neocities.org/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://maailmanmatkaaja.neocities.org/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="https://maailmanmatkaaja.neocities.org/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="https://maailmanmatkaaja.neocities.org/move-top.js"></script>
<script type="text/javascript" src="https://maailmanmatkaaja.neocities.org/easing.js"></script>
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
</script>
<!----webfonts--->
<link href='http://fonts.googleapis.com/css?family=Raleway:200,400,300,600,500,900,700,100,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
<!---//webfonts--->
<!------ light-box-script ----->
<script src="https://maailmanmatkaaja.neocities.org/jquery.chocolat.js"></script>
<link rel="stylesheet" href="https://maailmanmatkaaja.neocities.org/chocolat.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" charset="utf-8">
	$(function() {
		$('.about-grid a').Chocolat({linkImages:false});
	});
</script>
<!------ light-box-script ----->
</head>
<body>	
	<!-- container -->
		<!-- header -->
		<div id="home" class="header">
			<div class="container">
				<!-- -->
				<div class="nav-icon">
					 <a href="#" class="right_bt" id="activator"><span> </span> </a>
				</div>
				 <div class="box" id="box">
					 <div class="box_content">        					                         
						<div class="box_content_center">
						 	<div class="form_content">
								<div class="menu_box_list">
									<ul>
										<li><a class="scroll" href="#home">home</a></li>
										<li><a class="scroll" href="#about">About</a></li>
										<li><a class="scroll" href="#services">Services</a></li>
										<li><a class="scroll" href="#port">portfolio</a></li>
										<li><a class="scroll" href="#blog">Blog</a></li>
										<li><a class="scroll" href="#contact">Contact</a></li>
										<div class="clear"> </div>
									</ul>
								</div>
								<a class="boxclose" id="boxclose"> <span> </span></a>
							</div>                                  
						</div> 	
					</div> 
				</div>    
				<!-- script-for-box -->
				 <script type="text/javascript">
					var $ = jQuery.noConflict();
						$(function() {
							$('#activator').click(function(){
								$('#box').animate({'top':'0px'},500);
							});
							$('#boxclose').click(function(){
							$('#box').animate({'top':'-700px'},500);
							});
						});
						$(document).ready(function(){
						//Hide (Collapse) the toggle containers on load
						$(".toggle_container").hide(); 
						//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
						$(".trigger").click(function(){
							$(this).toggleClass("active").next().slideToggle("slow");
								return false; //Prevent the browser jump to the link anchor
						});
											
					});
				</script>
				<!-- script-for-box -->
				<!----->
				<!-- banner-info -->
				<div class="banner-info text-center">
					<img src="https://cdn.discordapp.com/attachments/559426718612324374/566356379129085991/20190412_231749.png" class="img-responsive" alt=""/>
				<!--	<h1>Aftermath Esports</h1> -->
				  <p>           </p>
					<p>Finnish csgo team - we always do our best</p>
					<p>           </p>
					<ul>
						<li><a href="https://discord.gg/yrhd2U">Discord</a></li>
						<li><a href="https://instagram.com/aftermath_esports/">Instagram</a></li>
					</ul>
				</div>
				<!-- banner-info -->
			</div>
		</div>
		<!-- /header -->
		<!-- about -->
		<div id="about" class="about">
			<div class="container">
				<!-- head-section -->
				<div class="head-section text-center">
					<h2>Aftermath Esports</h2>
					<span></span>
				</div>
				<!-- head-section -->
				<!-- about-grids -->
				<div class="about-grids">
					<div class="col-md-6 about-left-grid">
						<h3>What is our team?</h3>
						<span>aftermath esports</span>
						<p>We have just started a csgo e-sports organization. we hope in future scrimi queries from other teams and nice game moments. We're ready to join different tournaments. Sponsors are also very welcome. (if you want). We only do this because we like e-sports and do not seek financial benefits. - Aftermath</p>
						<p>We are always ready for any kind of cooperation with other teams. We are also open to new challenges.</p>
					</div>
					<div class="col-md-6 about-right-grid">
						<a class="popup-with-zoom-anim" href="#small-dialog"><img src="https://cdn.discordapp.com/attachments/559426718612324374/566375662701641738/20190413_003420.jpg" title="name" /></a>
					</div>
				</div>
				<!--<center><h2>Players</h2></center>-->
				<!-- about-grids -->
			</div>
		</div>
		<!-- about -->
		<!---pop-up-box---->
				<script type="text/javascript" src="https://maailmanmatkaaja.neocities.org/modernizr.custom.min.js"></script>    
				<link href="https://maailmanmatkaaja.neocities.org/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
				<script src="https://maailmanmatkaaja.neocities.org/jquery.magnific-popup.js" type="text/javascript"></script>
				<!---//pop-up-box---->
				<div id="small-dialog" class="mfp-hide">
					<iframe src="https://player.vimeo.com/video/330124162"> </iframe>
					<center><h4>From: JOP3 - Uploaded: 13.4.2019</h4></center>
				</div>
				 <script>
						$(document).ready(function() {
						$('.popup-with-zoom-anim').magnificPopup({
							type: 'inline',
							fixedContentPos: false,
							fixedBgPos: true,
							overflowY: 'auto',
							closeBtnInside: true,
							preloader: false,
							midClick: true,
							removalDelay: 300,
							mainClass: 'my-mfp-zoom-in'
						});
																						
						});
				</script>								  
			<!----//fea-video---->
		<!-- services -->

		<!-- services -->
		<!-- portfolio -->
		<!--
		<div id="port" class="portfolio">
			<div class="container">
				<!-- head-section -->
				<!--
				<div class="head-section text-center">
					<h2>Portfolio</h2>
					<span></span>
				</div>
				<!-- /head-section -->
				<!-- portfolio-grids -->
				<!--
				<div class="portfolio-grids">
					<div class="portfolio-grid about-grid">
						<a href="https://maailmanmatkaaja.neocities.org/port-pic.jpg" title="name" rel="title2">
						    <div class="view view-first">
                              <img src="https://maailmanmatkaaja.neocities.org/port-pic.jpg" class="img-responsive" alt=""/>
                              <div class="mask">
                                <div class="info"><img src="https://maailmanmatkaaja.neocities.org/hover-icon.png" alt=""/></div>
                                <h3>Product Design</h3>
                                <p>"LimeLight"</p>
		                      </div>
                            </a> </div>
                    </div>
					<div class="portfolio-grid about-grid">
						<a href="https://maailmanmatkaaja.neocities.org/port-pic1.jpg" title="name" rel="title2">
						    <div class="view view-first">
                              <img src="https://maailmanmatkaaja.neocities.org/port-pic1.jpg" class="img-responsive" alt=""/>
                              <div class="mask">
                                <div class="info"><img src="https://maailmanmatkaaja.neocities.org/hover-icon.png" alt=""/></div>
                                <h3>Product Design</h3>
                                <p>"LimeLight"</p>
		                      </div>
                            </a> </div>
                    </div>
					<div class="portfolio-grid about-grid">
						<a href="https://maailmanmatkaaja.neocities.org/port-pic2.jpg" title="name" rel="title2">
						    <div class="view view-first">
                              <img src="https://maailmanmatkaaja.neocities.org/port-pic2.jpg" class="img-responsive" alt=""/>
                              <div class="mask">
                                <div class="info"><img src="https://maailmanmatkaaja.neocities.org/hover-icon.png" alt=""/></div>
                                <h3>Product Design</h3>
                                <p>"LimeLight"</p>
		                      </div>
                            </a> </div>
                    </div>
					<div class="portfolio-grid about-grid">
						<a href="https://maailmanmatkaaja.neocities.org/port-pic3.jpg" title="name" rel="title2">
						    <div class="view view-first">
                              <img src="https://maailmanmatkaaja.neocities.org/port-pic3.jpg" class="img-responsive" alt=""/>
                              <div class="mask">
                                <div class="info"><img src="https://maailmanmatkaaja.neocities.org/hover-icon.png" alt=""/></div>
                                <h3>Product Design</h3>
                                <p>"LimeLight"</p>
		                      </div>
                            </a> </div>
                    </div>
					<div class="portfolio-grid about-grid">
						<a href="https://maailmanmatkaaja.neocities.org/port-pic5.jpg" title="name" rel="title2">
						    <div class="view view-first">
                              <img src="https://maailmanmatkaaja.neocities.org/port-pic5.jpg" class="img-responsive" alt=""/>
                              <div class="mask">
                                <div class="info"><img src="https://maailmanmatkaaja.neocities.org/hover-icon.png" alt=""/></div>
                                <h3>Product Design</h3>
                                <p>"LimeLight"</p>
		                      </div>
                            </a> </div>
                            <!--
                    </div>
					<div class="portfolio-grid about-grid">
						<a href="https://maailmanmatkaaja.neocities.org/port-pic6.jpg" title="name" rel="title2">
						    <div class="view view-first">
                              <img src="https://maailmanmatkaaja.neocities.org/port-pic6.jpg" class="img-responsive" alt=""/>
                              <div class="mask">
                                <div class="info"><img src="https://maailmanmatkaaja.neocities.org/hover-icon.png" alt=""/></div>
                                <h3>Product Design</h3>
                                <p>"LimeLight"</p>
		                      </div>
                            </a> </div>
                    </div>
					<div class="portfolio-grid about-grid">
						<a href="https://maailmanmatkaaja.neocities.org/port-pic7.jpg" title="name" rel="title2">
						    <div class="view view-first">
                              <img src="https://maailmanmatkaaja.neocities.org/port-pic7.jpg" class="img-responsive" alt=""/>
                              <div class="mask">
                                <div class="info"><img src="https://maailmanmatkaaja.neocities.org/hover-icon.png" alt=""/></div>
                                <h3>Product Design</h3>
                                <p>"LimeLight"</p>
		                      </div>
                            </a> </div>
                    </div>
					<div class="portfolio-grid about-grid">
						<a href="https://maailmanmatkaaja.neocities.org/port-pic1.jpg" title="name" rel="title2">
						    <div class="view view-first">
                              <img src="https://maailmanmatkaaja.neocities.org/port-pic1.jpg" class="img-responsive" alt=""/>
                              <div class="mask">
                                <div class="info"><img src="https://maailmanmatkaaja.neocities.org/hover-icon.png" alt=""/></div>
                                <h3>Product Design</h3>
                                <p>"LimeLight"</p>
		                      </div>
                            </a> </div>
                    </div>
				</div>
				<!-- portfolio-grids -->
				<!--
			</div>
		</div>
		<!-- /portfolio -->
		<!-- blog -->
		<!--
		<div id="blog" class="blog">
			<div class="container">
				<!-- head-section -->
			<!--
				<div class="head-section text-center">
					<h2>My Blog</h2>
					<span> </span>
				</div>
				<!-- /head-section -->
				<!-- blog-articals -->
				<!--
				<div class="blog-articals">
					<div class="blog-artical">
						<div class="blog-artical-pic">
							<a href="single.html"><img src="https://maailmanmatkaaja.neocities.org/blog-post.jpg" title="name" /></a>
						</div>
						<div class="blog-artical-info">
							<h3><a href="#">Design Trend 2014</a></h3>
							<span>Bruno mars | <a href="#">13 comments</a></span>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreetadipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.dolor in hendrerit in vulputate velit.</p>
							<a class="more-btn" href="#">See More</a>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="blog-artical">
						<div class="blog-artical-pic">
							<a href="single.html"><img src="https://maailmanmatkaaja.neocities.org/blog-post1.jpg" title="name" /></a>
						</div>
						<div class="blog-artical-info">
							<h3><a href="#">Design Trend 2014</a></h3>
							<span>Bruno mars | <a href="#">13 comments</a></span>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>
							<a class="more-btn" href="#">See More</a>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="blog-artical">
						<div class="blog-artical-pic">
							<a href="single.html"><img src="https://maailmanmatkaaja.neocities.org/blog-post3.jpg" title="name" /></a>
						</div>
						<div class="blog-artical-info">
							<h3><a href="#">Design Trend 2014</a></h3>
							<span>Bruno mars | <a href="#">13 comments</a></span>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreetadipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.dolor in hendrerit in vulputate velit.</p>
							<a class="more-btn" href="#">See More</a>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="blog-artical">
						<div class="blog-artical-pic">
							<a href="single.html"><img src="https://maailmanmatkaaja.neocities.org/blog-post4.jpg" title="name" /></a>
						</div>
						<div class="blog-artical-info">
							<h3><a href="#">Design Trend 2014</a></h3>
							<span>Bruno mars | <a href="#">13 comments</a></span>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.dolor in hendrerit in vulputate velit.</p>
							<a class="more-btn" href="#">See More</a>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="blog-artical move-top1">
						<div class="blog-artical-pic">
							<a href="single.html"><img src="https://maailmanmatkaaja.neocities.org/blog-post5.jpg" title="name" /></a>
						</div>
						<div class="blog-artical-info">
							<h3><a href="#">Design Trend 2014</a></h3>
							<span>Bruno mars | <a href="#">13 comments</a></span>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>
							<a class="more-btn" href="#">See More</a>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="blog-artical top-mid">
						<div class="blog-artical-pic">
							<a href="single.html"><img src="https://maailmanmatkaaja.neocities.org/blog-post.jpg" title="name" /></a>
						</div>
						<div class="blog-artical-info">
							<h3><a href="#">Design Trend 2014</a></h3>
							<span>Bruno mars | <a href="#">13 comments</a></span>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.dolor in hendrerit in vulputate velit.</p>
							<a class="more-btn" href="#">See More</a>v
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
				<!-- blog-articals -->
				<!--
				<p class="more-articals text-center">Check Out My <a href="#">Blog</a> And Subscribe To Get All The Updates</p>
			</div>
		</div>
		<!-- /blog -->
		<!-- projects -->
		<div class="projects">
			<div class="container">
				<div class="project-grids">
					<div class="cycle">
						<span> </span>
					</div>
					<div class="project-grid total-project">
						<p>7</p>
						<p>Played matches</p>
						<span> <i class="p-icon"> </i></span>
					</div>
					<div class="project-grid clientsgrid">
						<div>
						<p>5</p>
						<p>Players</p>
						</div>
						<span> <i class="p-icon"> </i></span>
					</div>
					<div class="project-grid people-grid">
						<div>
						<p>100%</p>
						<p>Satisfaction</p>
						</div>
						<span> <i class="p-icon"> </i></span>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<!-- projects -->
		<!-- catch-on -->
		<div id="contact" class="catch-on text-center">
			<p>Want to contact us? <a class="catch" href="https://discord.gg/yrhd2U">Contact Me</a></p>
		</div>
		<!-- /catch-on -->
		<!-- footer -->
		<div class="container">
		<div class="footer">
				<div class="footer-left">
					<p>Aftermath <a href="#" target="_blank">For Media</a></p><p>From Finland with ♥ to you </p>
				</div>
				<div class="footer-right">
					<ul>
						<!--<li><a href="#"><span class="face"> </span></a></li>
						<!--<li><a href="#"><span class="twit"> </span></a></li>-->
						<li><a href="https://aftermath.cf"><span class="dri"> </span></a></li>
						<li><a href="https://instagram.com/aftermath_esports/"><span class="tech"> </span></a></li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
			<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
									<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
		</div>
		<!-- /footer -->
	<!-- /container -->
</body>
</html>