<?php include 'sesion.php';?>
<?php include 'concha.php';?>
<!DOCTYPE html>
<html lang="es">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <!-- Required meta tags -->
        
        <meta name="description" content="Panel de Administracion">
        <meta name="author" content="<?php echo $nombresitio ?>">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title><?php echo $nombresitio ?> - Panel de Administracion</title>
        <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
        <link rel="shortcut icon" href="" type="image/x-icon">
        <link rel="apple-touch-icon" href="">
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
        <!-- Link to your css file -->
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

  
        <style type="text/css">

            *{
                border-radius: 0!important;
                
            }

            body {
                background-image: url(../fondeux.jpg);
            }

            .navbar {
                position: relative;
            min-height: 50px;
            padding-bottom:  20px;
            /* border: 1px solid transparent; */
                
            }
            
            .btn-primary {
            color: #fff!important;
            background-color: #0066FF;
            border-color: #0066FF;
                }
            
            .page-header{
                margin: 0;
                padding: 1em;
                background-color: #0066FF;
                border: 0;
                text-align:center;
            }
            
            .page-header h2{
                
                color: #ffffff;
                font-weight: bold;
            }
            
            .bloqueAzul{
            /*  background-color: #0066FF;*/
            /* border: 1px solid #e4e4e4;*/
            /*  padding: 1em;*/
                text-align: center;
            }
            
            .bloqueAzul .div {
            border: 1px solid #e4e4e4;  
                background-color: #fff;
            }
            
            ul{
                list-style: none;
                padding: 0;
            }
            
            .far{
                color:#0066FF;
            } 
            .faso {
                color:#0066FF;
            } 
            
            .colorAzul h3{
                color:#0066FF;
                
            }
            
        </style>

        <script language=javascript>

            function ventanaSecundaria (URL){
            window.open(URL,"ventana1","width=550,height=450,scrollbars=NO")
            }

        </script>
    
</head>

<body>

<div class="container" style="background-color:#F1F2ED;">
        
  <?php 
            
            if($estiloweb == 9 || $estiloweb == 85 || $estiloweb == 86) {
                
                include 'menu_estilo9.php'; 
            } else {
                
                include 'menu.php';  
            }
     
    ?>
    
</div>

<div role="main" style="background-color:#fff;<?php if($estiloweb == 9 || $estiloweb == 85 || $estiloweb == 86){echo 'margin-top:120px;';}?>" class="container pt-3">
    
  <div class="page-header" style="text-align:center;">
  
    <h2><? echo $idioma_100710 ?></h2>

  </div>


      <div class="row pt-3">

  <?php   
  

$sql = "SELECT * FROM fuentes";

$consulta = $conn->query($sql);
while ($row = $consulta->fetch_assoc())
{
	
	$link_titulo  = $row["link"];
	
	 ?> <?php echo $link_titulo; ?>
<?
	
}


$consulta->free_result(); ?>



  
    <div class="col-12">
      
    

        <div class="col-12 text-center p-3">
            <h3 style="font-family:<?php echo $style_titulo ?>;font-size:<?php echo $d_ta_titulo?>;color:<?php echo $d_color_titulo?>;"><? echo $idioma_100711 ?></h3> 
        </div>

        <div class="col-12 p-3">

            <div class="col-12 text-center p-3">
                <h4><? echo $idioma_100712 ?></h4>
            </div>

            

            <div class="grid">
                

                <?  
                

                $sql = "SELECT * FROM fuentes ORDER BY ID desc";

               $consulta = $conn->query($sql);
              while ($row = $consulta->fetch_assoc())
                {
                $ID_fuente =  $row["ID"];
                $link_titulo  = $row["link"];
                $style_titulo  = $row["style"];
                
                $aaa = $aaa + 1;
                
                ?>

                    <div class="grid-item col-12 col-sm-4 px-2 mb-3">

                        <div class="border p-3">
                            <?php echo $aaa ?>
                            <p style="font-family:<?php echo $style_titulo ?>;font-size:<?php echo $d_ta_titulo?>;color:<?php echo $d_color_titulo?>;">
                            <a href="form_d_elegir_fuente_titulo.php?fuente=<?php echo $ID_fuente ?>" class="stretched-link"><? echo $idioma_100713 ?></a>
                            </p>
                            <p style="font-family: Arial, Helvetica, sans-serif;font-size:11px;"><? echo $idioma_100714 ?> <?php echo $style_titulo ?></p>
                        </div>
                    </div>
        
                <?
                }
                $consulta->free_result();
                ?>
                
            </div>
      
        </div>
    </div>

        
  </div>
  

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    
    <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script>
    <script type="text/javascript">
    

        window.setTimeout(function(){
        $('.grid').isotope({
        itemSelector: '.grid-item'
        });
        }, 4000);

        function ventanaSecundaria56 (URL){
        window.open(URL,"ventana1","width=960,height=630,scrollbars=NO")
        }
        
    </script>
    <script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>   
</body>
</html>
