This seems to get it working however I know it isn't a proper technique, for some reason fittext wants the js right in the middle of the page can any one help with this.
<?php
/*
Template Name:Tech Basics
*/
?>
<?php get_header( 'tech' ); ?>
<div id="quote">
<h1 id="fittext3">Sending you the techie! son you never had.</h1>
</div>
<script type="text/javascript">
$("#fittext3").fitText();
</script>
<h2 id="fittext1">Welcome to Foundation</h2>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://localhost:8888/austin.kitson.orgWP/wp-content/themes/git.austin.kitson.org/js/jquery.fittext.js"></script>
<script type="text/javascript">
$("#fittext1").fitText();
$("#fittext2").fitText(1.2);
$("#fittext3").fitText(1.1, { minFontSize: 50, maxFontSize: '75px' });
</script>
<div class="row mainContent">
<div class="twelve columns">
<?php
$page_id = 10; // 123 should be replaced with a specific Page's id from your site, which you can find by mousing over the link to edit that Page on the Manage Pages admin page. The id will be embedded in the query string of the URL, e.g. page.php?action=edit&post=123.
$page_data = get_page( $page_id ); // You must pass in a variable to the get_page function. If you pass in a value (e.g. get_page ( 123 ); ), WordPress will generate an error. By default, this will return an object.
echo apply_filters('the_content', $page_data->post_content); // echo the content and retain Wordpress filters such as paragraph tags. Origin from: http://wordpress.org/support/topic/get_pagepost-and-no-paragraphs-problem
?>
</div>
</div><!--row ends-->
<?php get_footer(); ?>