<?php  include 'sesion.php';?>
 <?php  include '../url_amigable.php';?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
<title><?php echo $nombresitio ?> - Panel de Administracion</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" rel="stylesheet"> 

   <script defer src="https://use.fontawesome.com/releases/v5.5.0/js/all.js" integrity="sha384-GqVMZRt5Gn7tB9D9q7ONtcp4gtHIUEW/yG7h98J7IpE3kpi+srfFyyB/04OV6pG0" crossorigin="anonymous"></script> 
    

    <style type="text/css">
        
        
        .navbar-nav .dropdown-menu {
            position: absolute!important;
            background-color: #2B3A42;
            
        }
        
        .btn2:hover{
            color:#fff;
           background-color: #FF8F00!important;
         border: 1px solid #FF8F00!important; 
            
        }
        
        .btn2{
         
         margin: 7px;
         font-size: 14px;
         background-color: transparent;
         border: 1px solid #FF8F00!important;
         color:#FF8F00;
            font-weight: 600;
     }
        
        nav{
            
            background-color: #2B3A42;
        }
        
        ul{
            list-style: none;
            
        }
        
        body {
	background-image: url(images/cancha.jpg);
            font-family: 'Montserrat', sans-serif;
            background-position: center top;
            background-size: cover;
            /*background-attachment: fixed;*/
}

    /* footer nuevo comienzo  */
    
   #wrapper-footer{
       /*background-image: linear-gradient(to right, #5f8f40 0%, #abc636 100%);*/
       color:#fff;
       font-size:80%;
    }
    
    @media (max-width: 767px) {
        #wrapper-footer{
            text-align:center;
        }
    }
    
    #wrapper-footer a{
        color:#fff;
    }
    #wrapper-footer a:hover{
        color:inherit;
    }
    #wrapper-footer .footer-widget:first-child{
        padding-left:0;
    }
    #wrapper-footer .footer-widget:last-child{
        padding-right:0;
    }
    .footer-widget .widget-title{
        font-weight: 600;
    }
    .footer-widget ul{
        list-style:none;
        padding-left:0;
    }
    .site-footer{
        /*border-top:1px solid #d1d1d1;
        padding-top:20px;
        margin-top:20px;*/
        font-size:0.75em;
    }
    #wrapper-footer .custom-logo{
        max-width:150px;
        height:auto;
        margin-right:10px;
        -webkit-filter:grayscale(1);
        -webkit-filter:grayscale(100%);
        filter:gray;
        filter:grayscale(100%);
    }
    #wrapper-footer .site-info [class^='col']{
        margin-top:10px;margin-bottom:10px;
    }
    @media (min-width: 768px) {
        .footer-widget.widget_sociallinks_widget{text-align:right;}#wrapper-footer .site-info [class^='col']:last-child{text-align:right;}}#wrapper-footer .surhive-link{opacity:0.3;transition:0.3s;margin-left:5px;}#wrapper-footer .surhive-link:focus,#wrapper-footer .surhive-link:hover{opacity:1;}#wrapper-footer .surhive{max-width:80px;height:auto;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:gray;filter:grayscale(100%);}
    
   
    .social {
        display:inline-flex;
        
        
    }
    
    .social a {
        margin-left: 5px;
    }
    
    .wrapper {
  padding: 30px 0; }
    
/* footer nuevo final  */
.tshare {
    line-height: 30px;
    margin-right: 10px;
    position: absolute;
   
    right: 0px;
    color: #FFF;
    z-index: 1;
    width: 1.5em;
    text-align: center;
                display: inline-block;
}
            
.facebook {

    display: block;
    float: right;
    background-color: #5F8F40!important;
    margin-right: 37px!important;
            }
            
.twitter {

    display: block;
    float: right;
    background-color: #5F8F40!important;
            }
        
    p.displaytitulo{
        height: 0;
        margin: 0;
    }

        div .h5{
            padding: 7px 4px;
            font-size:14px;
            color: #fff!important;
          line-height: 1;
            margin: 0;
        }
        
      h5>.h5{
            
          
        }
        
        .sidebar {
            background-color:#3F5866;
            color:#F0F0DF;
            font-size:14px;
            padding: 15px;
            min-height: 100%;
            
        }
        
        .sidebar > div > ul > li > a:link {
            color:#FF8F00;
            letter-spacing: 0.5px;
            font-weight: 600;
            
        }
        
        a:visited{
            
           color:#FF8F00;
            
        }


    .btn3{
        width: 100%;
        padding: 5%;
        
        
    }
        
        .nav-item{
            
         
        }
        
        .nav-link {
            color:#FF8F00!important;
            font-weight: 600;
text-transform: uppercase;
            
        }
   
        .foto{
            
           max-height: 120px;
max-width: 120px;
overflow: hidden;
border-radius: 100%;
text-align: center;
margin: 0 auto;
border: 5px solid white;
        }
        
        
       
</style>

    
    </head>


    <body>
    
     <nav style="width: 100%;" class="navbar sticky-top navbar-dark">
          
                <?php include 'menu2.php';  ?>
          
            </nav>
    <main class="container-fluid">
    
        <div class="row">

           
   
        
            <section class="col-lg-12 col-12">
          
                
    

          
          
          <div class="container">

        <div width="100%" class="row">
          <div style="margin: 0 auto;text-align: center;" class="Estilo44">
              
              <h1>DEPORTISTAS / PERSONAS DEL CLUB</h1>
            <h3><a href="menu_deportes_personas_agregar.php" class="btn btn-primary">Agregar una persona</a></h3>
          </div>
        </div>
        
              <div class="row">


		

<?php
$sql65 = "SELECT * FROM `personas`";
$consulta65 = $conn->query($sql65);
while ($row65 = $consulta65->fetch_assoc())
{

$ID = $row65["ID"];

$nombre = $row65["nombre"];
$foto = $row65["foto"];
$carpetafoto = $row65["carpetafoto"];



?>

<div  class="col-3 col-lg-3" style="text-align:center;">
    

    
    <div class="foto">
    
    <img src="../<?php echo $foto ?>"  class="img-fluid"/><br />

    
    </div>

<h4 style="color:white;">
     <?php echo $nombre ?>
    </h4>
 
   

<a title="SUBIR FOTO" href="../subir_foto_principal_persona.php?ID=<? echo $ID ?>" class="btn btn-primary" ><i class="fas fa-user-edit"></i></a>


<hr>
</div>
<?}
$consulta65->free_result();

?>
                  
                  </div>
          </div>
          
       
                    
   
                
</section>
    
            <section class="col-lg-12 col-12" style="padding:0;background-color:#2B3A42;">
    
       <div class="wrapper" id="wrapper-footer">
            
            <div class="container">
                
                    <div class="row">
            
                    <div class="col-md-12">
            
                        <footer class="site-footer" id="colophon">
            
                            <div class="site-info">
            
                                <div class="row">
            
                                 
            
                                    <div class="col-md-12">
            <span>Desarrollado por</span>
            <a href="https://www.radiosnet.com.ar.com/" target="_blank" class="surhive-link">
            <img src="https://lv12.com.ar/logoradiosnet.png" class="surhive" alt="RadiosNet" width="100%" height="auto">
            </a>
                                        
                                          
    <div style="margin:0 10px;" > <p class="" style="margin: 10px 0;
font-size: 12px;">Version 15.1</p></div>
            </div>
            
                                </div>
            
                            </div>
            
                        </footer>
            
                    </div>
            
                        
                        </div>
            
                    
                
            
                </div>
            
            </div>

    
    
    </section>
        
        
        </div>   

        </main>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
        
        <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> 
        <script type="text/javascript">

  $('.grid').isotope({
  layoutMode: 'fitRows',
  itemSelector: '.grid-item'
});

</script>
        
<script language=javascript>
function ventanaSecundaria (URL){
   window.open(URL,"ventana1","width=550,height=450,scrollbars=NO")
}
  </script>

</body>

</html>