Moving content of application.hbs other pages individually. But it doesn't reflect on frontend.

I got a template for a dashboard built on ember. Now I want to implement this into my project. My project application.hbs does't have anything. And I don't want to add this application.hbs into my project's application.hbs. So I thought I'd put the content directly into the individual pages and test out the app, before putting the content to my app. Before the template application.hbs has the following content-

<div class="wrapper">
  
  
  <div class="content-wrapper">
    
  </div>
  
</div>

I moved the part above liquid-outlet, to the beginning of index.hbs and below liquid-outlet, to the end of index.hbs. So right now it's just

But the header, sidebar and footer content doesn't appear in the frontend.