<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>BanskoBlog - ski lessons, ski hire and transfer</title>
    <link rel="apple-touch-icon" sizes="180x180" href="https://banskoblog.com/wp-content/uploads/fbrfg/apple-touch-icon.png?v=Gv6E5XwyPz">
<link rel="icon" type="image/png" sizes="32x32" href="https://banskoblog.com/wp-content/uploads/fbrfg/favicon-32x32.png?v=Gv6E5XwyPz">
<link rel="icon" type="image/png" sizes="16x16" href="https://banskoblog.com/wp-content/uploads/fbrfg/favicon-16x16.png?v=Gv6E5XwyPz">
<link rel="canonical" href="https://banskoblog.com/">
<meta name="description" content="Plan your trip to Bansko. Guides, snow reports, webcams, piste maps and lift pass info. Book trusted ski lessons, ski hire and Private transfers.">

<meta property="og:title" content="BanskoBlog – Plan Your Bansko Trip + Ski Lessons & Hire">
<meta property="og:description" content="Everything you need for your next trip to Bansko: snow report, webcams, piste maps, lift pass info and travel tips. Trusted ski lessons, ski hire and Private transfers.">
<meta property="og:image" content="https://banskoblog.com/images2/header.jpg">
<meta property="og:url" content="https://banskoblog.com/">
<meta property="og:type" content="website">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="BanskoBlog – Travel Guides, Webcams & Snow Report">
<meta name="twitter:description" content="Plan Bansko with travel tips, piste maps, lift pass info, snow report & webcams. Ski lessons, ski hire and Private transfers.">
<meta name="twitter:image" content="https://banskoblog.com/images2/header.jpg">
<meta name="smartbanner:title" content="BanskoBlog App">
<meta name="smartbanner:author" content="AppFactory">
<meta name="smartbanner:price" content="FREE">
<meta name="smartbanner:price-suffix-apple" content=" - On the App Store">
<meta name="smartbanner:price-suffix-google" content=" - Play Store">
<meta name="smartbanner:icon-apple" content="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/5e/c0/61/5ec0615a-c384-06e6-8242-2b0ce3875073/AppIcon-0-0-1x_U007emarketing-0-8-0-85-220.png/200x200ia-75.jpg">
<meta name="smartbanner:icon-google" content="https://play-lh.googleusercontent.com/YN3k_1iVqxKfzjj4Vdy-q9Y1TCl_jRxI5IynIWdxGP5n0LpspI73Zs4j3TAgwsiiQOE=w480-h960-rw">
<meta name="smartbanner:button" content="Download">
<meta name="smartbanner:button-url-apple" content="https://apps.apple.com/bg/app/bansko/id491461324">
<meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=com.banskoblog.android&hl=bg">
<meta name="smartbanner:enabled-platforms" content="android,ios">
<meta name="smartbanner:close-label" content="X">
<meta name="smartbanner:api" content="yes">
<meta name="smartbanner:disable-positioning" content="true">
<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "@id": "https://banskoblog.com/#website",
      "url": "https://banskoblog.com/",
      "name": "BanskoBlog",
      "description": "Travel guides, snow reports, webcams, piste maps and lift pass info for Bansko Ski Resort — plus ski lessons, ski hire and Sofia transfers.",
      "publisher": {
        "@id": "https://banskoblog.com/"
      },
      "inLanguage": "en",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://banskoblog.com/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }

    }
    </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smartbanner.js/1.19.1/smartbanner.min.js" integrity="sha512-RR0Xhtas1whJ2xbSv3Mp6+jFQ2QFvUNb2c7YjlgpfJZcIAfJ1VOBOGdRjPSnQZHkGNcdteDBUyI4/0jz1rVTWQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/smartbanner.js/1.19.1/smartbanner.min.css" integrity="sha512-fcXBbUesADYs9OmCrA0yrmqMPBbbrSipAZamdiEdsZYZ/X7gcX/plOxhi5JYQFCYF3ieXhcyujd9c1SZDGEZhA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VESQMWMMWN"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-VESQMWMMWN');
</script>
<style>
.smartbanner {
    z-index: 9999;
    position: fixed;
    inset: unset;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    height: 84px;
    background: #f3f3f3;
    font-family: Helvetica, sans, sans-serif;
}
</style>    <link rel="stylesheet" type="text/css" href="css/weather-icons.min.css">


    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" >
    <link rel="stylesheet" type="text/css" href="css/mdb.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="css/style.css?v=1.0.5">
    <meta name="google-site-verification" content="3OkQvJcGF4jlVYemntqYu9u9ic6DRJKqweX_vdB7rH0" />
  </head>
  <body>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T882RT6H');</script>
<!-- End Google Tag Manager -->
  <!-- HEADER  -->
 <!-- download app -->
 <div id="download-app" style="display: none;">
    <div class="download-app-wrap d-inline-flex">
        <a href="https://play.google.com/store/apps/details?id=com.banskoblog.android&hl=en&pli=1" target="_blank">
            <!-- <img src="./images2/google-play-badge.png" alt="Get it on Google Play" class="img-fluid mr-2"> -->
             <p class="m-0"> Download <br>the Bansko App</p>
        </a>
        <!-- <a href="https://apps.apple.com/us/app/banskoblog/id1532244863" target="_blank">
            <img src="./images2/app-store-badge.png" alt="Download on the App Store" class="img-fluid">
             <p> Download the <br> Bansko App</p>
        </a> -->
    </div>
 </div>
<nav class="navbar navbar-toggleable-md fixed-top navbar-light navbar-fixed-top bg-faded" id="main-nav">
    <div class="container">
      <a href="https://banskoblog.com/" class="navbar-brand d-inline-flex">
        <img src="/images2/banskoblog-logo-small.png" id="bansko-mobile-logo" alt="banskoblog logo" class="mr-3 img-fluid" style="max-height: 50px;">
      </a>
      <a href="https://book.banskoblog.com/start/" target="_blank" title="Start your booking here" class="btn btn-book-now btn-rounded ml-auto d-sm-inline-block d-lg-none">Book now</a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false  " aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
        <a class="navbar-brand" href="#">
        &nbsp;
        </a>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item">
            <a class="nav-link white-text nav-separator" href="https://banskoblog.com/">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link white-text nav-separator" href="https://banskoblog.com/ski-hire">Ski Hire </a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle white-text" href="javascript:;">Ski Lessons </a>
            <div class="dropdown-menu">
              <a class="dropdown-item white-text" href="https://banskoblog.com/beginner-ski-lessons">Beginner Ski Lessons</a>
              <a class="dropdown-item white-text" href="https://banskoblog.com/ski-lessons">Group and Private Ski Lessons</a>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link white-text nav-separator" href="https://banskoblog.com/honest-bansko-guide-2026">Honest Guide 2026</a>
          </li>
          <li class="nav-item">
            <a class="nav-link white-text nav-separator" href="https://vsofia.com/app/setmenus/fullscreen.php" target="_blank">Dining   </a>
          </li>
          <li class="nav-item">
            <a class="nav-link white-text nav-separator" href="https://banskoblog.com/about">About us  </a>
          </li>
          <li class="nav-item">
            <a class="nav-link white-text nav-separator" href="https://banskoblog.com/you-say">You say  </a>
            </li>
          <li class="nav-item">
            <a class="nav-link white-text nav-separator" href="https://banskoblog.com/contact">Contact us  </a>
          </li>

                  </ul>
      <a href="https://book.banskoblog.com/start/" target="_blank" title="Start your booking here" class="btn btn-book-now-lg btn-rounded ml-auto d-none d-lg-inline-block">Book now</a>
        <!-- <form class="form-inline my-2 my-lg-0 white-text" action="https://banskoblog.com/page/search.php" method="get">
          <input class="form-control mr-sm-2 white-text" type="text" name="search" placeholder="Search">
          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form> -->
      </div>
    </div>
  </nav>

  <div id="promo-popup" style="display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 9999;">
    <div style="max-width: 800px; margin: 20px auto; background: rgba(3, 169, 244, 0.9)!important; padding: 20px; border-radius: 8px; position: relative; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
      <button id="close-popup" style="position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 24px; cursor: pointer;">&times;</button>
      <div class="jumpbar-wrap e534z390" height="120">
    </div>
    <div class="jumpbar-content e534z391">
      <div class="hb-bar-content">
      <div class="hb-bar-content">
        <div id="headline" class=" jumpbar-nx92gj e534z398">
        <p class="simple"><span style="font-family: 'SourceSansPro'; font-size: 1.2em; font-weight: 500;">
          Book with Confidence: 100% Refund Guarantee on Transfers, Ski Hire &amp; Lessons. Don't Miss Out -
          Book Now for 15% Off &amp; Save Big on Exclusive Offers!</span>
          </p>
        </div>
        <div class="hb-form jumpbar-vqu997 e534z394">
          <div class="hb-cta jumpbar-jjngnm">
            <button id="cta-book" class="btn" style="font-family: 'SourceSansPro'; font-size: 20px; font-weight: 400;">Click here</button>
          </div>
        </div>
        </div>
      </div>
      </div>
    </div>
  </div>

  <script>

if(!sessionStorage.getItem('promoClosed')){
  setTimeout(function() {
    document.getElementById('promo-popup').style.display = 'block';
  }, 5000);
}
  document.getElementById('close-popup').addEventListener('click', function() {
    document.getElementById('promo-popup').style.display = 'none';
    sessionStorage.setItem('promoClosed', 'true');
  });
  document.getElementById('promo-popup').addEventListener('click', function(e) {
    if (e.target === this) {
      this.style.display = 'none';
      sessionStorage.setItem('promoClosed', 'true');
    }
  });
  document.getElementById('cta-book').addEventListener('click', function() {
    window.location.href = 'https://book.banskoblog.com/start/';
  });
const dropdownMenu = document.querySelectorAll('.dropdown-menu');
const dropdownToggle = document.querySelectorAll('.dropdown-toggle');

dropdownToggle.forEach(menu => {
  menu.addEventListener('click', (e) => {
    e.stopPropagation();
    console.log('Dropdown toggle clicked');
    let dropdownMenu = menu.nextElementSibling;
    dropdownMenu.classList.toggle('show');
    console.log(dropdownMenu);
  });
});

document.addEventListener('click', function(e) {
  dropdownMenu.forEach(menu => {
    menu.classList.remove('show');
  });
});
  </script>
  <style>
    .dropdown-menu.show {
        display: block;
    }
    .dropdown .dropdown-menu .dropdown-item:hover{
      background-color: rgba(3, 169, 244, 0.9) !important;
    }
  </style>  <!--  END OF HEADER -->

  <!--  Home -->
<section id="home-top" class="pt-5">
	  <!-- <img src="images2/header.jpg" alt="" class="img-fluid">  -->
    <div id="home-top-container" class="container pt-5">
      <div class="row justify-content-between" >
        <div class="col-md-7">
          <img src="./images2/banskoblog-logo-small.png" alt="banskoblog logo" id="bansko-logo" class="float-left mr-3 img-fluid w-xs-25">
          <div class="pt-3" style="padding-left: 140px;">
            <h2 class="white-text font-weight-bold">BanskoBlog</h2>
            <h4 class="white-text">Ski lessons. Ski rent. Transfers.</h4>
          </div>
        </div>
        <div class="col-md-5 pt-4 d-md-flex text-xs-center">
          <i class="wi wi-day-snow-wind mr-3 white-text fa-4x" ></i>
          <div class="d-inline-block current-weather">
            <p class="d-inline-block white-text mb-1">Curent <br>conditions</p>
            <p id="current-temp" class="d-inline-block white-text fa-3x ml-2 line-height-0">--&deg;</p><br>
            <p class="d-inline-block white-text py-1 pr-5 fsize-0 border border-rgb-light border-left-0 border-right-0"> Bansko <span class="font-weight-bold" id="bansko-temp">--&deg;</span>
            &nbsp; Peak <span class="font-weight-bold" id="peak-temp">--&deg;</span>
            </p>
          </div>
          <span class="hidden-sm-up"> <br> </span>
          <a href="https://www.accuweather.com/en/bg/bansko/43095/daily-weather-forecast/43095?page=0" target="_blank" title="" class="btn btn-rounded waves-light rgba-white-light white-text z-depth-0 align-self-center">Full Forcast &nbsp; <i class="fa fa-angle-right fa-3x " aria-hidden="true"></i></a>
        </div>
      </div>

    </div>
	</section>
 <!-- END of  Home -->


  <section class="home">
    <div class="container">
        <div class="row justify-content-between">

          <div class="col-md-8 text-center">

            <div class="row">

              <div class="col-md-8">
                <div class="d-inline-block mx-1 mb-3 pt-5 rgba-blue-strong rect-120 lift-rectangle border-radius-10" >
                  <span class="white-text font-weight-bold fa-3x line-height-0">0</span>
                  <p class="white-text">Out of <span class="font-weight-bold">17</span> lifts</p>
                </div>
                <div class="d-inline-block mx-1 mb-3 pt-5 rgba-blue-strong rect-120 lift-rectangle border-radius-10" >
                  <span class="white-text font-weight-bold fa-3x line-height-0">0</span>
                  <p class="white-text">Out of <span class="font-weight-bold">18</span> runs</p>
                </div>
                <div class="clear"></div>
                <a href="https://banskoblog.com/lifts-and-runs" target="_blank" class="btn btn-rounded waves-light mdb-color px-4 full-report"> Full List</a>
              </div>

              <div class="col-md-12">
                <h1 class="my-5 fa-3x font-weight-bold mdb-text">WELCOME TO WINTER 25/26</h1>
                <ul class="list-unstyled list-inline d-md-flex justify-content-center text-center">
                  <li class="list-inline-item blue-text mr-4 quick-button border-radius-10">
                    <a href="/cam-page" title="" class="d-block text-center">
                      <div class="border border-light border-width-3 rounded-circle size-circle d-flex justify-content-center mb-3 view overlay hm-stylish-slight">
                        <i class="fa fa-video-camera fa-2x align-self-center" aria-hidden="true"></i>
                        <div class="mask"></div>
                      </div>
                      <h5 class="blue-text">Check Cams</h5>
                    </a>
                  </li>
                  <li class="list-inline-item blue-text mr-4 quick-button border-radius-10" >
                    <a href="/map" class="d-block text-center">
                    <div class="border border-light border-width-3 rounded-circle size-circle d-flex justify-content-center mb-3 view overlay hm-stylish-slight">
                      <i class="fa fa-map-o fa-2x align-self-center" aria-hidden="true"></i>
                      <div class="mask"></div>
                    </div>
                    <h5 class="blue-text">Piste Maps</h5>
                    </a>
                  </li>
                  <li class="list-inline-item blue-text mr-4 quick-button border-radius-10">
                      <a href="https://www.accuweather.com/en/bg/bansko/43095/daily-weather-forecast/43095?page=0" target="_blank" class="d-block text-center">
                    <div class="border border-light border-width-3 rounded-circle size-circle d-flex justify-content-center mb-3 view overlay hm-stylish-slight">
                      <i class="wi wi-day-snow-wind fa-2x align-self-center" ></i>
                      <div class="mask"></div>
                    </div>
                    <h5 class="blue-text">Full Forcast</h5>
                      </a>
                  </li>
                  <li class="list-inline-item blue-text mr-4 quick-button border-radius-10">
                  <a href="/lifts-and-runs" title="" class="d-block text-center">
                      <div class="border border-light border-width-3 rounded-circle size-circle d-flex justify-content-center mb-3 view overlay hm-stylish-slight">
                        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                          width="34.96px" height="48.587px" viewBox="0 0 34.96 48.587" style="enable-background:new 0 0 34.96 48.587;"
                          xml:space="preserve" class="align-self-center">
                          <style type="text/css">
                          .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#009DFF;}
                          </style>
                          <path class="st1" d="M10.693,25.932h13.573c4.397,5.048,6.231,10.917,3.424,19.19c-0.705,2.079-2.673,3.465-4.868,3.465H12.136
                          c-2.195,0-4.162-1.387-4.868-3.465C4.462,36.849,6.296,30.98,10.693,25.932L10.693,25.932z M18.677,19.772
                          c0.63-1.513,0.831-3.247,0.831-4.853v-1.139l-1.424,0.822l-1.027-0.825l-1.41,0.814l-0.991-1.717l8.243-4.759l0.991,1.717
                          l-1.41,0.814l0.201,1.302l-1.424,0.822v2.149c0,1.798-0.233,3.761-0.967,5.523c-0.371,0.891-0.868,1.727-1.521,2.461l3.77,1.668
                          v0.735H12.421V24.57C15.096,23.386,17.448,22.722,18.677,19.772L18.677,19.772z M13.358,10.627l0.465,0.805l8.243-4.759
                          l-0.465-0.805L13.358,10.627L13.358,10.627z M0,19.967l0.376,0.654L34.96,0.654L34.584,0L0,19.967L0,19.967z M12.948,38.099
                          c-0.034-2.402,0.025-2.934,0.284-5.326c0.206-1.905,0.538-3.778,0.995-5.632h-2.796c-2.271,2.703-3.606,6.054-3.987,9.557
                          c-0.119,1.093-0.144,0.318-0.085,1.401H12.948L12.948,38.099z M22.012,38.099h5.589c0.059-1.083,0.034-0.308-0.085-1.401
                          c-0.381-3.503-1.717-6.854-3.987-9.557h-2.796c0.457,1.854,0.789,3.726,0.995,5.632C21.986,35.164,22.045,35.697,22.012,38.099
                          L22.012,38.099z M14.901,27.141c-1.086,4.33-1.363,6.397-1.298,10.958h7.755c0.065-4.561-0.212-6.628-1.298-10.958H14.901z"/>
                        </svg>
                        <div class="mask"></div>
                      </div>
                      <h5 class="blue-text">Lifts & Runs</h5>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>

          <div class="col-md-4">
            <div class="rgba-blue-strong border-radius-10" style="padding:2rem">
              <h2 class="white-text source-sans">2025/26 SKI SEASON:</h2>
              <ul class="white-text fsize-2 pl-3">
                <li>Discounted Ski/Snowboard Hire</li>
                <li>Group/Private Lessons</li>
                <li>Transefers</li>
                <li>Ski Packages</li>
              </ul>
              <hr class="white">
              <p class="white-text fsize-2">100% Refund Guarantee</p>
              <!-- <p class="white-text fsize-2"> <img src="images2/ski-goggles.png" class="float-left mr-2" alt="" width="60">FREE Piste Map Lens Cloths!</p> -->
            </div>
            <div class="text-center">
              <!-- <a href="https://banskoblog.com/page/article-page.php?id=14880" target="_blank" class="btn btn-rounded waves-light rgba-mdb-color-strong px-4 fsize-3 get-offer">Get &nbsp; <i class="fa fa-angle-right fsize-4" aria-hidden="true"></i></a> -->
              <a href="https://book.banskoblog.com/start/" target="_blank" class="btn btn-rounded waves-light rgba-mdb-color-strong px-4 fsize-3 get-offer">Book now &nbsp; <i class="fa fa-angle-right fsize-4" aria-hidden="true"></i></a>
            </div>
          </div>

        </div>
    </div>
  </section >
 <section class="blog">
    <div class="container mt-4" >
      <h2 class="text-center fa-3x pt-2">BANSKO VLOG</h2>
      <div class="row">
        <div class="blog-wrapper col-12">
          <div class="row">
            <div class="col-md-4 text-center grid-item pt-5 mb-5 h-auto ml-auto mr-auto">
              <img src="images2/banskoblog-logo-small.png" alt="" class="w-25 mb-2" style="background-color: rgb(106, 173, 252); border-radius: 50%">
              <h5>BY LANCE NELSON</h5>
              <a href="https://youtube.com/user/banskoblog" target="_blank" class="btn btn-rounded waves-light teal" >Full Vlog <i class="fa fa-angle-right" aria-hidden="true"></i></a>
            </div>
        </div>
        <div class="row vlog-grid">

        </div>
        </div>
      </div>


    </div>
  </section>
  <section class="container-fluid py-3 mountain-info">
    <div class="container pb-5 my-5">

      <div class="row">
  <div class="col-12 mb-5">
     <div class="w-100 my-3 info-wrapper " style="background:url('images2/mountain.jpg')no-repeat center center;">
            <div class="d-flex col-2 offset-10 justify-content-center h-100 info-more">
              <!-- <p class="text-white align-self-center text-center ">
                <i class="fa fa-angle-right fa-3x d-block ml-3" aria-hidden="true"></i>
                &nbsp; <span class="more">MORE</span>
              </p> -->
            </div>
          </div>
  </div>
        <div class="col-lg-6 col-12 mb-5">
          <a href="./page/faq.php" title="" class="d-block d-flex justify-content-between align-items-center fsize-4 px-4 blue-text">
            Ski Resort FAQs
            <span> <i class="fa fa-angle-right" aria-hidden="true"></i></span>
          </a>
          <hr>
          <a href="https://banskoblog.com/page/article-page.php?id=14918" title="Lift Pass Prices" class="d-block d-flex justify-content-between align-items-center fsize-4 px-4 blue-text">
            Lift Pass Prices
            <span> <i class="fa fa-angle-right" aria-hidden="true"></i></span>
          </a>
          <hr>
          <a href="https://book.banskoblog.com/start/" target="_blank" title="" class="d-block d-flex justify-content-between align-items-center fsize-4 px-4 blue-text">
            Ski Hire / Lessons / Packages
            <span> <i class="fa fa-angle-right" aria-hidden="true"></i></span>
          </a>
          <hr>
          <div class="row position-relative">
            <div class="rotate-wrapper">
              <p class="rotate fsize-2 grey-text">
                MOUNTAIN POSTS
              </p>
            </div>

            <div class="col-11 offset-1 feed-column-left d-flex flex-column">

            </div>
          </div>

        </div>

        <div class="col-lg-6 col-12 mb-5">
          <a href="https://zavedenia.biz/app/banskoblog/transfer/private.php" target="_blank" rel="noopener nofollow" title="" class="d-block d-flex justify-content-between align-items-center fsize-4 px-4 blue-text">
           Private Transfers
            <span> <i class="fa fa-angle-right" aria-hidden="true"></i></span>
          </a>
          <hr>
          <a href="https://vsofia.com/app/setmenus/fullscreen.php" target="_blank" rel="nofollow noopener" title="" class="d-block d-flex justify-content-between align-items-center fsize-4 px-4 blue-text">
            Top Restaurants in Bansko
            <span> <i class="fa fa-angle-right" aria-hidden="true"></i></span>
          </a>
          <hr>
          <a href="https://youtube.com/user/banskoblog" target="_blank" title="" class="d-block d-flex justify-content-between align-items-center fsize-4 px-4 blue-text">
            BanskoBlog on Youtube
            <span> <i class="fa fa-angle-right" aria-hidden="true"></i></span>
          </a>
          <hr>
          <div class="row position-relative ">
            <div class="rotate-wrapper">
              <p class="rotate fsize-2 grey-text">
                MOUNTAIN POSTS
              </p>
            </div>

            <div class="col-11 offset-1 feed-column-right d-flex flex-column">
              <!-- <div class="border border-light mb-3  position-relative">
                <div class="float-left mr-3 rect-120" style="background:url('images2/img-holder.jpg')no-repeat center center; background-size:cover;"></div>
                <h4 class="p-2 py-4 teal-text">
                  What the FAQ #5: What do I need to pack for Bansko
                </h4>
                <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Sep 19, 2017</p>
                <div class="clearfix"> </div>
              </div>
              <div class="border border-light mb-3  position-relative">
                <div class="float-left mr-3 rect-120" style="background:url('images2/img-holder.jpg')no-repeat center center; background-size:cover;"></div>
                <h4 class="p-2 py-4 teal-text">
                  What the FAQ #5: What do I need to pack for Bansko
                </h4>
                <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Sep 19, 2017</p>
                <div class="clearfix"> </div>
              </div>
              <div class="border border-light mb-3  position-relative">
                <div class="float-left mr-3 rect-120" style="background:url('images2/img-holder.jpg')no-repeat center center; background-size:cover;"></div>
                <h4 class="p-2 py-4 teal-text">
                  What the FAQ #5: What do I need to pack for Bansko
                </h4>
                <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Sep 19, 2017</p>
                <div class="clearfix"> </div>
              </div> -->
            </div>
          </div>
          <!-- <div class="text-center">
             <a class="btn teal btn-rounded waves-light fs-4">Read More <i class="fa fa-angle-right" aria-hidden="true"></i></a>
          </div> -->
        </div>
        <div class="row w-100">
          <div class="col-12">
             <div class="text-center">
              <a href="https://banskoblog.com/blog/" title="Posts page - Mountain Posts" class="btn teal btn-rounded waves-light fs-4">See all posts <i class="fa fa-angle-right" aria-hidden="true"></i></a>
            </div>
          </div>
        </div>

      </div>
    </div>
  </section>

  <section id="world-news" class="container-fluid py-3" >
    <h2 class="text-center fa-3x pt-2">NEWS FROM THE SKI WORLD</h2>
    <div class="container pb-5 my-5">
      <div class="row">
        <div class="col-lg-6 col-12">
          <div class="row position-relative">
            <div class="rotate-wrapper">
              <p class="rotate fsize-2 grey-text">
                NEWS POSTS
              </p>
            </div>
            <div class="col-lg-11 col-11 offset-1 feed-column-left d-flex flex-column">
                              <div class="rss-article d-flex border border-light mb-3  position-relative">
                  <div class="post-img mr-3 rect-120" style="background:url('./images/todorka.jpg')no-repeat center center; background-size:cover;"></div>
                  <a href="/news/122-planetski-summer-72-hours-athens" class="teal-text">
                    <h4 class="p-2 teal-text post-title">
                      PlanetSKI Summer: 72 Hours Athens                    </h4>
                  </a>
                  <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 25, 2026</p>
                  <div class="clearfix"> </div>
                   <!-- <div class="post-img mr-3 rect-120" style="background:url('')no-repeat center center; background-size:cover;"></div>
                        <a href='https://banskoblog.com/page/article-page.php?id=122'><div class="post-title"><h4 class="teal-text">
                          PlanetSKI Summer: 72 Hours Athens                          </h4></div>
                        </a>
                        <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 25, 2026</p>
                <div class="clearfix"> </div> -->

                </div>

                                <div class="rss-article d-flex border border-light mb-3  position-relative">
                  <div class="post-img mr-3 rect-120" style="background:url('./images/todorka.jpg')no-repeat center center; background-size:cover;"></div>
                  <a href="/news/121-discover-western-new-yorks-hidden-ski-gem" class="teal-text">
                    <h4 class="p-2 teal-text post-title">
                      Discover Western New York’s Hidden Ski Gem                    </h4>
                  </a>
                  <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 23, 2026</p>
                  <div class="clearfix"> </div>
                   <!-- <div class="post-img mr-3 rect-120" style="background:url('')no-repeat center center; background-size:cover;"></div>
                        <a href='https://banskoblog.com/page/article-page.php?id=121'><div class="post-title"><h4 class="teal-text">
                          Discover Western New York’s Hidden Ski Gem                          </h4></div>
                        </a>
                        <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 23, 2026</p>
                <div class="clearfix"> </div> -->

                </div>

                                <div class="rss-article d-flex border border-light mb-3  position-relative">
                  <div class="post-img mr-3 rect-120" style="background:url('./images/todorka.jpg')no-repeat center center; background-size:cover;"></div>
                  <a href="/news/120-fay-manners-completes-first-ski-descent-on-perus-ranrapalca" class="teal-text">
                    <h4 class="p-2 teal-text post-title">
                      Fay Manners Completes First Ski Descent On Peru’s Ranrapalca                    </h4>
                  </a>
                  <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 22, 2026</p>
                  <div class="clearfix"> </div>
                   <!-- <div class="post-img mr-3 rect-120" style="background:url('')no-repeat center center; background-size:cover;"></div>
                        <a href='https://banskoblog.com/page/article-page.php?id=120'><div class="post-title"><h4 class="teal-text">
                          Fay Manners Completes First Ski Descent On Peru’s Ranrapalca                          </h4></div>
                        </a>
                        <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 22, 2026</p>
                <div class="clearfix"> </div> -->

                </div>

                            </div>
          </div>
        </div>
                <div class="col-lg-6 col-12">
          <div class="row position-relative">
            <div class="rotate-wrapper">
              <p class="rotate fsize-2 grey-text">
                NEWS POSTS
              </p>
            </div>
            <div class="col-lg-11 col-11 offset-1 feed-column-left d-flex flex-column">
                               <div class="rss-article d-flex border border-light mb-3  position-relative">
                  <div class="post-img mr-3 rect-120" style="background:url('./images/todorka.jpg')no-repeat center center; background-size:cover;"></div>
                  <a href="/news/119-3-metres-of-snowfall-in-3-days-in-the-andes" class="teal-text">
                    <h4 class="p-2 teal-text post-title">
                      3 Metres Of Snowfall In 3 Days In The Andes                    </h4>
                  </a>
                  <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 20, 2026</p>
                  <div class="clearfix"> </div>
                   <!-- <div class="post-img mr-3 rect-120" style="background:url('')no-repeat center center; background-size:cover;"></div>
                        <a href='https://banskoblog.com/page/article-page.php?id=119'><div class="post-title"><h4 class="teal-text">
                          3 Metres Of Snowfall In 3 Days In The Andes                          </h4></div>
                        </a>
                        <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 20, 2026</p>
                <div class="clearfix"> </div> -->

                </div>

                                <div class="rss-article d-flex border border-light mb-3  position-relative">
                  <div class="post-img mr-3 rect-120" style="background:url('./images/todorka.jpg')no-repeat center center; background-size:cover;"></div>
                  <a href="/news/118-us-ski-resort-turns-on-snow-cannons-as-wildfire-threatens" class="teal-text">
                    <h4 class="p-2 teal-text post-title">
                      US Ski Resort Turns on Snow Cannons as Wildfire Threatens                    </h4>
                  </a>
                  <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 18, 2026</p>
                  <div class="clearfix"> </div>
                   <!-- <div class="post-img mr-3 rect-120" style="background:url('')no-repeat center center; background-size:cover;"></div>
                        <a href='https://banskoblog.com/page/article-page.php?id=118'><div class="post-title"><h4 class="teal-text">
                          US Ski Resort Turns on Snow Cannons as Wildfire Threatens                          </h4></div>
                        </a>
                        <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 18, 2026</p>
                <div class="clearfix"> </div> -->

                </div>

                                <div class="rss-article d-flex border border-light mb-3  position-relative">
                  <div class="post-img mr-3 rect-120" style="background:url('./images/todorka.jpg')no-repeat center center; background-size:cover;"></div>
                  <a href="/news/115-new-stansted-innsbruck-service-launches" class="teal-text">
                    <h4 class="p-2 teal-text post-title">
                      New Stansted-Innsbruck Service Launches                    </h4>
                  </a>
                  <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 16, 2026</p>
                  <div class="clearfix"> </div>
                   <!-- <div class="post-img mr-3 rect-120" style="background:url('')no-repeat center center; background-size:cover;"></div>
                        <a href='https://banskoblog.com/page/article-page.php?id=115'><div class="post-title"><h4 class="teal-text">
                          New Stansted-Innsbruck Service Launches                          </h4></div>
                        </a>
                        <p class="text-silver fsize-0 grey-text d-inline-block position-absolute" style="right: 10px; bottom:-10px;">Jul 16, 2026</p>
                <div class="clearfix"> </div> -->

                </div>

                            </div>
          </div>
        </div>
              </div>
      <div class="row w-100">
          <div class="col-12">
             <div class="text-center">
              <a href="https://banskoblog.com/news/" title="News page - News From the ski World" class="btn teal btn-rounded waves-light fs-4">See all news <i class="fa fa-angle-right" aria-hidden="true"></i></a>
            </div>
          </div>
        </div>
    </div>
  </section>
  <!-- Search -->

  <section class="container-fluid py-3 search">
    <div class="container rgba-blue-medium py-5 my-3">
      <dir class="row d-md-flex px-3 justify-content-center">
        <div class="col-md-8 col-12  text-center text-white">
          <hr class="white h-3px ">
          <h2 class="fa-3x mt-5 mb-3">SEARCH banskoblog.com</h2>
          <form class="waves-light row search-form" accept-charset="utf-8" action="https://banskoblog.com/page/search.php" method="get">
            <input class="btn-rounded form-control white col-md-7 offset-md-1 d-inline-block" type="text" name="search"  placeholder="Top restaurants in Bansko...">
            <button class="btn btn-warning btn-rounded waves-light fs-4 col-md-3 line-height-0 btn-search" mdbRippleRadius>Search &nbsp; <i class="fa fa-angle-right fsize-4" aria-hidden="true"></i></button>
          </form>

          <hr class="white h-3px">

        </div>
        <div class="col-md-10">
          <div class="row d-flex justify-content-center">
            <h5 class="col-12 text-center text-white fs-3 my-4 white-text">POPULAR SEARCHES</h5>
            <ul class="col-md-3 list-unstyled text-center fsize-2">
              <li> <a href="https://banskoblog.com/page/search.php?search=apartments bansko" class="white-text">apartments bansko</a></li>
              <li> <a href="https://banskoblog.com/page/search.php?search=transfers" class="white-text">transfers</a></li>
              <li> <a href="https://banskoblog.com/page/search.php?search=night%20skiing" class="white-text">night skiing</a></li>
              <li> <a href="https://banskoblog.com/page/search.php?search=apartments" class="white-text">apartments</a></li>
            </ul>
            <ul class="col-md-3 list-unstyled text-center fsize-2">
              <li> <a href="https://banskoblog.com/page/search.php?search=wine" class="white-text">wine</a></li>
              <li> <a href="https://banskoblog.com/page/search.php?search=taxi" class="white-text">taxi</a></li>
              <li> <a href="https://banskoblog.com/page/search.php?search=lance" class="white-text">lance nelson</a></li>
              <li> <a href="https://banskoblog.com/page/search.php?search=banskoblog" class="white-text">banskoblog</a></li>
            </ul>
            <ul class="col-md-3 list-unstyled text-center fsize-2">
              <li> <a href="https://banskoblog.com/page/search.php?search=map" class="white-text">map</a></li>
              <li> <a href="https://banskoblog.com/page/search.php?search=jobs" class="white-text">jobs</a></li>
              <li> <a href="https://banskoblog.com/page/search.php?search=restaurants" class="white-text">restaurants</a></li>
              <li> <a href="https://banskoblog.com/page/search.php?search=lifts" class="white-text">lift pass</a></li>
            </ul>
          </div>

        </div>
      </dir>
    </div>
  </section>

  <!-- End of Search -->

  <!--- App Advertise-->
  <section>
    <div class="container my-4 p-5 app-advertise">
      <div class="row d-md-flex">
        <div class="col-md-5 text-xs-center">
          <h2 class="white-text"> THE COMPLETE GUIDE IN YOUR POCKET. </h2>
          <a href="https://play.google.com/store/apps/details?id=com.banskoblog.android&hl=en" target="_blank" title="" class="btn white blue-text btn-rounded waves-light fs-4 my-4">Get Bansko App <i class="fa fa-angle-right" aria-hidden="true"></i></a>
        </div>
        <div class="col-md-2 text-xs-center">
          <img src="images2/banskoapp.png" alt="" class="img-fluid w-100 logo">
        </div>
        <div class="col-md-3 align-self-center text-xs-center">
          <a href="https://apps.apple.com/bg/app/bansko/id491461324" target="_blank" title="">
            <img src="images2/appstore.png" alt="" class="img-fluid w-50">
          </a>
        </div>
      </div>
    </div>
  </section>
  <!--- End of App Advertise-->

  <!--- Blog-->
 <!-- <section class="blog">
    <div class="container mt-4" >
      <h2 class="text-center fa-3x pt-2">BANSKO VLOG</h2>
      <div class="row">
        <div class="blog-wrapper w-100">

          <div class="col-md-4 grid-sizer  ">

          </div>

          <div class="col-md-4 grid-item hidden-xs-down blog-place-holder">

          </div>

          <div class="col-md-4 text-center grid-item pt-5 mb-5 h-auto">
            <img src="images2/banskoblog-logo-small.png" alt="" class="w-25 mb-2" style="background-color: rgb(106, 173, 252); border-radius: 50%">
            <h5>BY LANCE NELSON</h5>
            <a href="https://youtube.com/user/banskoblog" target="_blank" class="btn btn-rounded waves-light teal" >Full Vlog <i class="fa fa-angle-right" aria-hidden="true"></i></a>
          </div>

          <div class="col-md-4 grid-item hidden-xs-down blog-place-holder">

          </div> -->


          <!-- <div class="col-md-4 grid-item mb-5">
            <div class="card ">
              <div class="iframe-holder mb-0">
                <iframe width="560" height="315" src="https://www.youtube.com/embed/sEhh49kPrWk?si=CefkXYCUNQLmbAze" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                </div>
            </div>
          </div>
          <div class="col-md-4 grid-item mb-5">
            <div class="card ">
              <div class="iframe-holder mb-0">
                <iframe width="560" height="315" src="https://www.youtube.com/embed/ihQDJKTvPKw?si=WN-l9vddyuypJar9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                </div>
            </div>
          </div>
          <div class="col-md-4 grid-item mb-5">
            <div class="card ">
              <div class="iframe-holder mb-0">
                <iframe width="560" height="315" src="https://www.youtube.com/embed/p0D8qvOzcTA?si=vuv6-9hI8Vuho2Yg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                </div>
            </div>
          </div>
          <div class="col-md-4 grid-item mb-5">
            <div class="card ">
              <div class="iframe-holder mb-0">
                <iframe width="560" height="315" src="https://www.youtube.com/embed/NKDil1EfBXw?si=0lwVTJS3e0jvU54h" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                </div>
            </div>
          </div>
          <div class="col-md-4 grid-item mb-5">
            <div class="card ">
              <div class="iframe-holder mb-0">
                <iframe width="560" height="315" src="https://www.youtube.com/embed/SF-NgTucKxw?si=9zbLEceCZ6Wy89mZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                </div>
            </div>
          </div> -->

        <!-- </div>
      </div>


    </div>
  </section> -->
  <!--- End of Blog-->

  <!--- Footer-->
  
<footer class="mdb-color footer">
    <div class="container">
      <div class="row">
        <div class="col-12 text-center py-5 d-md-flex justify-content-center align-items-center text-xs-center">
          <a href="https://www.facebook.com/BanskoBlog/" target="_blank" rel="nofollow noopener">
            <span class="sprite facebook mr-3 mt-3"></span>
          </a>
          <a href="https://x.com/bansko" target="_blank" rel="nofollow noopener">
            <span class="sprite twitter mt-3"></span>
          </a>
          <img src="images2/banskoblog.png" alt="" class="img-fluid mx-md-5 w-xs-100">
          <a href="https://www.youtube.com/user/banskoblog" target="_blank" rel="nofollow noopener">
            <span class="sprite youtube mr-3 mt-3"></span>
          </a>
          <a href="https://www.instagram.com/banskoblog/" target="_blank" rel="nofollow noopener">
            <span class="sprite instagram mt-3"></span>
          </a>
        </div>
      </div>
      <div class="row">

      <div class="col-md-3 col-6">

          <!-- <h4 class="blue-text">EVENTS</h4>

          <ul class="list-unstyled">
            <li><a href="" title="" class="light-grey-text">Where to Stay</a></li>
            <li><a href="" title="" class="light-grey-text">How to Get Here</a></li>
          </ul> -->

          <h4 class="blue-text">INFO</h4>

          <ul class="list-unstyled">
            <!-- <li><a href="" title="" class="light-grey-text">Disclosure Policy</a></li> -->
            <li><a href="/privacy" title="" class="light-grey-text">Privacy & Cookie  Policy  </a></li>
            <!-- <li><a href="" title="" class="light-grey-text">Advertise</a></li> -->
            <li><a href="/contact" title="" class="light-grey-text">Contact Us</a></li>

          </ul>

        </div>

        <div class="col-md-3 col-6">
          <h4 class="blue-text">FAQ</h4>
          <ul class="list-unstyled">
            <li><a href="https://banskoblog.com/honest-bansko-guide-2026" title="Honest Guide 2026" class="light-grey-text">Honest Guide 2026</a></li>
          </ul>
        </div>
        <!-- <div class="col-md-3 col-6">

          <h4 class="blue-text">STAYING</h4>

          <ul class="list-unstyled">
            <li><a href="" title="" class="light-grey-text">History</a></li>
            <li><a href="https://zavedenia.biz/bansko/page/category.php?slug=bansko-hotel" title="" class="light-grey-text">Hotels</a></li>
            <li><a href="" title="" class="light-grey-text">Sponsors</a></li>
            <li><a href="" title="" class="light-grey-text">Festival News</li>
            <li><a href="" title="" class="light-grey-text">Social News Feeds</a></li>
            <li><a href="" title="" class="light-grey-text">Archives</a></li>
            <li><a href="../pages/contact.php" title="" class="light-grey-text">Contact Us</a></li>
          </ul>
        </div> -->

        <!-- <div class="col-md-3 col-6">

          <h4 class="blue-text">DINING</h4>

          <ul class="list-unstyled">
            <li><a href="" title="" class="light-grey-text">History</a></li>
            <li><a href="" title="" class="light-grey-text">Sponsors</a></li>
            <li><a href="" title="" class="light-grey-text">The Caleta Hotel</a></li>
            <li><a href="" title="" class="light-grey-text">Festival News</li>
            <li><a href="" title="" class="light-grey-text">Social News Feeds</a></li>
            <li><a href="" title="" class="light-grey-text">Archives</a></li>

          </ul>
        </div> -->

      </div>
      <div class="row">
        <dir class="col-md-3">
          <hr class="light-grey">
          <p class="fsize-0 blue-grey-text">
            © Copyright © banskoblog.com 2017. <br>
            Website design by Piranha Designs
          </p>

        </dir>
        <dir class="col-md-3">
          <hr class="light-grey">
          <p class="fsize-0 blue-grey-text">Tel: +359 892 348600</p>
        </dir>
        <dir class="col-md-3">
          <hr class="light-grey">
          <p class="fsize-0 blue-grey-text">Email: info@banskoblog.com</p>
        </dir>
        <dir class="col-md-3">
          <hr class="light-grey">
        </dir>

      </div>
    </div>
</footer>

<!--Start of http://Tawk.to  Script-->

<script type="text/javascript">

var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();

(function(){

var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];

s1.async=true;

s1.src='https://embed.tawk.to/6942beb68b507f1983f4d34f/1jcmbhuaa';

s1.charset='UTF-8';

s1.setAttribute('crossorigin','*');

s0.parentNode.insertBefore(s1,s0);

})();

</script>

<!--End of http://Tawk.to  Script-->  <!---End of Footer-->

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
    <script src="js/mdb.min.js"></script>
    <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.js"></script>
    <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
    <!-- <script src="js/weather.js"></script> -->
    <script>
        fetch('./js/youtube-proxy-new.php')
          .then(response => response.json())
          .then(videos => {
            let maxCount = 6;
                videos.items.forEach(video => {
                  if (maxCount-- <= 0) return;
                  const videoId = video['id']['videoId'];
                  console.log(videoId);
                  const iframe = document.createElement('iframe');
                  iframe.width = "560";
                  iframe.height = "315";
                  iframe.src = `https://www.youtube.com/embed/${videoId}`;
                  iframe.title = "YouTube video player";
                  iframe.frameBorder = "0";
                  iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share";
                  iframe.referrerPolicy = "strict-origin-when-cross-origin";
                  iframe.allowFullscreen = true;
                  const cardDiv = document.createElement('div');
                  cardDiv.className = "card";
                  const iframeHolderDiv = document.createElement('div');
                  iframeHolderDiv.className = "iframe-holder mb-0";
                  iframeHolderDiv.appendChild(iframe);
                  cardDiv.appendChild(iframeHolderDiv);
                  const gridItemDiv = document.createElement('div');
                  gridItemDiv.className = "col-md-4 grid-item mb-5";
                  gridItemDiv.appendChild(cardDiv);
                  document.querySelector('.vlog-grid').appendChild(gridItemDiv);
                });
          })
          .catch(error => console.error('Error fetching videos:', error));

        </script>
    <script src="js/main.js?v=1.0.0"></script>
    <script src="js/rss-feed.js"></script>
    <script>

</script>
  </body>
</html>

