Comparison of HTML structure to Handlebars template

Handlebars.html

<script type="x-handlebars-template" id="messages_messageListItem">
<div class="list">
  <div class="sub">
		<div class="subject">
			{{subject}}
		</div>
		<div class="notification">
			{{unread}}
		</div>
		<div class="message">
			{{message}}
		</div>
	</div>
</div>
</script>

Normal.html

<div class="list">
  <div class="single">
    <img class="avatar" src="/images/icons/icon_fan_01_30.png" height="30" width="30" alt="fan name">
    <div class="name">
      [name here]
    </div>
    <div class="notification">
      [3]
    </div>
  </div>
</div>

Panel_Current.html

<div class="row">
  <div class="link-wrap">
    <a id="cal-map" class="side-bar-link" href="#">Calendar &amp; Messaging</a>
  </div>
  <div id="cal" class="fourteen columns">

  </div>
  <div id="msg" class="fourteen columns offset-by-two end">

  </div>
</div>

Panel_Needed.html

<div class="row">
  <div class="link-wrap">
    <a id="cal-map" class="side-bar-link" href="#">Calendar &amp; Messaging</a>
  </div>
  <div class="dynamic_column_container">
    <div id="cal" class="x columns">

    </div>
    <div id="msg_recipients" class="x columns">

    </div>  
    <div id="msg_conversation" class="x columns">

    </div>
    <div id="blahblahblah" class="x columns">

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