title: How to display handlebars variable inside html code style?
body: <p>I've been trying to do the following in my <code>.hbs</code> file:</p>
  
  <pre><code>&lt;div class="nav-avatar" style="background-image: url('\{{ url }}avatar/\{{ user.pic }}');"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>However the CSS when looking through the website looks as so: </p>
  
  <pre><code>&lt;div class="nav-avatar" style="background-image: url('avatar/');"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Both <code>{{ url }}</code> and <code>{{ user.pic }}</code> display as they should otherwise.</p>