Friday, May 24, 2013

Motivation - Responsive Single Page HTML Template







Motivation - Responsive Single Page HTML Template - Creative Site Templates



Follow me on ThemeForest
Follow me on twitter
View my Portfolio




Motivation is a single page portfolio template with a minimal design with strong typography, well suited for personal and professional use. Template comes with 2 sliders – Anything Slider and Nivo Slider, for displaying images and content on your homepage section.




Responsive design allows for the users to experience the template specifically tailored for their mobile device.




If you’re in need for a template with emphasis on content with strong and bold typography, this is the template for you.




Features




  • Responsive Design

  • 9 color variations

  • 21 social icons

  • 32 box icons

  • Toggle Panels

  • Integrated Google Map

  • Working AJAX Contact Form with validation and

  • Twitter Feed plugin

  • 2 Different Sliders

  • @font-face for displaying fonts

  • jQuery prettyPhoto plugin

  • 10 PSD files for further customization

  • Supports all major browsers (IE7/8/9/10, Firefox, Chrome, Opera, Safari)




NOTE: The large background images of the Cityscape and the Seacoast view are not included in the download package. If you’d like to use them you can purchase them on Photodune – here and here



Latest Update


Version 1.2



  • Fixed the responsiveness issue with IE8

  • Added the local linking with scroll effect

  • Removed the wrapping <a> tags around the portfolio images so that the overlay is triggered on touchscreen devices

  • Fixed some minor bugs



Version 1.1




  • Added thejQuery Sticky plugin to enable persistent top navigation on Apple devices

  • Fixed the responsiveness issues with iPad and iPhone devices

  • Fixed some minor alignment issues

  • Outcommented the Google API script import code to avoid the annoying popup window



Content Slider Preview




  • Orange

  • Pink

  • Blue

  • Red

  • Cucumber Green

  • Nepal Blue

  • Purple

  • Viola

  • Turquoise



Nivo Slider Preview




  • Orange

  • Pink

  • Blue

  • Red

  • Cucumber Green

  • Nepal Blue

  • Purple

  • Viola

  • Turquoise



Credits




  • Anything Slider by Chris Coyier

  • Nivo Slider plugin by Dev7 Studios

  • Yanone Kaffeesatz – font used via @font-face

  • jQuery form plugin

  • jQuery Tools plugin

  • jQuery prettyPhoto plugin

  • jQuery tweet plugin

  • jQuery Easing plugin

  • Social Icons – by Picons

  • TWG Retina Icons – by Alex Shutin

  • Background Patterns provided by Subtle Patterns

  • Respond.js by scottjehl

  • jquery.nav plugin by Trevor Davis

  • jQuery scrollTo plugin

  • jQuery Sticky plugin by Anthony Garand



Pictures used in Live Preview by various PhotoDune authors:




  • http://photodune.net/item/new-york-city-manhattan-panorama/2623370

  • http://photodune.net/item/view-of-a-rocky-seacoast/520327

  • http://photodune.net/item/handsome-man/655482

  • http://photodune.net/item/stress/655646



Images by ollyi




  • http://photodune.net/item/asian-food/2359520

  • http://photodune.net/item/question-mark-man/3821061

  • http://photodune.net/item/touching/3835135

  • http://photodune.net/item/forced-smile/3552377

  • http://photodune.net/item/superboy/3551532

  • http://photodune.net/item/young-artist/3193375







No comments:

Post a Comment