<div class="wrapper bg-light pt-0" id="wrapper-footer">
  <div class="widget-head col-12 col-sm-12 col-md-12 col-lg-12 mb-3" style="">
    <div class="<?if ($opcion101 == 1) { echo 'container-fluid';}if ($opcion101 == 0){echo 'container';}?>">
      <h3 class="widget-title">
        <span>Redes Sociales</span>
      </h3>
    </div>
  </div>

  <div id="redes-fondo"
    class="<?if ($opcion101 == 1) { echo 'container-fluid';}if ($opcion101 == 0){echo 'container';}?>">
    <div class="row">
      <div class="col-12 col-sm-4 mb-3">
        <?php 
                mysql_connect ("$host", "$usuario", "$contra");
                mysql_select_db ("$basedatos");
                $sql = "SELECT `contacto` FROM configuracion";
                $consulta = mysql_query ($sql);
                while ($row = mysql_fetch_array($consulta))
                {
                $contacto = $row["contacto"];
                }
                mysql_free_result($consulta);
            ?>
        <div class="col-12 p-x2 my-3"><?php echo $contacto?></div>
        <div class="social">
          <ul class="p-0 d-flex" style="list-style:none;">
            <?php  if ($whatsapp == NULL) {} else {?>
            <li class=" ">
              <a class=" " target="_blank" href="<?php echo $whatsapp ?>">
                <h2 class="m-0"><i class="fab fa-whatsapp" aria-hidden="true"></i></h2>
              </a>
            </li>
            <?php };?>
            <?php  if ($facebook == NULL) {} else {?>
            <li class=" ">
              <a class=" " target="_blank" href="<?php echo $facebook ?>">
                <h2 class="m-0"><i class="fab fa-facebook" aria-hidden="true"></i></h2>
              </a>
            </li>
            <?php };?>
            <?php  if ($twitter_btn == NULL) {} else {?>
            <li class=" ">
              <a class=" " target="_blank" href="<?php echo $twitter_btn ?>">
                <h2 class="m-0"><i class="fab fa-twitter" aria-hidden="true"></i></h2>
              </a>
            </li>
            <?php };?>
            <?php  if ($social_aim == NULL) {} else {?>
            <li class=" ">
              <a class="instagram" target="_blank" href="<?php echo $social_aim ?>">
                <h2 class="m-0"><i class="fab fa-instagram" aria-hidden="true"></i></h2>
              </a>
            </li>
            <?php };?>
            <?php  if ($social_blogger == NULL) {} else {?>
            <li class=" ">
              <a class=" " target="_blank" href="<?php echo $social_blogger ?>">
                <h2 class="m-0"><i class="fab fa-blogger" aria-hidden="true"></i></h2>
              </a>
            </li>
            <?php };?>
            <?php  if ($social_flickr == NULL) {} else {?>
            <li class=" ">
              <a class=" " target="_blank" href="<?php echo $social_flickr ?>">
                <h2 class="m-0"><i class="fab fa-flickr" aria-hidden="true"></i></h2>
              </a>
            </li>
            <?php };?>
            <?php  if ($social_google == NULL) {} else {?>
            <li class=" ">
              <a class=" " target="_blank" href="<?php echo $social_google ?>">
                <h2 class="m-0"><i class="fab fa-google" aria-hidden="true"></i></h2>
              </a>
            </li>
            <?php };?>

            <?php  if ($social_tumblr == NULL) {} else {?>
            <li class=" ">
              <a class=" " target="_blank" href="<?php echo $social_tumblr ?>">
                <h2 class="m-0"><i class="fab fa-tumblr" aria-hidden="true"></i></h2>
              </a>
            </li>
            <?php };?>
            <?php  if ($social_vimeo == NULL) {} else {?>
            <li class=" ">
              <a class=" " target="_blank" href="<?php echo $social_vimeo ?>">
                <h2 class="m-0"><i class="fab fa-vimeo-v" aria-hidden="true"></i></h2>
              </a>
            </li>
            <?php };?>
            <?php  if ($social_yahoo == NULL) {} else {?>
            <li class=" ">
              <a class=" " target="_blank" href="<?php echo $social_yahoo ?>">
                <h2 class="m-0"><i class="fab fa-yahoo" aria-hidden="true"></i></h2>
              </a>
            </li>
            <?php };?>
            <?php  if ($social_youtube == NULL) {} else {?>
            <li class=" ">
              <a class=" " target="_blank" href="<?php echo $social_youtube ?>">
                <h2 class="m-0"><i class="fab fa-youtube" aria-hidden="true"></i></h2>
              </a>
            </li>
            <?php };?>

          </ul>
        </div>
      </div>
      <div class="col-12 col-sm-4 mb-3">
      
         <?php  include 'facebook_div.php' ;?>  
      </div>
      <div class="col-12 col-sm-4 mb-3" style="max-height:400px;overflow-y:scroll;">

        <?php if ($social_aim != null) {?>
        <div id="instagram-feed1" class="instagram_profile">
          <img class="instagram_profile_image" src="..." alt="Instagram profile pic">
          <p class="instagram_username"><a href="...">@instagram</a></p>
          <p class="instagram_biography">.</p>
        </div>
        <?}?>
        <script type="text/javascript" src="<?php echo $dom;?>/assets/js/jquery.instagramFeed.min.js"></script>
        <script type="text/javascript">
          
          (function ($) {
            const articulos = document.querySelectorAll('article');
            let capt = document.querySelector('#main-content').childNodes[1].classList.add("bg-light");
            //capt.classList.add(bg-light);
           //console.log(capt);
            
            articulos.forEach((elem)=>{
                elem.classList = 'bg-light';
            });
          
            $(window).on('load', function () {
              const username = document.querySelector('.instagram').className = '<?php echo $social_aim ?>';
              let carlos = {
                'username': username,
                'container': "#instagram-feed1",
                'display_profile': true,
                'display_biography': true,
                'display_gallery': true,
                'callback': null,
                'styling': true,
                'items': 12,
                'items_per_row': 3,
                'margin': 0
              };
              $.instagramFeed(carlos);
            });
          })(jQuery);
        </script>

      </div>

    </div>
  </div>

  <div class="col-12">

    <footer class="site-footer" id="colophon">

      <div class="site-info <?if ($opcion101 == 1) { echo 'container-fluid';}if ($opcion101 == 0){echo 'container';}?>">

        <div class="row">

          <div class="col-md-8">
            <h1 class="navbar-brand mb-0"><a rel="home" href="principal.php" title="">

                <img class="img-fluid custom-logo" width="201" height="31" src="<? 
                                            $logo_C = str_replace('http://', 'https://', $logo_C);
                                            ?><?php echo  $logo_C;?>"></a></h1>
            <span class="copyright"> <?php echo $nombresitio ?> - Todos los derechos reservados ©
              <?php echo date(Y); ?></span>
          </div>

          <div class="col-md-4 d-none">
            <span>Desarrollado por</span>
            <a href="https://www.radiosnet.com.ar/" target="_blank" class="surhive-link">
              <img src="https://lv12.com.ar/logoradiosnet.png" class="surhive" width="100%" height="auto"
                alt="RadiosNet">
            </a>
          </div>

        </div>

      </div>

    </footer>

  </div>
</div>