{% extends 'AppBundle:Default:frame.html.twig' %}

{% block body %}
				<a class="feature_link" href="#"><div id="featured" class="featured_top_container" style="background: url('http://i.imgur.com/faNHVj0.jpg')no-repeat fixed top; ">
					<div class="featured_container" data-featured="1" data-link="#" data-image="http://i.imgur.com/faNHVj0.jpg">
                        <h2>Some Guy's</h2>
                        <h1>Featured Mod Number 1</h1>
                    </div>
                    <div class="featured_container" data-featured="2" data-link="#"  data-image="http://wallpoper.com/images/00/32/34/35/ksp-kerbal_00323435.jpg">
                        <h2>Some Guy's</h2>
                        <h1>Featured Mod Number 2</h1>
                    </div>
                    <div class="featured_container" data-featured="3" data-link="#"  data-image="http://4.bp.blogspot.com/-C2adfU-WxJs/UlGES74XBJI/AAAAAAAAAM8/GtzH4fRBJfg/s1600/KSP+SKPSKPSKPSKPSKPSK.gif">
                        <h2>Some Guy's</h2>
                        <h1>Featured Mod Number 3</h1>
                    </div>
                    <div class="featured_container" data-featured="4" data-link="#"  data-image="http://pre06.deviantart.net/934a/th/pre/f/2015/046/d/6/ksp_first_girl_on_laythe_by_george_eracleous-d8i3cy3.jpg">
                        <h2>Some Guy's</h2>
                        <h1>Featured Mod Number 4</h1>
                    </div>
                    <div class="featured_container" data-featured="5" data-link="#"  data-image="http://i.imgur.com/3SNKrC2.jpg">
                        <h2>Some Guy's</h2>
                        <h1>Featured Mod Number 5</h1>
                    </div>
				</div>
				</a>
				<div class="featured_reviews_container" >
					<ul>
						<a href="#"><li class="review_container">
							<img src="http://i.imgur.com/faNHVj0.jpg"  />
							<h3>Realy long Mod Name extended premium</h3>
							<h4>by someone</h4>
						</li></a>
						<a href="#"><li class="review_container">
								<img src="http://i.imgur.com/faNHVj0.jpg"  />
								<h3>Realy long Mod Name extended premium</h3>
								<h4>by someone</h4>
							</li></a>
						<a href="#"><li class="review_container">
								<img src="http://i.imgur.com/faNHVj0.jpg"  />
								<h3>Realy long Mod Name extended premium</h3>
								<h4>by someone</h4>
							</li></a>
						<a href="#"><li class="review_container">
								<img src="http://i.imgur.com/faNHVj0.jpg"  />
								<h3>Realy long Mod Name extended premium</h3>
								<h4>by someone</h4>
							</li></a>
						<a href="#"><li class="review_container">
								<img src="http://i.imgur.com/faNHVj0.jpg"  />
								<h3>Realy long Mod Name extended premium</h3>
								<h4>by someone</h4>
							</li></a>
					</ul>
				</div>
				<div class="contentblocks">
				<div class="tables_container">
					<div class="modlist_container">
						<ul class="modlist_toggel">
							<li id="recent_mods" class="table_toggel_active">Recent</li>
							<li id="popular_mods">Popular</li>
						</ul>
						<ul class="modlist_entrys recent_mods_entrys table_toggel_entrys">
							<a href="#"><li>
									<img src="http://i.imgur.com/faNHVj0.jpg"  />
									<div class="modlist_entry_text">
										<h3>Recent Mod</h3>
										<h4>by some guy</h4>
										<h5>17 minutes, 33 seconds ago</h5>
									</div>
								</li></a>
							<a href="#"><li>
									<img src="http://i.imgur.com/faNHVj0.jpg"  />
									<div class="modlist_entry_text">
										<h3>Recent Mod</h3>
										<h4>by some guy</h4>
										<h5>17 minutes, 33 seconds ago</h5>
									</div>
								</li></a>
							<a href="#"><li>
									<img src="http://i.imgur.com/faNHVj0.jpg"  />
									<div class="modlist_entry_text">
										<h3>Recent Mod</h3>
										<h4>by some guy</h4>
										<h5>17 minutes, 33 seconds ago</h5>
									</div>
								</li></a>
							<a href="#"><li>
									<img src="http://i.imgur.com/faNHVj0.jpg"  />
									<div class="modlist_entry_text">
										<h3>Recent Mod</h3>
										<h4>by some guy</h4>
										<h5>17 minutes, 33 seconds ago</h5>
									</div>
								</li></a>
					    </ul>
						<ul class="modlist_entrys popular_mods_entrys table_toggel_entrys">
							<a href="#"><li>
								<img src="http://i.imgur.com/faNHVj0.jpg"  />
								<div class="modlist_entry_text">
									<h3>Realy long Mod Name extended premium</h3>
									<h4>by 1someone</h4>
									<h5>17 minutes, 33 seconds ago</h5>
								</div>
							</li></a>
							<a href="#"><li>
									<img src="http://i.imgur.com/faNHVj0.jpg"  />
									<div class="modlist_entry_text">
										<h3>Realy long Mod Name extended premium</h3>
										<h4>by 1someone</h4>
										<h5>17 minutes, 33 seconds ago</h5>
									</div>
								</li></a>
							<a href="#"><li>
									<img src="http://i.imgur.com/faNHVj0.jpg"  />
									<div class="modlist_entry_text">
										<h3>Realy long Mod Name extended premium</h3>
										<h4>by 1someone</h4>
										<h5>17 minutes, 33 seconds ago</h5>
									</div>
								</li></a>
							<a href="#"><li>
									<img src="http://i.imgur.com/faNHVj0.jpg"  />
									<div class="modlist_entry_text">
										<h3>Realy long Mod Name extended premium</h3>
										<h4>by 1someone</h4>
										<h5>17 minutes, 33 seconds ago</h5>
									</div>
								</li></a>
						</ul>
					</div>
					<div class="news_container">
						<table class="news_entries">
							<tr>
								<th colspan="2">News</th>
							</tr>
							<tr>
								<td>
									<p class="news_date">
									10.10.2016
									</p>
								</td>
								<td>
									<h3 class="news_head">
										A new Message
									</h3>
									<p class="news_teaser">
									some more info
									</p>
								</td>
							</tr>
							<tr>
								<td>
									<p class="news_date">
									10.10.2016
									</p>
								</td>
								<td>
									<h3 class="news_head">
										A new Message
									</h3>
									<p class="news_teaser">
									some more info
									</p>
								</td>
							</tr>
							<tr>
								<td>
									<p class="news_date">
									10.10.2016
									</p>
								</td>
								<td>
									<h3 class="news_head">
										A new Message
									</h3>
									<p class="news_teaser">
									some more info
									</p>
								</td>
							</tr>
						</table>
					</div>
					
					<div class="services_container">
						<a href="#"><div class="service_entry">
							Mumble
						</div></a>
						<a href="#"><div class="service_entry">
							Chat
						</div></a>
						<a href="#"><div class="service_entry">
							More
						</div></a>
						<a href="#"><div class="service_entry">
							Some Service
						</div></a>
						<a href="#"><div class="service_entry">
								Some Service
							</div></a>
						<a href="#"><div class="service_entry">
								Some Service
							</div></a>
					</div>
				</div>
				</div>
			</content>
			<footer>
				test
			</footer>
	
{% endblock %}


