<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Flat style Website Template | Home :: w3layouts</title>
<link rel="shortcut icon" type="image/x-icon" href="images/fav-icon.png" />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/theme-style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery.easing.min.js"></script>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="images/fav-icon.png" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,300,500,700,800,900,600,200' rel='stylesheet' type='text/css'>
<!----//webfonts---->
<!----requred-js-files---->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!----//requred-js-files---->
<script type="text/javascript" src="js/jquery.smint.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$('.subMenu').smint({
'scrollSpeed' : 1000
});
});
</script>
</head>
<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">
<!----start-container----->
<div class="head-bg sTop">
<div class="conatiner">
<div class="col-lg-12 header-note">
<h1><b>NoGameNoLife</b> <style type="text/css">
h1 {
color: #000000;
}
h4 {
color: #000000;
}
</style> </h1>
<h4>Dein deutscher Lakeside Server</h4>
</div>
</div>
</div>
<!----//End-container----->
<!----start-top-nav---->
<nav class="subMenu navbar-custom navbar-scroll-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<img src="images/nav-icon.png" title="drop-down-menu" />
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-left navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="active">
<a id="sTop" class="subNavBtn" href="#">Home</a>
</li>
<li class="page-scroll">
<a id="s1" class="subNavBtn" href="#">Server Teams</a>
</li>
<li class="page-scroll">
<a id="s2" class="subNavBtn" href="#">Infos</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
<!-- /.container -->
</nav>
<!----//End-top-nav---->
<!---- start-top-grids---->
<div class="container">
<div class="row section s1 top-grids">
<div class="col-md-3 top-grid">
<span class="icon1"> </span>
<h2>Projektleitung</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="col-md-3 top-grid">
<span class="icon2"> </span>
<h2>Admin</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="col-md-3 top-grid">
<span class="icon3"> </span>
<h2>Technik-Leitung</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="col-md-3 top-grid">
<span class="icon4"> </span>
<h2>Supportleitung</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---- //End-top-grids---->
<!----start-about---->
<div class="about">
<div class="container">
<div class="col-md-6 divice">
<img class="img-responsive" src="images/divice.png" title="divice" />
</div>
<div class="col-md-6 divice-info">
<h3>Responsive Design</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<a class="btn btn-primary btn-red" href="#">Read More <span> </span></a>
</div>
</div>
</div>
<!----//End-about---->