Hawaiian Travels!!!

Stop Slides
Start Slides

Responsive Design....and lots of ways to use images.

This is a three-column design that reformats depending on the screen size or mobile device being used.

There is a TON of JQuery, HTML5, and CSS3 used to make all the hidden functions work together. For instance, the left column holding the links will disappear on a mobile device in lue of a dropdown menu to save screen space. You can simulate this by simply dragging your browser window smaller and larger. Be sure to check this site out using iPhones, iPads, Nook's, or Androids.

This site uses AJAX to load the center content, making load times very quick and elegant with no "blinking" that is typically associated with loading entire new pages. Also, JQuery determins what center content to load, based on the selection of the user. This keeps adding new "pages" and content simple, and with a minimum of new coding each time things are changed and updated by clients.

The right column is repositioned BELOW the main content area when using a mobile device. The content and the right column are then displayed at 100% the width device, making a pleasant user experience. No need to zoom in and out to see text or content. All the clicks work by using taps of mobile devices.

Be sure and note the images at the bottom of the left column when you click "Page Five." JQuery is used to load different images, based on the pages the usere selects.

Finally, the footer at the bottom can hold a lot of information the client needs to provide, such as contact info, additional resources, etc. Footers can be as large or small as necessary. A good place for all the information that you don't know where else to put.

Lorem ipsum dolor sit amet, cras sodales ante, curabitur ante dui et, amet molestie, porttitor in id ut arcu turpis cursus. Praesentium dis ex ultricies diam sed, nam adipiscing integer metus elit sed luctus, id et lorem, molestiae sodales wisi curabitur vestibulum arcu. Mus tempus volutpat consectetuer, non purus ligula vitae mauris mi velit, sed mollis turpis, aliquam nullam id, porta luctus euismod est mauris. Ac aenean integer vitae, pede amet, ultrices et arcu, gravida sapien per a dolor et. Viverra dolorem soluta dui, malesuada vivamus vulputate a, purus parturient nam morbi, vivamus nec a. Lorem sit id, quam duis arcu a morbi ante, nec pharetra orci eu et imperdiet duis. Feugiat ante suspendisse tempor porttitor blandit, mattis ut, tempor iaculis inceptos, cras suspendisse placerat neque risus. Est donec sed, justo semper egestas sit wisi. Cursus auctor nulla, in id amet. Ante elementum etiam quisque morbi, leo nec eu integer. Vivamus cum, cras mi est sodales tellus, enim per nec mollis, enim rerum justo a.

Donec scelerisque volutpat maecenas ac, mi non ultricies lectus, auctor elementum iaculis vel urna sit ut. Error ullamcorper imperdiet vel scelerisque enim, placerat id bibendum nec viverra, scelerisque sed. Ultrices pede venenatis ea aliquet vestibulum suspendisse, in inceptos volutpat, condimentum pellentesque pretium risus quam iste, lectus placerat a libero tincidunt. Praesent tellus nisl massa nonummy, magnam pede lectus. Eu posuere ante, magnis facilisis vitae quam, vitae id nascetur molestie facilisis feugiat donec, ut libero nunc. Morbi venenatis est elit aliquam qui. Massa nec aut, arcu egestas ipsum lorem, vestibulum nunc. Lacus aliquet vivamus, libero tellus ante non lacinia nulla egestas, ac non leo maecenas consequat tortor, accumsan ut mi. Fusce libero quis lorem non, laoreet pellentesque adipisicing ac eget, mattis suscipit consequat pellentesque sit dignissim, mauris sed semper, phasellus tellus est ut sed massa parturient.

Hawaii Samples

Click the image above for more.


Our Sponsor!

Hawaiian Travels is proudly sponsored by Hawaiian Getaways.

Stop Slides
Start Slides