<form action="{baseURL:h}index.php?catid=427" method="post">
- <div><input id="resArrival" name="arrival" value="Arrival Date"></div>
- <div><input id="resDeparture" name="departure" value="Departure Date"></div>
- <div><input type="submit" id="resSubmit" name="submit" value="Check Availability"></div>
+ <div class="small-12 medium-offset-1 medium-3 columns"><h2>Make A Reservation:</h2></div>
+ <div class="small-12 medium-2 columns"><input id="resArrival" name="arrival" value="Arrival Date"></div>
+ <div class="small-12 medium-2 columns"><input id="resDeparture" name="departure" value="Departure Date"></div>
+ <div class="small-12 medium-2 columns"><input type="submit" id="resSubmit" name="submit" value="Check Availability"></div>
</form>
<script>
- $(function(){
+$(function(){
$("#resArrival").datepicker({onSelect: function(dateStr) {
- var d = $.datepicker.parseDate('mm/dd/yy', dateStr);
- d.setDate(d.getDate() + 2); // Add two days
- $('#resDeparture').datepicker('setDate', d);
- }});
+ var d = $.datepicker.parseDate('mm/dd/yy', dateStr);
+ d.setDate(d.getDate() + 2); // Add two days
+ $('#resDeparture').datepicker('setDate', d);
+ }});
$("#resDeparture").datepicker();
-});
+ });
</script>
-<!DOCTYPE HTML>
-<html lang="en">
-<head>
-<title>{pageTitle:h}</title>
-<meta http-equiv="content-type" content="text/html;charset=utf-8">
-<meta name="description" content="{metaTags:h}">
-{if:isReservationPage}
-<meta http-equiv="X-UA-Compatible" content="IE=9">
-{end:}
-<!--[if lt IE 9]>
-<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-<![endif]-->
-{styles:h}
-<link rel="shortcut icon" href="/favicon.ico?v=1.1">
-<link rel="stylesheet" href="{mediaBaseURL:h}styles.css?v=3"/>
-<!--<link rel="stylesheet" href="fancybox/jquery.fancybox.css"/>-->
-{topScripts:h}
-<script type="text/javascript">
- var deviceType = "<?php echo $GLOBALS['deviceType'] ?>";
-</script>
-</head>
+<!doctype html>
+<html class="no-js" lang="en">
+ <head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta charset="UTF-8">
+ <title>{pageTitle:h}</title>
+ <meta name="description" content="{metaTags:h}">
+ {if:isReservationPage}
+ <meta http-equiv="X-UA-Compatible" content="IE=9">
+ {end:}
+ <script src="bower_components/modernizr/modernizr.js"></script>
+ {styles:h}
+ <link rel="stylesheet" href="css/app.css" />
+ <link rel="shortcut icon" href="/favicon.ico?v=1.1">
+ {topScripts:h}
+
+ </head>
{if:isHomePage}
-<body id="home">
+ <body id="home">
{else:}
<body id="inside" class="pid{pageId} top{parentPageId}">
{end:}
-<div id="wrapper">
- <div id="header">
- <a href="{homePageUrl:h}" id="logo">Trout Creek Condominium Resort</a>
- <ul id="toplinks">
- <li><a href="http://www.tripadvisor.com/Hotel_Review-g42281-d283641-Reviews-Trout_Creek_Condominiums_Vacation_Rentals-Harbor_Springs_Michigan.html" id="ta"></a></li>
- <li><a href="http://www.facebook.com/pages/d41d8cd9/#/pages/Harbor-Springs-MI/Trout-Creek-Condominium-Resort/68823519594?ref=ts" id="fb" title="Find Us on Facebook">Find Us on Facebook</a></li>
- <li><a href="https://twitter.com/TroutCreek" id="tw" title="Follow us on Twitter">Follow us on Twitter</a></li>
-
+ <div class="off-canvas-wrap" data-offcanvas>
+ <div class="inner-wrap">
- <?php if($GLOBALS['deviceType'] == "phone") { ?>
- <li><a href="tel:+18007480245" id="phone">800-748-0245</a></li>
- <?php } else { ?>
- <li><div id="phone">800-748-0245</div></li>
- <?php } ?>
- <li><a href="{baseURLDefined:h}sign-up-for-enews-304/" id="enews">Sign Up for Enews</a></li>
- <li><a href="{baseURLDefined:h}contact-us-32/" id="contact_us">Contact Us</a></li>
- <li><a href="{homePageUrl:h}" id="home_link">Home</a></li>
- </ul>
- <ul id="mainnav">
- <li><a href="{baseURLDefined:h}accommodations-31/">Accommodations</a></li>
- <li><a href="{baseURLDefined:h}resort-information-78/">The Resort</a></li>
- <li><a href="{baseURLDefined:h}things-to-see-and-do-303/">Things to See and Do</a></li>
- <li><a href="{baseURLDefined:h}area-information-2/">Area Info</a></li>
- <li><a href="{baseURLDefined:h}lodging-specials-4/">Lodging Specials</a></li>
- <li><a href="{baseURLDefined:h}golf-packages-405/">Golf Packages</a></li>
- </ul>
- </div><!--/#header-->
- <div id="main">
+ <aside class="right-off-canvas-menu show-for-small-only">
+ <ul class="off-canvas-list">
+ <li><a href="#">Home</a></li>
+ <li><a href="#">Accommodations</a></li>
+ <li><a href="#">The Resort</a></li>
+ <li><a href="#">Things to See and Do</a></li>
+ <li><a href="#">Area Info</a></li>
+ <li><a href="#">Lodging Specials</a></li>
+ <li><a href="#">Golf Packages</a></li>
+ </ul>
+ </aside>
+ <div id="wrapper" class="row">
+ <a href="{homePageUrl:h}" id="logo">Trout Creek Condominium Resort</a>
+ <header id="header" class="small-12 columns show-for-large-up">
+ <ul id="toplinks">
+ <li><a href="http://www.tripadvisor.com/Hotel_Review-g42281-d283641-Reviews-Trout_Creek_Condominiums_Vacation_Rentals-Harbor_Springs_Michigan.html" id="ta"></a></li>
+ <li><a href="http://www.facebook.com/pages/d41d8cd9/#/pages/Harbor-Springs-MI/Trout-Creek-Condominium-Resort/68823519594?ref=ts" id="fb" title="Find Us on Facebook">Find Us on Facebook</a></li>
+ <li><a href="https://twitter.com/TroutCreek" id="tw" title="Follow us on Twitter">Follow us on Twitter</a></li>
+
+ <li><div id="phone">800-748-0245</div></li>
+ <li><a href="{baseURLDefined:h}sign-up-for-enews-304/" id="enews">Sign Up for Enews</a></li>
+ <li><a href="{baseURLDefined:h}contact-us-32/" id="contact_us">Contact Us</a></li>
+ <li><a href="{homePageUrl:h}" id="home_link">Home</a></li>
+ </ul>
+ <ul id="mainnav">
+ <li><a href="{baseURLDefined:h}accommodations-31/">Accommodations</a></li>
+ <li><a href="{baseURLDefined:h}resort-information-78/">The Resort</a></li>
+ <li><a href="{baseURLDefined:h}things-to-see-and-do-303/">Things to See and Do</a></li>
+ <li><a href="{baseURLDefined:h}area-information-2/">Area Info</a></li>
+ <li><a href="{baseURLDefined:h}lodging-specials-4/">Lodging Specials</a></li>
+ <li><a href="{baseURLDefined:h}golf-packages-405/">Golf Packages</a></li>
+ </ul>
+ </header>
+
+ <nav class="tab-bar show-for-medium-down">
+ <section class="middle tab-bar-section">Trout Creek</section>
+ <section class="right-small">
+ <a class="right-off-canvas-toggle menu-icon" href="#"><span></span></a>
+ </section>
+ </nav>
+ <div id="main" class="small-12 columns">
<div id="slideshow_wrapper">
{if:rotatingImages}{rotatingImages:h}{end:}
</div><!--/#slideshow_wrapper-->
- <div id="reservation_wrapper">
- <h2>Make A Reservation:</h2>
+ <div id="reservation_wrapper" class="row">
<flexy:include src="reservation.html">
</div><!--/#reservation_wrapper-->
<div id="leftcol" flexy:if="sideNav">
{if:sideNav}
<div id="maincol">
{else:}
- <div id="maincol" class="wide">
+ <div id="maincol" class="row">
{end:}
<div id="action_wrapper" flexy:if="isHomePage">
<ul id="actionlinks">
<div id="info"><a href="tel:2315262148">231-526-2148</a> • <a href="tel:+18007480245">1-800-748-0245</a> • <a href="mailto:info@troutcreek.com">info@troutcreek.com</a> • <a href="https://reservations.troutcreek.com/irmnet/owner/ownerhome.aspx">Owners Section</a> • <a href="{baseURLDefined:h}site-map">Site Map</a></div>
</div><!--/#footer-->
</div><!--/#main-->
- <div id="copyright">
- <p>Copyright © 2014 Trout Creek All Rights Reserved | Produced by <a href="http://www.gaslightmedia.com">Gaslight Media</a></p>
+ <div id="copyright" class="small-12 columns">
+ <p>Copyright © <?php echo date('Y');?> Trout Creek All Rights Reserved | Produced by <a href="http://www.gaslightmedia.com">Gaslight Media</a></p>
</div>
</div><!--/#wrapper-->
+ <a class="exit-off-canvas"></a>
+ </div>
+ </div>
{bottomScripts:h}
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
+<script src="bower_components/foundation/js/foundation.min.js"></script>
+<script>
+ $(document).foundation();
+</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-870324-10");