title: Part of my template or html disappears. Creating a module for Prestashop 1.7.6.1, php 7.1.9
body: <p>For reason that I don't understand one div tag and a class disappear from my code in the home.tpl file. The module is called upload_data and it is organized in the folders like this:
  <a href="https://i.stack.imgur.com/oO0SZ.png" rel="nofollow noreferrer">image that shows the arrangement of folders</a></p>
  
  <p>Here's my code</p>
  
  <p>upload_data.php</p>
  
  <pre><code>&lt;?php
  class Upload_data extends Module
  {
      public function __construct()
      {
          $this-&gt;name = 'upload_data';
          $this-&gt;author = 'Luis Sorto';
          $this-&gt;version = '1.0.0';
          $this-&gt;bootstrap = true;
          parent::__construct();
          $this-&gt;displayName=$this-&gt;l('Upload CSV Files');
          $this-&gt;description=$this-&gt;l('This is a test module to upload csv files');
          $this-&gt;ps_versions_compliancy = array('min' =&gt; '1.7.0.0', 'max' =&gt; '1.7.99.99');
      }
      public function install()
      {
          return parent::install() &amp;&amp; $this-&gt;registerHook('displayHome');
      }
      public function uninstall()
      {
          return parent::uninstall();
      }
      public function hookDisplayHome()
      {
          return $this-&gt;display(__FILE__, 'views/templates/hook/home.tpl');
      }
      public function hookHeader()
      {
          $this-&gt;context-&gt;controller-&gt;addCSS(array(
              $this-&gt;_path.'views/css/upload_data.css'
          ));
          $this-&gt;context-&gt;controller-&gt;addJS(array(
              $this-&gt;_path.'views/js/upload_data.js'
          ));
      }
      public function getContent()
      {
          return $this-&gt;display(__FILE__, 'views/templates/admin/configure.tpl');
      }
  }
  ?&gt;
  </code></pre>
  
  <p>home.tpl</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-lg-12"&gt;
          &lt;img src="http://via.placeholder.com/1920x350" class="upload_data-img"/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>upload_data.css</p>
  
  <pre><code>.upload_data-img{width:100%;}
  </code></pre>
  
  <p>When I load the page in my localhoast using xampp this is what I get when inspect the code</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;img src="http://via.placeholder.com/1920x350"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried edditing the html with the google chrome tool, and if I add the div and the class it works perfectly. How ever and obviously when I refresh the page this change won't be there.</p>
  
  <p>I've tried changing the location of the css file and copying it everywhere and it didn't work for me. Also tried changing the tag class for className. Hope this is not a dumb question.</p>