<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//bootswatch.com/yeti/bootstrap.min.css" rel="stylesheet" type="text/css" />

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
  
  
  <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h1>The Anarchs Topluluk Sunucuları</h1>
        </div>
      </div>
      <div class="row clearfix">
          <div class="col-md-12 column">
              <div class="panel panel-info">
                <div class="panel-heading">
                  <h3 class="panel-title">
                    The Anarchs Oyuncu Topluluğuna ait sunucuların mevcut durumları aşağıda belirtilmiştir.
                    <small class="pull-right">2007-2023</small>
                  </h3>
                </div>                
              </div>
            
              <h3>The Anarchs SA:MP Roleplay Sunucusu</h3>
              <div class="row clearfix">
                  <div class="col-md-12 column">
                      <div class="list-group">
                        
                          <div class="list-group-item">
                              <h4 class="list-group-item-heading">
                                  Forum Sayfası 
                                  <a href="#"  data-toggle="tooltip" data-placement="bottom" title="Forumlara ve içeriklere erişim sağlayabilirsiniz.">
                                    <i class="fa fa-question-circle"></i>
                                  </a>
                              </h4>
                              <p class="list-group-item-text">
                                 <span class="label label-success">Aktif</span>
                                 <span class="label label-warning">V7</span>
                              </p>
                          </div>
                        
                          <div class="list-group-item">
                              <h4 class="list-group-item-heading">
                                  Oyun Sunucusu
                                  <a href="#"  data-toggle="tooltip" data-placement="bottom" title="SA:MP 0.3.DL istemcisi üzerindne sunucuya erişim sağlayabilirsiniz.">
                                    <i class="fa fa-question-circle"></i>
                                  </a>
                              </h4>
                              <p class="list-group-item-text">
                                  <span class="label label-success">Aktif</span>
                                <span class="label label-warning">V1.1.0</span>
                              </p>
                          </div>
                        
                          <div class="list-group-item">
                              <h4 class="list-group-item-heading">
                                  Veritabanı Sunucusu
                                  <a href="#"  data-toggle="tooltip" data-placement="bottom" title="Tüm veriler veritabanına anlık olarak işlenmektedir.">
                                    <i class="fa fa-question-circle"></i>
                                  </a>
                              </h4>
                              <p class="list-group-item-text">
                                  <span class="label label-success">Aktif</span>
                              </p>
                          </div>
                        <div class="list-group-item">
                              <h4 class="list-group-item-heading">
                                  Oyun Haritası
                                  <a href="#"  data-toggle="tooltip" data-placement="bottom" title="Oyun Haritası yapım süreci devam etmektedir.">
                                    <i class="fa fa-question-circle"></i>
                                  </a>
                              </h4>
                              <p class="list-group-item-text">
                                  <span class="label label-warning">Yapımda</span>
                              </p>
                          </div>
                        <div class="list-group-item">
                              <h4 class="list-group-item-heading">
                                  Kullanıcı Kontrol Paneli
                                  <a href="#"  data-toggle="tooltip" data-placement="bottom" title="Kullanıcı Kontrol Paneline erişilemez.">
                                    <i class="fa fa-question-circle"></i>
                                  </a>
                              </h4>
                              <p class="list-group-item-text">
                                  <span class="label label-warning">Yapımda</span>
                              </p>
                          </div>
                          
                         <h3>The Anarchs ARMA 3 Sunucusu</h3>
              <div class="row clearfix">
                  <div class="col-md-12 column">
                      <div class="list-group">
                        
                          <div class="list-group-item">
                              <h4 class="list-group-item-heading">
                                  Forum Sayfası 
                                  <a href="#"  data-toggle="tooltip" data-placement="bottom" title="Forumlara ve içeriklere erişim sağlayabilirsiniz.">
                                    <i class="fa fa-question-circle"></i>
                                  </a>
                              </h4>
                              <p class="list-group-item-text">
                                 <span class="label label-success">Aktif</span>
                                 <span class="label label-warning">V7</span>
                              </p>
                          </div>
                        
                          <div class="list-group-item">
                              <h4 class="list-group-item-heading">
                                  Oyun Sunucusu
                                  <a href="#"  data-toggle="tooltip" data-placement="bottom" title="SA:MP 0.3.DL istemcisi üzerindne sunucuya erişim sağlayabilirsiniz.">
                                    <i class="fa fa-question-circle"></i>
                                  </a>
                              </h4>
                              <p class="list-group-item-text">
                                  <span class="label label-danger">Kapalı</span>
                                <span class="label label-warning">V2.2</span>
                              </p>
                          </div>
                        
                          <div class="list-group-item">
                              <h4 class="list-group-item-heading">
                                  Veritabanı Sunucusu
                                  <a href="#"  data-toggle="tooltip" data-placement="bottom" title="Tüm veriler veritabanına anlık olarak işlenmektedir.">
                                    <i class="fa fa-question-circle"></i>
                                  </a>
                              </h4>
                              <p class="list-group-item-text">
                                  <span class="label label-danger">Kapalı</span>
                              </p>
                          </div>
                        
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>