{% extends 'main.html' %}
{% load static %}




{% block body %}
  

  
      <main class="app-main">
        <!--begin::App Content Header-->
        <div class="app-content-header">
          <!--begin::Container-->
          <div class="container-fluid">
            <!--begin::Row-->
            <div class="row">
              <div class="col-sm-6"><h3 class="mb-0">Dashboard</h3></div>
              <div class="col-sm-6">
                <ol class="breadcrumb float-sm-end">
                  <li class="breadcrumb-item"><a href="#">Home</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
                </ol>
              </div>
            </div>
            <!--end::Row-->
          </div>
          <!--end::Container-->
        </div>
        <!--end::App Content Header-->
        <!--begin::App Content-->
        <div class="app-content">
          <!--begin::Container-->
          <div class="container-fluid">
            <div class="row">
                <div class="col-lg-3 col-6">
                <!--begin::Small Box Widget 3-->
                <div class="small-box text-bg-secondary">
                  <div class="inner">
                        <h3>Club: FCT Queens</h3>
                    <hr>
                    <div class="row">
                      <div class="col-md-6">
                        <p>Officials: 10</p>
                        <p>Players: 35</p>
                        <p>State:FCT</p>
                        <p>Legu: premin</p>
                      </div>
                      <div class="col-md-6">
                          <img src="{% static  'assets/img/logo-3.jpg' %}" alt="" height="100" width="100" class="rounded-circle">
                      </div>
                    </div>
                  </div>
    
                  <a
                    href="{% url 'club' %}"
                    class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover text-light text-light" 
                  >
                    Veiw <i class="bi bi-link-45deg"></i>
                  </a>
                </div>
                <!--end::Small Box Widget 3-->
              </div>
              <!--end::Col-->
              <div class="col-lg-3 col-6">
                <!--begin::Small Box Widget 4-->
               <div class="small-box text-bg-secondary">
                  <div class="inner">
                        <h3>Club: FCT Queens</h3>
                    <hr>
                    <div class="row">
                      <div class="col-md-6">
                        <p>Officials: 10</p>
                        <p>Players: 35</p>
                        <p>State:FCT</p>
                        <p>Legu: premin</p>
                      </div>
                      <div class="col-md-6">
                          <img src="{% static  'assets/img/logo-1.jpeg' %}" alt="" height="100" width="100" class="rounded-circle">
                      </div>
                    </div>
                  </div>
                  <svg
                    class="small-box-icon"
                    fill="currentColor"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg"
                    aria-hidden="true"
                  >
                    <!-- <path
                      d="M6.25 6.375a4.125 4.125 0 118.25 0 4.125 4.125 0 01-8.25 0zM3.25 19.125a7.125 7.125 0 0114.25 0v.003l-.001.119a.75.75 0 01-.363.63 13.067 13.067 0 01-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 01-.364-.63l-.001-.122zM19.75 7.5a.75.75 0 00-1.5 0v2.25H16a.75.75 0 000 1.5h2.25v2.25a.75.75 0 001.5 0v-2.25H22a.75.75 0 000-1.5h-2.25V7.5z"
                    ></path> -->
                  </svg>
                  <a
                    href="#"
                    class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover text-light" 
                  >
                    Veiw <i class="bi bi-link-45deg"></i>
                  </a>
                </div>
                
                <!--end::Small Box Widget 4-->
                
              </div>
              <div class="col-lg-3 col-6">
                <!--begin::Small Box Widget 4-->
               <div class="small-box text-bg-secondary">
                  <div class="inner">
                        <h3>Club: FCT Queens</h3>
                    <hr>
                    <div class="row">
                      <div class="col-md-6">
                        <p>Officials: 10</p>
                        <p>Players: 35</p>
                        <p>State:FCT</p>
                        <p>Legu: premin</p>
                      </div>
                      <div class="col-md-6">
                          <img src="{% static  'assets/img/logo-1.jpeg' %}" alt="" height="100" width="100" class="rounded-circle">
                      </div>
                    </div>
                  </div>
               
                  <a
                    href="#"
                    class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover text-light" 
                  >
                    Veiw <i class="bi bi-link-45deg"></i>
                  </a>
                </div>
                
                <!--end::Small Box Widget 4-->
                
              </div>
              <div class="col-lg-3 col-6">
                <!--begin::Small Box Widget 4-->
               <div class="small-box text-bg-secondary">
                  <div class="inner">
                        <h3>Club: FCT Queens</h3>
                    <hr>
                    <div class="row">
                      <div class="col-md-6">
                        <p>Officials: 10</p>
                        <p>Players: 35</p>
                        <p>State:FCT</p>
                        <p>Legu: premin</p>
                      </div>
                      <div class="col-md-6">
                          <img src="{% static  'assets/img/logo-2.jpg' %}" alt="" height="100" width="100" class="rounded-circle">
                      </div>
                    </div>
                  </div>
               
                  <a
                    href="#"
                    class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover text-light" 
                  >
                    Veiw <i class="bi bi-link-45deg"></i>
                  </a>
                </div>
                
                <!--end::Small Box Widget 4-->
                
              </div>
              <div class="col-lg-3 col-6">
                <!--begin::Small Box Widget 4-->
               <div class="small-box text-bg-secondary">
                  <div class="inner">
                        <h3>Club: FCT Queens</h3>
                    <hr>
                    <div class="row">
                      <div class="col-md-6">
                        <p>Officials: 10</p>
                        <p>Players: 35</p>
                        <p>State:FCT</p>
                        <p>Legu: premin</p>
                      </div>
                      <div class="col-md-6">
                          <img src="{% static  'assets/img/logo-2.jpg' %}" alt="" height="100" width="100" class="rounded-circle">
                      </div>
                    </div>
                  </div>
             
               
                  <a
                    href="#"
                    class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover"
                  >
                    Veiw <i class="bi bi-link-45deg"></i>
                  </a>
                </div>
                
                <!--end::Small Box Widget 4-->
                
              </div>
              <div class="col-lg-3 col-6">
                <!--begin::Small Box Widget 4-->
               <div class="small-box text-bg-secondary">
                  <div class="inner">
                        <h3>Club: FCT Queens</h3>
                    <hr>
                    <div class="row">
                      <div class="col-md-6">
                        <p>Officials: 10</p>
                        <p>Players: 35</p>
                        <p>State:FCT</p>
                        <p>Legu: premin</p>
                      </div>
                      <div class="col-md-6">
                          <img src="{% static  'assets/img/logo-3.jpg' %}" alt="" height="100" width="100" class="rounded-circle">
                      </div>
                    </div>
                  </div>
             
                
                  <a
                    href="#"
                    class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover"
                  >
                    Veiw <i class="bi bi-link-45deg"></i>
                  </a>
                </div>
                
                <!--end::Small Box Widget 4-->
                
              </div>
              <div class="col-lg-3 col-6">
                <!--begin::Small Box Widget 4-->
               <div class="small-box text-bg-secondary">
                  <div class="inner">
                    <h3>Club: FCT Queens</h3>
                    <hr>
                    <div class="row">
                      <div class="col-md-6">
                        <p>Officials: 10</p>
                        <p>Players: 35</p>
                        <p>State:FCT</p>
                        <p>Legu: premin</p>
                      </div>
                      <div class="col-md-6">
                          <img src="{% static  'assets/img/logo-1.jpeg' %}" alt="" height="100" width="100" class="rounded-circle">
                      </div>
                    </div>
                  </div>
             
                 
                  <a
                    href="#"
                    class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover"
                  >
                    Veiw <i class="bi bi-link-45deg"></i>
                  </a>
                </div>
                
                <!--end::Small Box Widget 4-->
                
              </div>
              <div class="col-lg-3 col-6">
                <!--begin::Small Box Widget 4-->
               <div class="small-box text-bg-secondary">
                  <div class="inner">
                    <h3>Club: FCT Queens</h3>
                    <hr>
                    <div class="row">
                      <div class="col-md-6">
                        <p>Officials: 10</p>
                    <p>Players: 35</p>
                    <p>State:FCT</p>
                    <p>Legu: premin</p>
                      </div>
                      <div class="col-md-6">
                          <img src="{% static  'assets/img/logo-2.jpg' %}" alt="" height="100" width="100" class="rounded-circle">
                      </div>
                    </div>
                    
                  </div>
              
                  <a
                    href="./club.html"
                    class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover"
                  >
                    Veiw <i class="bi bi-link-45deg"></i>
                  </a>
                </div>
                
                <!--end::Small Box Widget 4-->
                
              </div>
              <!--end::Col-->
            </div>
            <!--end::Row-->
            <!--begin::Row-->
            
          </div>
          <!--end::Container-->
        </div>
        <!--end::App Content-->
      </main>



{% endblock body %}