@extends('hihihihihihihihi/layout')

@section('content')

<div class="row">
    <div class="col-xs-12 col-md-6">
        <h3 class="title">Quick Join</h3>
        <div class="content text-center">
            <div class="row">
                <div class="col-xs-6">
                    <a class="btn btn-custom" href="steam://connect/74.91.120.159:27015">Beginner Surf</a>
                </div>
                <div class="col-xs-6">
                    <a class="btn btn-custom" href="steam://connect/74.91.120.159:27017">Easy Surf</a>
                </div>
                <div class="col-xs-6">
                    <a class="btn btn-custom" href="steam://connect/74.91.120.159:27018">Medium Surf</a>
                </div>
                <div class="col-xs-6">
                    <a class="btn btn-custom" href="steam://connect/74.91.120.159:27016">Hard Surf</a>
                </div>
                <div class="col-xs-6">
                    <a class="btn btn-custom" href="steam://connect/74.91.120.159:27019">Donator Surf</a>
                </div>
                <div class="col-xs-6">
                    <a class="btn btn-custom" href="ts3server://ts3.horizonservers.net:1854">Teamspeak</a>
                </div>

            </div>
        </div>
    </div>
    <div class="col-xs-12 col-md-6">
        <h3 class="title">What is Horizon?</h3>
        <div class="content text-center">
            <p>
                Horizon is a
                <a href="http://blog.counter-strike.net/" target="_blank">CS:GO</a>
                Gaming
                <a href="http://steamcommunity.com/groups/Horizon-Servers" target="_blank">community</a>
                . We have a friendly community, powerful servers, and staff dedicated to keeping players entertained and safe. We try our best to create a server that is enjoyable to all ages.
            </p>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-xs-12 col-md-6">
        <h3 class="title">Top Donators</h3>
        <div class="content table-responsive">
            <table class="table donator">
                <tbody>
                    <tr>
                        <td class="number">1</td>
                        <td class="name">manirelli</td>
                        <td class="amount">$100.00</td>
                    </tr>
                    <tr>
                        <td class="number">2</td>
                        <td class="name">HydraSlayer</td>
                        <td class="amount">$73.75</td>
                    </tr>
                    <tr>
                        <td class="number">3</td>
                        <td class="name">MjJes`cet</td>
                        <td class="amount">$55.00</td>
                    </tr>
                    <tr>
                        <td class="number">4</td>
                        <td class="name">GraphicGlide</td>
                        <td class="amount">$50.00</td>
                    </tr>
                    <tr>
                        <td class="number">5</td>
                        <td class="name">Neko</td>
                        <td class="amount">$50.00</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-xs-12 col-md-6">
        <h3 class="title">Recent Donators</h3>
        <div class="content table-responsive">
            <table class="table donator">
                <tbody>
                    <tr>
                        <td class="number">1</td>
                        <td class="name">manirelli</td>
                        <td class="amount">$100.00</td>
                    </tr>
                    <tr>
                        <td class="number">2</td>
                        <td class="name">HydraSlayer</td>
                        <td class="amount">$73.75</td>
                    </tr>
                    <tr>
                        <td class="number">3</td>
                        <td class="name">MjJes`cet</td>
                        <td class="amount">$55.00</td>
                    </tr>
                    <tr>
                        <td class="number">4</td>
                        <td class="name">GraphicGlide</td>
                        <td class="amount">$50.00</td>
                    </tr>
                    <tr>
                        <td class="number">5</td>
                        <td class="name">Neko</td>
                        <td class="amount">$50.00</td>
                    </tr>
                    <tr>
                        <td class="number">6</td>
                        <td class="name">manirelli</td>
                        <td class="amount">$100.00</td>
                    </tr>
                    <tr>
                        <td class="number">7</td>
                        <td class="name">HydraSlayer</td>
                        <td class="amount">$73.75</td>
                    </tr>
                    <tr>
                        <td class="number">8</td>
                        <td class="name">MjJes`cet</td>
                        <td class="amount">$55.00</td>
                    </tr>
                    <tr>
                        <td class="number">9</td>
                        <td class="name">GraphicGlide</td>
                        <td class="amount">$50.00</td>
                    </tr>
                    <tr>
                        <td class="number">10</td>
                        <td class="name">Neko</td>
                        <td class="amount">$50.00</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

@stop
