
<div class="wrapper py-5 m-0" id="wrapper-footer">
  <div class="widget-head col-12 text-center mb-3" style="">
      
      <h3 class="widget-title my-5 py-5">
        <span>Redes</span>
      </h3>
      
  </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-6 col-md-4 mb-3">
      
         <?php  include 'facebook_div.php' ;?>  
      </div>
      <div class="d-none col-12 col-sm-6 col-md-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 ?>/instagram.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 ?>';
              //console.log(username);
              
              let carlos = {
                'host': "https://www.instagram.com/",
                '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,
                'lazy_load': true,
                'on_error': console.error
              };
              $.instagramFeed(carlos);
            });
          })(jQuery);


        </script>

      </div>
      <div class="col-12 col-sm-12 col-md-4 mb-3" style="max-height:400px;overflow:hidden;">
            <?php echo $twitter; ?>
      </div>

    </div>
  </div>

  <div class="col-12 d-none">

    <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="<? $logo_C = str_replace('http://', 'https://', $logo_C); echo $logo_C; ?>" class="surhive" width="100%" height="auto"
                alt="RadiosNet">
            </a>
          </div>

        </div>

      </div>

    </footer>
    <script>
        var TIMEOUT = null;

        $(window).on('resize', function() {
            if(TIMEOUT === null) {
                TIMEOUT = window.setTimeout(function() {
                    TIMEOUT = null;
                    //fb_iframe_widget class is added after first FB.FXBML.parse()
                    //fb_iframe_widget_fluid is added in same situation, but only for mobile devices (tablets, phones)
                    //By removing those classes FB.XFBML.parse() will reset the plugin widths.
                    $('.fb-page').removeClass('fb_iframe_widget fb_iframe_widget_fluid');

                    FB.XFBML.parse();
                }, 1000);
            }
        });
    </script>
  </div>
</div>