title: using lightGallery and Jekyll: TypeError: $(...).lightGallery is not a function
body: <p>I´m new to Jekyll and Javascript and I´m trying to implement lightGallery by "sachinchoolur" (on Github) with Jekyll. I had a look at related questions asked earlier here and on Github and tried the proposed solutions like 
  a) changing the source of lightgallery from local to a web link
  b) changing the version of lightgallery/jquery
  c) tried different ways to implement it like:
     <a href="https://github.com/sachinchoolur/lightGallery/blob/master/demo/index.html" rel="nofollow noreferrer">https://github.com/sachinchoolur/lightGallery/blob/master/demo/index.html</a>
     <a href="https://olivierpieters.be/blog/2016/02/26/creating-a-jekyll-image-gallery#adding-some-styling-with-scss" rel="nofollow noreferrer">https://olivierpieters.be/blog/2016/02/26/creating-a-jekyll-image-gallery#adding-some-styling-with-scss</a>
     <a href="https://www.npmjs.com/package/lightgallery/v/1.2.6" rel="nofollow noreferrer">https://www.npmjs.com/package/lightgallery/v/1.2.6</a>
  Nothing worked and the error remains.</p>
  
  <p>I downloaded lightGallery from Github and didn´t install it via Bower or npm.
  I was even wondering if it is possible at all to implement it via Jekyll as it is a >static&lt; website generator but implementing isotope worked fine. So far I didn´t push it on Github as I´m just testing it and I was working locally.
  Here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!DOCTYPE HTML&gt;
  &lt;!--
   Editorial by HTML5 UP
   html5up.net | @ajlkn
   Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  --&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;title&gt;Mr. Turtle&lt;/title&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /&gt;
    &lt;!--[if lte IE 8]&gt;&lt;script src="/assets/js/ie/html5shiv.js"&gt;&lt;/script&gt;&lt;![endif]--&gt;
    &lt;link rel="stylesheet" href="/assets/css/main.css" /&gt;
    &lt;!--[if lte IE 9]&gt;&lt;link rel="stylesheet" href="/assets/css/ie9.css" /&gt;&lt;![endif]--&gt;
    &lt;!--[if lte IE 8]&gt;&lt;link rel="stylesheet" href="/assets/css/ie8.css" /&gt;&lt;![endif]--&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.11/css/lightgallery.css" /&gt;
  &lt;/head&gt;
  
  &lt;head&gt;
  
  &lt;/head&gt;
  
  
  &lt;body&gt;
  
    &lt;!-- Wrapper --&gt;
    &lt;div id="wrapper"&gt;
  
      &lt;!-- Main --&gt;
      &lt;div id="main"&gt;
        &lt;div class="inner"&gt;
  
          &lt;!-- Header --&gt;
          &lt;header id="header"&gt;
            &lt;a href="http://www.gis-ma.org/" class="logo"&gt;&lt;strong&gt;Gis Lab Marburg&lt;/strong&gt; Physical Geography and Geoarcheology of Philipps University Marburg&lt;/a&gt;
            &lt;ul class="icons"&gt;
              &lt;li&gt;&lt;a href="https://www.facebook.com/GeographieMarburg/?__xts__[0]=68.ARByJXKgoGm67n00NuEP-DDyz0d4PSCu6Xyd6cmr2NkgpFWDaCtrxLNh8lVMlsMa4Msa_39XkkKgX0XEPqCUq8Mr5jsoskUMFNMKZ9vJXzNSS4DxY6TlBBuTyjWcbRQx0CzAQFwR5wkBcKY8CyRvfP5thquDOxNYPQl3YAfyf-SNVCAhVeeZ"
                  class="icon fa-facebook" target="_blank"&gt;&lt;span class="label"&gt;Facebook&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  
              &lt;li&gt;&lt;a href="https://github.com/lgiese/lgiese.boat.io" class="icon fa-github" target="_blank"&gt;&lt;span class="label"&gt;GitHub&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/header&gt;
  
          &lt;!-- Content --&gt;
          &lt;section&gt;
            &lt;header class="main"&gt;
              &lt;h1&gt;Gallery&lt;/h1&gt;
            &lt;/header&gt;
  
            &lt;head&gt;
              &lt;style type="text/css"&gt;
                body {
                  background-color: #152836
                }
                
                .demo-gallery&gt;ul {
                  margin-bottom: 0;
                }
                
                .demo-gallery&gt;ul&gt;li {
                  float: left;
                  margin-bottom: 15px;
                  margin-right: 20px;
                  width: 200px;
                }
                
                .demo-gallery&gt;ul&gt;li a {
                  border: 3px solid #FFF;
                  border-radius: 3px;
                  display: block;
                  overflow: hidden;
                  position: relative;
                  float: left;
                }
                
                .demo-gallery&gt;ul&gt;li a&gt;img {
                  -webkit-transition: -webkit-transform 0.15s ease 0s;
                  -moz-transition: -moz-transform 0.15s ease 0s;
                  -o-transition: -o-transform 0.15s ease 0s;
                  transition: transform 0.15s ease 0s;
                  -webkit-transform: scale3d(1, 1, 1);
                  transform: scale3d(1, 1, 1);
                  height: 100%;
                  width: 100%;
                }
                
                .demo-gallery&gt;ul&gt;li a:hover&gt;img {
                  -webkit-transform: scale3d(1.1, 1.1, 1.1);
                  transform: scale3d(1.1, 1.1, 1.1);
                }
                
                .demo-gallery&gt;ul&gt;li a:hover .demo-gallery-poster&gt;img {
                  opacity: 1;
                }
                
                .demo-gallery&gt;ul&gt;li a .demo-gallery-poster {
                  background-color: rgba(0, 0, 0, 0.1);
                  bottom: 0;
                  left: 0;
                  position: absolute;
                  right: 0;
                  top: 0;
                  -webkit-transition: background-color 0.15s ease 0s;
                  -o-transition: background-color 0.15s ease 0s;
                  transition: background-color 0.15s ease 0s;
                }
                
                .demo-gallery&gt;ul&gt;li a .demo-gallery-poster&gt;img {
                  left: 50%;
                  margin-left: -10px;
                  margin-top: -10px;
                  opacity: 0;
                  position: absolute;
                  top: 50%;
                  -webkit-transition: opacity 0.3s ease 0s;
                  -o-transition: opacity 0.3s ease 0s;
                  transition: opacity 0.3s ease 0s;
                }
                
                .demo-gallery&gt;ul&gt;li a:hover .demo-gallery-poster {
                  background-color: rgba(0, 0, 0, 0.5);
                }
                
                .demo-gallery .justified-gallery&gt;a&gt;img {
                  -webkit-transition: -webkit-transform 0.15s ease 0s;
                  -moz-transition: -moz-transform 0.15s ease 0s;
                  -o-transition: -o-transform 0.15s ease 0s;
                  transition: transform 0.15s ease 0s;
                  -webkit-transform: scale3d(1, 1, 1);
                  transform: scale3d(1, 1, 1);
                  height: 100%;
                  width: 100%;
                }
                
                .demo-gallery .justified-gallery&gt;a:hover&gt;img {
                  -webkit-transform: scale3d(1.1, 1.1, 1.1);
                  transform: scale3d(1.1, 1.1, 1.1);
                }
                
                .demo-gallery .justified-gallery&gt;a:hover .demo-gallery-poster&gt;img {
                  opacity: 1;
                }
                
                .demo-gallery .justified-gallery&gt;a .demo-gallery-poster {
                  background-color: rgba(0, 0, 0, 0.1);
                  bottom: 0;
                  left: 0;
                  position: absolute;
                  right: 0;
                  top: 0;
                  -webkit-transition: background-color 0.15s ease 0s;
                  -o-transition: background-color 0.15s ease 0s;
                  transition: background-color 0.15s ease 0s;
                }
                
                .demo-gallery .justified-gallery&gt;a .demo-gallery-poster&gt;img {
                  left: 50%;
                  margin-left: -10px;
                  margin-top: -10px;
                  opacity: 0;
                  position: absolute;
                  top: 50%;
                  -webkit-transition: opacity 0.3s ease 0s;
                  -o-transition: opacity 0.3s ease 0s;
                  transition: opacity 0.3s ease 0s;
                }
                
                .demo-gallery .justified-gallery&gt;a:hover .demo-gallery-poster {
                  background-color: rgba(0, 0, 0, 0.5);
                }
                
                .demo-gallery .video .demo-gallery-poster img {
                  height: 48px;
                  margin-left: -24px;
                  margin-top: -24px;
                  opacity: 0.8;
                  width: 48px;
                }
                
                .demo-gallery.dark&gt;ul&gt;li a {
                  border: 3px solid #04070a;
                }
                
                .home .demo-gallery {
                  padding-bottom: 80px;
                }
              &lt;/style&gt;
              &lt;!-- jQuery version must be &gt;= 1.8.0; --&gt;
              &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
            &lt;/head&gt;
  
            &lt;section&gt;
  
              &lt;body&gt;
  
                &lt;header class="major"&gt;
                  &lt;h2&gt;Test Runs&lt;/h2&gt;
                &lt;/header&gt;
                &lt;!-- Container for the image gallery --&gt;
                &lt;div class="demo-gallery"&gt;
                  &lt;ul id="lightgallery" class="list-unstyled row"&gt;
                    &lt;li class="col-xs-6 col-sm-4 col-md-3" data-responsive="assets/images/TestRun/TR1.jpg 375, assets/images/TestRun/TR2.jpg 480, assets/images/TestRun/TR3.jpg 800" data-src="http://localhost:4002/assets/images/TestRun/TR1.jpg" data-sub-html="&amp;lt;h4&amp;gt;Fading Light&amp;lt;/h4&amp;gt;&amp;lt;p&amp;gt;Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.&amp;lt;/p&amp;gt;"&gt;
                      &lt;a href="assets/images/TestRun/TR2.jpg"&gt;
                        &lt;img class="img-responsive" src="assets/images/TestRun/TR2.jpg" /&gt;
                      &lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li class="col-xs-6 col-sm-4 col-md-3" data-responsive="assets/images/TestRun/TR4.jpg 375, assets/images/TestRun/TR5.jpg 480, assets/images/TestRun/TR6.jpg 800" data-src="http://localhost:4002/assets/images/TestRun/TR7.jpg" data-sub-html="&amp;lt;h4&amp;gt;Bowness Bay&amp;lt;/h4&amp;gt;&amp;lt;p&amp;gt;A beautiful Sunrise this morning taken En-route to Keswick not one as planned but I'm extremely happy I was passing the right place at the right time....&amp;lt;/p&amp;gt;"&gt;
                      &lt;a href="assets/images/TestRun/TR5.jpg"&gt;
                        &lt;img class="img-responsive" src="assets/images/TestRun/TR5.jpg" /&gt;
                      &lt;/a&gt;
                    &lt;/li&gt;
                  &lt;/ul&gt;
                &lt;/div&gt;
                &lt;script type="text/javascript"&gt;
                  $(document).ready(function() {
                    $('#lightgallery').lightGallery();
                  });
                &lt;/script&gt;
                &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"&gt;&lt;/script&gt;
  
                &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.11/js/lightgallery-all.min.js"&gt;&lt;/script&gt;
                &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.3/picturefill.min.js"&gt;&lt;/script&gt;
  
                &lt;!-- lightgallery plugins --&gt;
                &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lg-thumbnail/1.1.0/lg-thumbnail.min.js"&gt;&lt;/script&gt;
                &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lg-fullscreen/1.0.1/lg-fullscreen.min.js"&gt;&lt;/script&gt;
  
              &lt;/body&gt;
  
              &lt;section&gt;
  
              &lt;/section&gt;
            &lt;/section&gt;
  
  
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- Sidebar --&gt;
      &lt;div id="sidebar"&gt;
        &lt;div class="inner"&gt;
  
          &lt;!-- Search --&gt;
          &lt;section id="search" class="alt"&gt;
            &lt;form method="post" action="#"&gt;
              &lt;input type="text" name="query" id="query" placeholder="Search" /&gt;
            &lt;/form&gt;
          &lt;/section&gt;
  
          &lt;!-- TurtleIcon --&gt;
          &lt;span style="float:right;" class="image object"&gt;
                              &lt;img src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyOHB4IiBoZWlnaHQ9IjEyOHB4IiB2aWV3Qm94PSIwIDAgNTY5LjM0MiA1NjkuMzQyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NjkuMzQyIDU2OS4zNDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNy44MjksMzI3LjMzNWMxMi45Ny0wLjY1NywyNS4yNTUtNC41MzcsMzcuNTIzLTguMzgxYzEwLjY5OC0zLjM1NCwyMC4zMzktOC44NjEsMjkuNTcyLTE1LjEyNCAgICBjOC4yMTMtNS41NjksMTUuNzY1LTExLjczOCwyMC44MjgtMjAuNTc1YzMuNjM1LTYuMzQ1LDcuNzE1LTEyLjQzNywxMS43MTgtMTguNTY0YzAuNTcxLTAuODczLDIuMDkzLTIuMDUyLDIuNjcyLTEuODIzICAgIGMyLjAyNCwwLjgwNCw0LjI5NiwxLjc4Miw1LjYwMiwzLjQwMmMxLjc5MSwyLjIyOCwzLjg2OCwzLjQ5Niw2LjQ5MSw0LjA5MmM2Ljc1NiwxLjUzOCwxMy41NTQsMi45MDUsMjAuMjYxLDQuNjE1ICAgIGMxLjY0LDAuNDIsMy43OTgsMS41ODMsNC4zNjEsMi45NThjMS44NzcsNC41OSw1LjQ3Niw1LjM2NSw5LjY5NCw1LjUyYzkuMjUzLDAuMzM5LDE4LjUxMSwwLjcxOSwyNy43NiwxLjE3MSAgICBjMS4wODUsMC4wNTQsMi40MTEsMC4zNzYsMy4xNjYsMS4wNzNjMy4zNSwzLjA4OSw3LjQwOSw0LjY1NSwxMS43NDIsNC41NjJjMTEuMDgyLTAuMjQsMjIuMTU1LTAuOTYzLDMzLjIzMi0xLjM5MiAgICBjMS4wNjEtMC4wNCwyLjM5NSwwLjM0OCwzLjE3NCwxLjAyNGMyLjI0NCwxLjk2Myw0LjQ0NywyLjkwNSw3LjY1NCwyLjUyOWMxMC4yLTEuMTk1LDE5LjgwNC00LjU0OSwyOS40OTktNy41ODkgICAgYzIuMjU2LTAuNzEsMy45NTQtMC44MzYsNS4wMSwxLjcwMmMwLjczOCwxLjc2NywyLjAwMywyLjAyLDMuODExLDEuMzUxYzExLjc1NS00LjM1NCwyMy41NTgtOC41ODUsMzUuMzA5LTEyLjk1ICAgIGMxLjY5Ny0wLjYyOSwyLjc5LTAuNDA0LDMuNjcyLDEuMTI2YzEuNDExLDIuNDQ4LDIuODQ4LDQuODc2LDQuMjUxLDcuMzI3YzAuOTY3LDEuNjg5LDEuOTM4LDMuMzc5LDIuODIzLDUuMTEyICAgIGMxLjkzNSwzLjc5OSw1LjM5LDUuNDI3LDEwLjIyOSw2LjU2NWMtMi42MDYsMy42MDYtNC44MjIsNi41MjMtNi44NzQsOS41NTFjLTIuNTYyLDMuNzc0LTUuNTczLDcuMzg5LTcuMzY5LDExLjUxOCAgICBjLTQuMDAyLDkuMjA5LTcuMTA3LDE4LjgwNS0xMS4wNTMsMjguMDQyYy03LjczNSwxOC4xMjQtMTUuODU4LDM2LjA4NC0yMy43LDU0LjE2MmMtNi4xNjksMTQuMjI4LTExLjk2MywyOC42MTctMTUuODcyLDQzLjY1NiAgICBjLTEuNzkxLDYuODc5LTMuMTc4LDEzLjg3Mi00LjQ1MSwyMC44NjljLTAuNTQ3LDIuOTk5LDAuNDUzLDMuOTEzLDMuNTM4LDMuOTQ5YzQuNTk0LDAuMDQ5LDkuMDI1LTEuMDUzLDEyLjY4MS0zLjc5OCAgICBjMTAuOTgzLTguMjU0LDIyLjA3Ny0xNi40MDIsMzIuNTkxLTI1LjIzNWM5LjE2NC03LjY5NCwxOC4yNzQtMTUuNjU5LDI2LjE5Ny0yNC41NzhjMTMuMjYxLTE0LjkyNCwyNS42MjMtMzAuNjU3LDM4LjI1NS00Ni4xMzcgICAgYzEzLjEyOS0xNi4wOTEsMjMuMDM1LTMzLjgxMSwyNi45NzctNTQuNDgzYzEuMDMyLTUuNDIzLDEuOTQ2LTEwLjc5Ni0wLjUyMi0xNi4wNzFjLTEuNjExLTMuNDM5LTMuMjkyLTYuODQ3LTQuOTUzLTEwLjI2NiAgICBjLTMuNDE5LTcuMDM4LTYuNjEzLTE0LjE3OC03LjA5MS0yMi4xMjZjLTAuMzE0LTUuMTk4LDEuNjQxLTkuNjI5LDYuNDkxLTExLjgwNGMzLjQyOC0xLjUzMyw2LjM2LTMuNTk0LDkuMDctNS45MzYgICAgYzkuMTk2LDYuNzg5LDE5LjMzMSwxMi4wOCwzMC4yMjUsMTUuNzY5YzE2LjUxMiw4LjYxMywzMi4yMDcsMTguNTg1LDQ2Ljk3NywzMC4wNzRjMTEuMTM1LDguNjY2LDIxLjk1OSwxNy43MzEsMzMuMDQ4LDI2LjQ1OSAgICBjMS4zNDcsMS4wNjEsMy45MDUsMi4wNDgsNS4wOCwxLjQ1MmMxLjIzMi0wLjYyNCwyLjAwNy0zLjE5OSwyLjAxNi00LjkyNWMwLjAxMi0yLjQ2LTAuNTMtNS4wNDctMS40MTItNy4zNiAgICBjLTMuMzEyLTguNzMxLTYuNTg1LTE3LjQ5NS0xMC4zOTItMjYuMDE0Yy00Ljg3MS0xMC45MDItMTEuOTY3LTIwLjI5NC0yMS4xMDUtMjguMDM0Yy05LjA3NC03LjY4My0xOC4yNDYtMTUuMjQ3LTI3LjQxOC0yMi44MTIgICAgYy0wLjA0MS0wLjAzMi0wLjEwMi0wLjA0OS0wLjE0Ni0wLjA3N2MtMC42OTQtMC44MzItMS40NTMtMS42MjgtMi4zMjItMi4zNDZjNC4xMTctMC4wMjUsOC4yMzgtMC4wMzcsMTIuMzU0LTAuMDg2ICAgIGM0Ljk3LTAuMDU4LDEwLjAyMS0wLjY0NSwxNC44OTYsMC4wMTJjMTEuNjUyLDEuNTcxLDIzLjE5OCwwLjgzMywzNC43LTAuODI4YzguMDc0LTEuMTY3LDE2LjI1MS0yLjM5NSwyMy45ODItNC44NTEgICAgYzQuNTUzLTEuNDQ0LDcuOTgtMi4xMTgsMTEuNDIsMS40NzNjMC4xMDUsMC4xMSwwLjM2MywwLjA4MSwwLjgyNCwwLjE2N2MzLjUtNi42Myw2LjIxNC0xMy4wMDcsNC4wMzktMjEuMjMyICAgIGMtMy40MzktMTMuMDE1LTEwLjE2My0yMi43NTgtMjIuNDExLTI4LjYzOGMtOS4yMjYtNC40MjctMTguOTI0LTYuNTcyLTI5LjA4Ny02LjkzOWMtMTEuMzAyLTAuNDA0LTIyLjY0Ny0wLjQ5LTMzLjU2Ni00LjA3MiAgICBjLTE2LjQ5NS01LjQxNC0zMS4yMi0xNC4xNDktNDUuMjk2LTI0LjEwNGMtMTIuMTE3LTguNTY4LTI0LjIwNi0xNy4yMDEtMzguNDMtMjIuMDYxYy0yMC40NjUtNi45ODktNDEuMzc5LTEyLjM3NS02My4wMTEtMTMuNTcgICAgYy0yMC4wMzctMS4xMDUtNDAuMTQ0LTEuMzQ2LTYwLjIxNy0xLjMwNmMtMTUuNTIsMC4wMjktMzEuMDMyLDEuNDUzLTQ2LjA2Nyw1LjYxNGMtOC4yNDIsMi4yODEtMTYuMjM5LDUuNDUxLTI0LjMwMSw4LjM0OCAgICBjLTEyLjAxNiw0LjMxMi0yNC4wMzksOC42MDEtMzUuOTY1LDEzLjE0MmMtMTYuNTg1LDYuMzEyLTMyLjU4MywxMy45My00OC4zMjMsMjIuMTE4Yy0xMy4zNzUsNi45NTYtMjYuODYzLDEzLjY5Mi00MC4zOCwyMC4zNzEgICAgYy02Ljg5MSwzLjQwNy0xMy44NTIsNi43MDgtMjAuOTYzLDkuNjEyYy00LjY5NiwxLjkxOC01LjY5MiwzLjI1Ni0zLjk4Niw4LjA3OWMwLjE2MywwLjQ2MSwwLjM3MiwwLjkwNSwwLjU1MSwxLjM1OCAgICBjMi4xODcsNS41OSwxLjYxMiw3LjQ0Ni0zLjMwNSwxMC44MmMtMC44LDAuNTUxLTEuNTU5LDEuMTYyLTIuMzM0LDEuNzU0Yy0xLjY4OSwxLjI4NS0xLjkyMSwyLjkxNy0wLjg2MSw0LjY0NCAgICBjMC43MDYsMS4xNDYsMS41ODcsMi4yMTUsMi41NDIsMy4xN2M0Ljc1Nyw0Ljc1Myw5LjU5Niw5LjQyNSwxNC4zNDUsMTQuMTg3YzMuMTE3LDMuMTI1LDYuMTM2LDYuMzQ4LDkuMTkyLDkuNTIyICAgIGMtMS40MTIsMC43My0yLjgwMywxLjI1Ny0zLjk3OCwyLjA4OWMtNi43NDQsNC43NzMtMTMuNzk0LDkuMTk2LTIwLjA2OSwxNC41MjljLTE1Ljg3MiwxMy40OTItMzAuMjI5LDI4LjQ5NC00Mi42NjEsNDUuMjU5ICAgIGMtNC44NTksNi41NTMtOS4wNzQsMTMuMzc5LTkuODY1LDIxLjg0MUMtMC40OTksMzI1LjU0LDEuMTksMzI3LjY3LDcuODI5LDMyNy4zMzV6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==" /&gt;
              &lt;/span&gt;
  
          &lt;!-- Menu --&gt;
          &lt;nav id="menu"&gt;
            &lt;header class="major"&gt;
              &lt;h2&gt;Menu&lt;/h2&gt;
            &lt;/header&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a href="http://localhost:4002/index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="http://localhost:4002/abstract.html"&gt;Abstract&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Who is Mr. Turtle?&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;
                &lt;span class="opener"&gt;Platform&lt;/span&gt;
                &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;3D Printed Boat&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Floating Platform&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;span class="opener"&gt;Sensors&lt;/span&gt;
                &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Overview&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="http://localhost:4002/sonarsensor.html"&gt;Sonar&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Lidar&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="http://localhost:4002/cam.html"&gt;Cameras&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Temperature&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;span class="opener"&gt;Control&lt;/span&gt;
                &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Telecontrol&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Automatic Mode&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;span class="opener"&gt;Results&lt;/span&gt;
                &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Sonar&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Lidar&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Cameras&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Temperature&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;span class="opener"&gt;Gallery&lt;/span&gt;
                &lt;ul&gt;
                  &lt;li&gt;&lt;a href="http://localhost:4002/TestRunscopy.html"&gt;Work in Progress&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="http://localhost:4002/TestRuns.html"&gt;Test runs&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Who We Are&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="generic.html"&gt;Generic&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="elements.html"&gt;Elements&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/nav&gt;
  
          &lt;!-- Section --&gt;
          &lt;section&gt;
            &lt;header class="major"&gt;
              &lt;h2&gt;Ante interdum&lt;/h2&gt;
            &lt;/header&gt;
            &lt;div class="mini-posts"&gt;
              &lt;article&gt;
                &lt;a href="#" class="image"&gt;&lt;img src="assets/images/pic07.jpg" alt="" /&gt;&lt;/a&gt;
                &lt;p&gt;Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.&lt;/p&gt;
              &lt;/article&gt;
              &lt;article&gt;
                &lt;a href="#" class="image"&gt;&lt;img src="assets/images/pic08.jpg" alt="" /&gt;&lt;/a&gt;
                &lt;p&gt;Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.&lt;/p&gt;
              &lt;/article&gt;
              &lt;article&gt;
                &lt;a href="#" class="image"&gt;&lt;img src="assets/images/pic09.jpg" alt="" /&gt;&lt;/a&gt;
                &lt;p&gt;Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.&lt;/p&gt;
              &lt;/article&gt;
            &lt;/div&gt;
            &lt;ul class="actions"&gt;
              &lt;li&gt;&lt;a href="#" class="button"&gt;More&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/section&gt;
  
          &lt;!-- Section --&gt;
          &lt;section&gt;
            &lt;header class="major"&gt;
              &lt;h2&gt;Get in touch&lt;/h2&gt;
            &lt;/header&gt;
            &lt;p&gt;Sed varius enim lorem ullamcorper dolore aliquam aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin sed aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.&lt;/p&gt;
            &lt;ul class="contact"&gt;
              &lt;li class="fa-envelope-o"&gt;&lt;a href="#"&gt;information@untitled.tld&lt;/a&gt;&lt;/li&gt;
              &lt;li class="fa-phone"&gt;(000) 000-0000&lt;/li&gt;
              &lt;li class="fa-home"&gt;1234 Somewhere Road #8254&lt;br /&gt; Nashville, TN 00000-0000&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/section&gt;
          &lt;!-- Footer --&gt;
          &lt;footer id="footer"&gt;
            &lt;p class="copyright"&gt;&amp;copy; Untitled. All rights reserved. Demo Images: &lt;a href="https://unsplash.com"&gt;Unsplash&lt;/a&gt;. Turtle-/Sensor-/Control-Icon made by: &lt;a href="http://www.freepik.com" title="Freepik"&gt;Freepik&lt;/a&gt; from &lt;a href="https://www.flaticon.com/" title="Flaticon"&gt;www.flaticon.com&lt;/a&gt;            is licensed by &lt;a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank"&gt;CC 3.0 BY&lt;/a&gt;. Design: &lt;a href="https://html5up.net"&gt;HTML5 UP&lt;/a&gt;.&lt;/p&gt;
          &lt;/footer&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
  
    &lt;/div&gt;
  
    &lt;!-- Scripts --&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://localhost:4002/assets/js/skel.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://localhost:4002/assets/js/util.js"&gt;&lt;/script&gt;
    &lt;!--[if lte IE 8]&gt;&lt;script src="http://localhost:4002/assets/js/ie/respond.min.js"&gt;&lt;/script&gt;&lt;![endif]--&gt;
    &lt;script src="http://localhost:4002/assets/js/main.js"&gt;&lt;/script&gt;
  
  
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>It would be great if someone could help me find a solution! 
  Cheers, 
  laura</p>