title: Live-chat Jquery plugin tawk.to not visible
body: <p>I'm preparing a website for the company i work for , nothing special , but still is something.</p>
  
  <p>Problem is , today i've been asked to install a live-chat for assistance in the website , and up to now , i havent been able to make any kind of plugin work.  </p>
  
  <p>So , here is my page :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>html,
  body {
    height: 100%;
    margin: 0px;
  }
  .img-portfolio {
    margin-bottom: 30px;
  }
  .img-hover:hover {
    opacity: 0.8;
  }
  header.carousel {
    height: 50%;
  }
  header.carousel .item,
  header.carousel .item.active,
  header.carousel .carousel-inner {
    height: 100%;
  }
  header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 100% 100%;
  }
  #styleone {
    background-image: url(../images/SIAN-Powerplant.png);
    background-size: 100% 100%;
  }
  #styletwo {
    background: url(../images/slide2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  #stylethree {
    background-image: url(../images/slide3.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  #stylefour {
    background-image: url(../images/slide4.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .error-404 {
    font-size: 100px;
  }
  .price {
    display: block;
    font-size: 50px;
    line-height: 50px;
  }
  .price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
  }
  .period {
    display: block;
    font-style: italic;
  }
  footer {
    margin: 50px 0;
  }
  @media(max-width:991px) {
    .customer-img, .img-related {
      margin-bottom: 30px;
    }
  }
  @media(max-width:767px) {
    .img-portfolio {
      margin-bottom: 15px;
    }
    header.carousel .carousel {
      height: 70%;
    }
  }
  .dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu&gt;.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
  }
  .dropdown-submenu:hover&gt;.dropdown-menu {
    display: block;
  }
  .dropdown-submenu&gt;a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
  }
  .dropdown-submenu:hover&gt;a:after {
    border-left-color: #ffffff;
  }
  .dropdown-submenu.pull-left {
    float: none;
  }
  .dropdown-submenu.pull-left&gt;.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
  }
  .button {
    transition: all 1.000s ease;
    -webkit-transition: all 1.000s ease;
    -moz-transition: all 1.000s ease;
    -o-transition: all 1.000s ease;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .button:hover {
    -webkit-transform: scale(1.100);
    -moz-transform: scale(1.100);
    -o-transform: scale(1.100);
    -ms-transform: scale(1.100);
    transform: scale(1.100)
  }
  .circular {
    border-radius: 15% 15% 15% 15%;
  }
  .square {
    padding: 15%;
  }
  .line-color-elettronica {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left, rgba(240, 84, 66, 1) 48%, rgba(125, 185, 232, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(48%, rgba(240, 84, 66, 1)), color-stop(100%, rgba(125, 185, 232, 0)));
    background: -webkit-linear-gradient(left, rgba(240, 84, 66, 1) 48%, rgba(125, 185, 232, 0) 100%);
    background: -o-linear-gradient(left, rgba(240, 84, 66, 1) 48%, rgba(125, 185, 232, 0) 100%);
    background: -ms-linear-gradient(left, rgba(240, 84, 66, 1) 48%, rgba(125, 185, 232, 0) 100%);
    background: linear-gradient(to right, rgba(240, 84, 66, 1) 48%, rgba(125, 185, 232, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1);
  }
  .line-color2 {
    background: -moz-linear-gradient(left, rgba(255, 159, 50, 1) 20%, rgba(125, 185, 232, 0) 56%);
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 159, 50, 1)), color-stop(56%, rgba(125, 185, 232, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 159, 50, 1) 20%, rgba(125, 185, 232, 0) 56%);
    background: -o-linear-gradient(left, rgba(255, 159, 50, 1) 20%, rgba(125, 185, 232, 0) 56%);
    background: -ms-linear-gradient(left, rgba(255, 159, 50, 1) 20%, rgba(125, 185, 232, 0) 56%);
    background: linear-gradient(to right, rgba(255, 159, 50, 1) 20%, rgba(125, 185, 232, 0) 56%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff9f32', endColorstr='#007db9e8', GradientType=1);
  }
  .line-color-idraulica {
    background: rgba(33, 180, 226, 1);
    /* Old Browsers */
    background: -moz-linear-gradient(left, rgba(17, 121, 147, 1) 0%, rgba(183, 222, 237, 0.0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(17, 121, 147, 1)), color-stop(100%, rgba(183, 222, 237, 0)));
    /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(left, rgba(17, 121, 147, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(17, 121, 147, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(17, 121, 147, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* IE 10+ */
    background: linear-gradient(to right, rgba(17, 121, 147, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#21b4e2', endColorstr='#b7deed', GradientType=1);
    /* IE6-9 */
  }
  .line-color-ER {
    background: rgba(67, 130, 64, 1);
    /* Old Browsers */
    background: -moz-linear-gradient(left, rgba(67, 130, 64, 1) 0%, rgba(183, 222, 237, 0.0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(67, 130, 64, 1)), color-stop(100%, rgba(183, 222, 237, 0)));
    /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(left, rgba(67, 130, 64, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(67, 130, 64, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(67, 130, 64, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* IE 10+ */
    background: linear-gradient(to right, rgba(67, 130, 64, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#21b4e2', endColorstr='#b7deed', GradientType=1);
    /* IE6-9 */
  }
  .line-color-certificazioni {
    background: rgba(253, 218, 36, 1);
    /* Old Browsers */
    background: -moz-linear-gradient(left, rgba(253, 218, 36, 1) 0%, rgba(183, 222, 237, 0.0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253, 218, 36, 1)), color-stop(100%, rgba(183, 222, 237, 0)));
    /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(left, rgba(253, 218, 36, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(253, 218, 36, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(253, 218, 36, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* IE 10+ */
    background: linear-gradient(to right, rgba(253, 218, 36, 1) 0%, rgba(183, 222, 237, 0) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#21b4e2', endColorstr='#b7deed', GradientType=1);
    /* IE6-9 */
  }
  .panelmodificato {
    border-radius: 0% 0% 15% 15%;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
  }
  .shadow {
    -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.6);
    box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.6);
  }
  .service-nav img {
    width: 90%;
    height: 90%;
  }
  .navbar {
    margin-bottom: 0px;
  }</code></pre>
  <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;html lang="en"&gt;
  
  &lt;head&gt;
  
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;meta name="description" content="Sian Tecnology S.R.L. - Azienda installazione e distribuzione sistemi di sicurezza , apparecchiature fotovoltaice , fototermiche , e idrauliche"&gt;
    &lt;meta name="author" content="Sian Tecnology S.R.L."&gt;
  
    &lt;title&gt;Sian Technology S.R.L.&lt;/title&gt;
  
    &lt;!-- Bootstrap --&gt;
    &lt;!-- Latest compiled and minified CSS --&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"&gt;
  
    &lt;!-- Optional theme --&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"&gt;
  
    &lt;!-- Custom CSS --&gt;
    &lt;link href="css/modern-business.css" rel="stylesheet"&gt;
  
    &lt;!-- Custom Fonts --&gt;
    &lt;link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"&gt;
  
    &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
    &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
    &lt;!--[if lt IE 9]&gt;
          &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
          &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
    &lt;!-- Navigazione --&gt;
    &lt;nav class="navbar navbar-default navbar-static-top"&gt;
      &lt;div class="container"&gt;
        &lt;!-- Brand e toggle raggruppati per migliore visibilita mobile --&gt;
        &lt;div class="navbar-header"&gt;
          &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&gt;
            &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;a class="navbar-left" href="index.html"&gt;
            &lt;img alt="Sian Tecnology SRL" src="images/logo-navbar.png" class="brand navbar-brand"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;!-- Collezzione nav-links e altro materiale --&gt;
        &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
          &lt;ul class="nav navbar-nav navbar-right"&gt;
            &lt;li&gt;
              &lt;a href="about.html"&gt;Su di noi&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="dropdown"&gt;
              &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Servizi&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
              &lt;ul class="dropdown-menu"&gt;
                &lt;li class="menu-item dropdown dropdown-submenu"&gt;
                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Impianti elettrici&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                    &lt;li&gt;
                      &lt;a href="Elettrico.html"&gt;Civili&lt;/a&gt; 
                    &lt;/li&gt;
                    &lt;li&gt;
                      &lt;a href="Elettrico-ind.html"&gt;Industriali&lt;/a&gt; 
                    &lt;/li&gt;
                    &lt;li&gt;
                      &lt;a href="domotica.html"&gt;Domotica&lt;/a&gt; 
                    &lt;/li&gt;
                    &lt;li&gt;
                      &lt;a href="sicurezza.html"&gt;Sicurezza&lt;/a&gt; 
                    &lt;/li&gt;
                    &lt;li&gt;
                      &lt;a href="fotovoltaico.html"&gt;Fotovoltaico&lt;/a&gt; 
                    &lt;/li&gt;
                    &lt;li&gt;
                      &lt;a href="illuminazione.html"&gt;Illuminazione&lt;/a&gt; 
                    &lt;/li&gt;
                  &lt;/ul&gt;
                &lt;/li&gt;
                &lt;li class="menu-item dropdown dropdown-submenu"&gt;
                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Impianti Idraulici&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Civili&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Industriali&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Condizionamento&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Pompe di calore&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Solare termico&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Termo Dinamico&lt;/a&gt;
                    &lt;/li&gt;
                  &lt;/ul&gt;
                &lt;/li&gt;
                &lt;li&gt;
                  &lt;a href="#"&gt;Certificazioni&lt;/a&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href="contact.html"&gt;Contatti&lt;/a&gt;
            &lt;/li&gt;
            &lt;!--TODO: inserire foto &amp; company 
                      &lt;li&gt;
                          &lt;a href="portfolio-3-col.html" class="disabled"&gt;Portfolio&lt;/a&gt;
                      &lt;/li&gt;
                      --&gt;
            &lt;li&gt;
              &lt;a href="#"&gt;Blog&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="dropdown"&gt;
              &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Informazioni&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
              &lt;ul class="dropdown-menu"&gt;
                &lt;li&gt;
                  &lt;a href="faq.html"&gt;FAQ&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                  &lt;a href="pricing.html"&gt;Prodotti&lt;/a&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;!-- /.navbar-collapse --&gt;
      &lt;/div&gt;
      &lt;!-- /.container --&gt;
    &lt;/nav&gt;
  
    &lt;!-- Header Carousel --&gt;
    &lt;header id="myCarousel" class="carousel slide"&gt;
      &lt;!-- indicatori --&gt;
      &lt;ol class="carousel-indicators"&gt;
        &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
        &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
        &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
        &lt;li data-target="#myCarousel" data-slide-to="3"&gt;&lt;/li&gt;
      &lt;/ol&gt;
  
      &lt;!-- Wrapper foto slide --&gt;
      &lt;div class="carousel-inner"&gt;
        &lt;div class="item active"&gt;
          &lt;div class="fill" id="stylethree"&gt;&lt;/div&gt;
          &lt;!-- &lt;div class="carousel-caption"&gt;
                      &lt;h2&gt;Prima Slide&lt;/h2&gt;
                  &lt;/div&gt; --&gt;
        &lt;/div&gt;
        &lt;div class="item"&gt;
          &lt;div class="fill" id="styleone"&gt;&lt;/div&gt;
          &lt;!-- &lt;div class="carousel-caption"&gt;
                      &lt;h2&gt;Seconda Slide&lt;/h2&gt;
                  &lt;/div&gt; --&gt;
        &lt;/div&gt;
        &lt;div class="item"&gt;
          &lt;div class="fill" id="styletwo"&gt;&lt;/div&gt;
          &lt;!-- &lt;div class="carousel-caption"&gt;
                      &lt;h2&gt;Terza slide&lt;/h2&gt;
                  &lt;/div&gt; --&gt;
        &lt;/div&gt;
        &lt;div class="item"&gt;
          &lt;div class="fill" id="stylefour"&gt;&lt;/div&gt;
          &lt;!-- &lt;div class="carousel-caption"&gt;
                      &lt;h2&gt;Quarta slide&lt;/h2&gt;
                  &lt;/div&gt; --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- Controlli --&gt;
      &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt;
        &lt;span class="icon-prev"&gt;&lt;/span&gt;
      &lt;/a&gt;
      &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt;
        &lt;span class="icon-next"&gt;&lt;/span&gt;
      &lt;/a&gt;
      &lt;div class="col-md-12 text-center panel panel-default"&gt;
        &lt;div class="col-md-3"&gt;
          Tecnologia
        &lt;/div&gt;
        &lt;div class="col-md-3"&gt;
          Esperienza
        &lt;/div&gt;
        &lt;div class="col-md-3"&gt;
          Affidabilita
        &lt;/div&gt;
        &lt;div class="col-md-3"&gt;
          Innovazione
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;
  
    &lt;!-- Contenuto pagina --&gt;
    &lt;div class="container"&gt;
  
      &lt;!-- Marketing --&gt;
      &lt;div class="row"&gt;
        &lt;hr&gt;
  
        &lt;div class="col-md-5 col-md-offset-7 fullpage"&gt;
  
          &lt;div class="col-md-12 text-center"&gt;
            &lt;div class="well"&gt;
              &lt;h1&gt;Hello&lt;/h1&gt;
              &lt;div class="panel panel-default"&gt;
                &lt;hr&gt;
                &lt;br&gt;
                &lt;br&gt;
                &lt;br&gt;
                &lt;br&gt;
                &lt;br&gt;aaaaaaaaaaaaa
                &lt;br&gt;
                &lt;br&gt;
                &lt;br&gt;
                &lt;br&gt;
                &lt;br&gt;
                &lt;hr&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="col-md-12 text-center"&gt;
            &lt;ul class="list-unstyled list-inline list-social-icons"&gt;
              &lt;li&gt;
                &lt;a href="#"&gt;&lt;i class="fa fa-facebook-square fa-5x fade-icon"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;a href="#"&gt;&lt;i class="fa fa-pinterest-square fa-5x fade-pinterest"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;a href="#"&gt;&lt;i class="fa fa-twitter-square fa-5x fade-icon"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;a href="#"&gt;&lt;i class="fa fa-google-plus-square fa-5x fade-google"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /.row --&gt;
      &lt;hr&gt;
      &lt;!--Noleggio--&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-12"&gt;
          &lt;img src="images/HQmusica.jpg" width="100%" height="100%;" alt="Sian SRL - Noleggio impianti audio per feste e eventi" style="border: 1px solid black"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- Portfolio Section --&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-lg-12"&gt;
          &lt;h2 class="page-header"&gt;Brands&lt;/h2&gt;
        &lt;/div&gt;
        &lt;div class="col-md-4 col-sm-6 pagination-centered text-center"&gt;
          &lt;a href="http://www.abb.com/"&gt;
            &lt;img class="img-responsive img-portfolio img-hover" src="images/Logo-ABB.jpg" alt="Partner Sian Tecnology - ABB Europe"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="col-md-4 col-sm-6"&gt;
          &lt;a href="https://www.q-cells.com/"&gt;
            &lt;img class="img-responsive img-portfolio img-hover" src="images/Logo-Qcells.jpg" alt="Partner Sian Tecnology - Q-Cell's International"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="col-md-4 col-sm-6"&gt;
          &lt;a href="http://benq.eu/"&gt;
            &lt;img class="img-responsive img-portfolio img-hover" src="images/Logo-benq.png" alt="Brand utilizzato da Sian Tecnology - Benq"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-4 col-sm-6"&gt;
          &lt;a href="http://www.lg.com/it"&gt;
            &lt;img class="img-responsive img-portfolio img-hover" src="images/logo-LG.png" alt="Brand utilizzato da Sian Tecnology - LG International"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="col-md-4 col-sm-6"&gt;
          &lt;a href="http://www.wuerth.com"&gt;
            &lt;img class="img-responsive img-portfolio img-hover" src="images/logo-wurth.png" alt="Brand utilizzato da Sian Tecnology - Wurth"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="col-md-4 col-sm-6"&gt;
          &lt;a href="http://www.solaredge.com/"&gt;
            &lt;img class="img-responsive img-portfolio img-hover" src="images/logo-solar.png" alt="Brand utilizzato da Sian Tecnology - SolarEdge"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /.row --&gt;
      &lt;hr&gt;
      &lt;!-- Call to Action --&gt;
      &lt;div class="well"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-md-8"&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, expedita, saepe, vero rerum deleniti beatae veniam harum neque nemo praesentium cum alias asperiores commodi.&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="col-md-4"&gt;
            &lt;a class="btn btn-lg btn-default btn-block" href="#"&gt;Cerchiamo te !&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;hr&gt;
  
      &lt;!-- Footer --&gt;
      &lt;footer&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-lg-12"&gt;
            &lt;p&gt;Copyright &amp;copy; Sian Tecnology SRL - 2014-2016&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/footer&gt;
  
      &lt;!-- /.container --&gt;
  
      &lt;!-- jQuery --&gt;
      &lt;script src="js/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery.nicescroll.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        $(document).ready(
  
          function() {
  
            $("html").niceScroll();
  
          }
  
        );
      &lt;/script&gt;
  
      &lt;!-- Bootstrap Core JavaScript --&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Script to Activate the Carousel --&gt;
      &lt;script&gt;
        $('.carousel').carousel({
          interval: 5000 //changes the speed
        })
      &lt;/script&gt;
    &lt;/div&gt;
    &lt;!--Start of Tawk.to Script--&gt;
    &lt;script type="text/javascript"&gt;
      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/56d59cac343e11f1034e44dc/default';
        s1.charset = 'UTF-8';
        s1.setAttribute('crossorigin', '*');
        s0.parentNode.insertBefore(s1, s0);
      })();
    &lt;/script&gt;
    &lt;script&gt;
      if (window.jQuery) {
        // jQuery is loaded  
      } else {
        // jQuery is not loaded
      }
    &lt;/script&gt;
    &lt;!--End of Tawk.to Script--&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Main problem is :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;!--Start of Tawk.to Script--&gt;
  &lt; script type = "text/javascript" &gt;
    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/56d59cac343e11f1034e44dc/default';
    s1.charset = 'UTF-8';
    s1.setAttribute('crossorigin', '*');
    s0.parentNode.insertBefore(s1, s0);
  })(); &lt; /script&gt;
  &lt;!--End of Tawk.to Script--&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>which just does nothing , and i dont know what i'm supposed to do , to make this "livechat" work... any suggestion please ?</p>
  
  <p>P.S.
  Do note that i'm using bootstrap latest version , and that the site looks quite a mess whitout the img's.</p>