Hi Pjg, thanks!
This is the home.php
<?php
include("./header.inc");?>
<div class="row main-content">
<div class="four columns">
<?php echo $page->video; ?>
</div>
<div class="four columns">
<?php echo $page->photo; ?>
</div>
<div class="four columns">
<?php echo $page->results; ?>
</div>
</div> <!-- END MAINCONTENT -->
<?php
include("./footer.inc"); ?>
This is the header.inc
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9" lang="en"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!-- Use the .htaccess and remove these lines to avoid edge case issues.
More info: h5bp.com/b/378 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title><?php echo $page->title; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<!-- We highly recommend you use SASS and write your custom styles in sass/_custom.scss.
However, there is a blank style.css in the css directory should you prefer -->
<link rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates?>styles/gumby.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates?>styles/style.css" />
<script src="<?php echo $config->urls->templates?>js/libs/modernizr-2.6.2.min.js" /></script>
</head>
<body>
<div id="wrapper">
<div class="row social">
<div class="two columns socialmedia">
<?php echo $page->social_icons; ?>
</div>
</div>
<div class="row top">
<div class="three columns logo"><?php echo $page->logo; ?></div>
<div class="nine columns navigation">
<ul class="main-nav">
<ul><?php
foreach($page->children as $child)
echo "<li><a href='{$child->url}'>{$child->title}</a></li>";
?>
</ul>
</ul>
</div> <!-- END NAVIGATION -->
</div>
<div class="row header">
<div class="twelve columns header-image"><?php echo $page->header; ?></div>
</div><!-- END HEADER -->
</div><!-- END TOP -->
<div class="clear"></div>
And this is the footer.inc
<div class="row footer">
<div class="six columns footer-logo">
<?php echo $page->sponsors; ?>
</div>
<div class="six columns footer-icons">
<ul class="socialicons">
<li class="social-icon-instagram"></li>
<li class="social-icon-facebook"></li>
<li class="social-icon-youtube"></li>
</ul>
</div>
</div> <!-- END FOOTER -->
</div> <!-- END WRAPPER -->
<!-- Grab Google CDN's jQuery, fall back to local if offline -->
<!-- 2.0 for modern browsers, 1.10 for .oldie -->
<script>
var oldieCheck = Boolean(document.getElementsByTagName('html')[0].className.match(/\soldie\s/g));
if(!oldieCheck) {
document.write('<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"><\/script>');
} else {
document.write('<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"><\/script>');
}
</script>
<script>
if(!window.jQuery) {
if(!oldieCheck) {
document.write('<script src="js/libs/jquery-2.0.2.min.js"><\/script>');
} else {
document.write('<script src="js/libs/jquery-1.10.1.min.js"><\/script>');
}
}
</script>
<!--
Include gumby.js followed by UI modules followed by gumby.init.js
Or concatenate and minify into a single file -->
<script gumby-touch="js/libs" src="js/libs/gumby.js"></script>
<script src="js/libs/ui/gumby.retina.js"></script>
<script src="js/libs/ui/gumby.fixed.js"></script>
<script src="js/libs/ui/gumby.skiplink.js"></script>
<script src="js/libs/ui/gumby.toggleswitch.js"></script>
<script src="js/libs/ui/gumby.checkbox.js"></script>
<script src="js/libs/ui/gumby.radiobtn.js"></script>
<script src="js/libs/ui/gumby.tabs.js"></script>
<script src="js/libs/ui/gumby.navbar.js"></script>
<script src="js/libs/ui/jquery.validation.js"></script>
<script src="js/libs/gumby.init.js"></script>
<!--
Google's recommended deferred loading of JS
gumby.min.js contains gumby.js, all UI modules and gumby.init.js
Note: If you opt to use this method of defered loading,
ensure that any javascript essential to the initial
display of the page is included separately in a normal
script tag.
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "js/libs/gumby.min.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script> -->
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Change UA-XXXXX-X to be your site's ID -->
<!--<script>
window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']];
Modernizr.load({
load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
});
</script>-->
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
<!--[if lt IE 7 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
</body>
</html>
