<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/foursisters-home.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/foursisters-home.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/foursisters-specials.jpg" alt=""> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/foursisters-home-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/foursisters-specials-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-md.jpg" alt="" /> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/foursisters-home-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/foursisters-specials-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-sm.jpg" alt="" /> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home.jpg"> <img src="https://tomrobison.com/wp-content/uploads/foursisters-home.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.jpg"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience.jpg"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability.jpg"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout.jpg"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials.jpg"> <img src="https://tomrobison.com/wp-content/uploads/foursisters-specials.jpg" alt=""> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-home.jpg"> <img src="https://tomrobison.com/wp-content/uploads/foursisters-home.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.jpg"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience.jpg"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-experience.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability.jpg"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-check-availability.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout.jpg"> <img src="https://tomrobison.com/wp-content/uploads/bluelanterninn.com-checkout.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/foursisters-specials.jpg"> <img src="https://tomrobison.com/wp-content/uploads/foursisters-specials.jpg" alt=""> </picture></div></div> </div>

Autoplay

Four Sisters Inns & Hotels

Visit foursisters.com, bluelanterninn.com, channelroadinn.com, coachmansinn.com, and many more

Custom Wordpress multi-site theme.

Four Sisters Inns & Hotels

Custom Wordpress multi-site theme.

Image controller:

Auto-advance images:

Visit foursisters.com, bluelanterninn.com, channelroadinn.com, coachmansinn.com, and many more

Personal contribution

Front + back-end development, responsive for all devices.

Project features

Uses Google's AngularJS to create a 'single page application' where content is loaded without reloading the page.
Allows the user to use a date picker to check the rates and availability across all the websites as well as book their stay.
Allows a fully integrated secure payment gateway through the Converge API.
Multiple Wordpress templates for property 'product detail pages', blog pages, gift shop page and discounted promotions.

Project description

The Four Sisters Inns & Hotels is a curated collection of distinctive inns & hotels located in spectacular destinations in California. They needed a single WordPress theme that could be deployed across all of their properties with minimal effort to update the theme’s code-base. The result is a theme that is flexible enough to showcase each of the company’s properties yet maintain a cohesive aesthetic. The added benefit is that this theme is easy to maintain across all of their eighteen websites and keep up-to-date and bug free.