Rendering content feilds in template file

To quickly explain my situauation. I have an html sample layout already for an about page with a banner, a title and a few other little bits.

My idea was to make a custom content type with feilds like feild_about_banner and field_about_title and so on and then create a template for that node called page--node--[node-number].tpl.php and then just keep copy and paste the html into there and then replace the content with the feilds from the node. Now I have all of that working up to the feilds. I have the template working, I have the HTML in there and I am trying to put in the content and nothing renders... I don't really know why because I've looked at other peoples implementation of how to print out fields. Ill include a snippet of what I am trying to do the first code snippet being the original code (which is appearing fine within the website):

div class="container" style="background:url(/sites/all/themes/montreal/images/nir1.jpg);background-position:center;">
<section class="row largetoppadding bigbottompadding">
<div class="six columns midtoppadding">
<h1 class="italic whitetext">Rise Project Management</h1>

<h6 class="whitetext">We create out of this world experiences for out of this world brands and activate them across all digital media.</h6>
</div>
</section>
</div>

Then I try and replace the "Rise project management" with the feild as such

<div class="container" style="background:url(/sites/all/themes/montreal/images/nir1.jpg);background-position:center;">
<section class="row largetoppadding bigbottompadding">
<div class="six columns midtoppadding">
<h1 class="italic whitetext"><?php print render($content['field_about_title']); ?></h1>

<h6 class="whitetext">We create out of this world experiences for out of this world brands and activate them across all digital media.</h6>
</div>
</section>
</div>

I have a field with that name and have copy and pasted that straight from the manage feilds page of my site. The title does not display....

Thanks!