Wednesday, June 5, 2013

Bolt jQuery Mobile Website







Bolt jQuery Mobile Website - Mobile Site Templates





Facebook

Facebook





*Kindly rate this template if you like it  * 


Update available! – scroll down to read


Bolt jQuery Mobile Website V1.3




Banner




Built on pure HTML5 and CSS3, ‘Bolt jQuery Mobile Website’ is a Retina Ready Liquid Design Website consisting of all important pages for a company:

Home Page

About Page

Products/Services Page

Blog and Blog detail Page

Portfolio Gallery Page – With List and Grid view

Contact Page with Contact form and Google maps





HTML Package + PHP Package + Layered PSD file included!

The fonts typography used is that of open web standards – google web fonts.



This template is compatible across all mobile and tablet devices and also on regular desktop interfaces since it is on complete liquid layout with aesthetics in mind.



Valid html5!





Features


  • HTML5 & CSS3 Standards

  • 8 color themes, 4 page change effects (jQuery Mobile)

  • Easily Themable & Customizable

  • All Company pages: About | Services/Products | Portfolio Gallery | Blog | Contact | [Add more pages]

  • Retina Ready Images

  • [new] Videos inside any component! – Sampled in ‘About’ page

  • In-page Menu

  • Navigation bar: Go home or view the menu.

  • W3 valid HTML5 Liquid Layout

  • Perfect Landscape & Portrait Mode Support

  • Portfolio Gallery – List And Grid style

  • Web Compatible standard typography

  • Pivot endless tabs concept (Demo-ed in Services/Contact page)

  • Working AJAX (PHP) Contact form with Validation and Email Submission

  • [new] Google Maps JavaScript API (not iframe)

  • Page sections, Banner sliders, column layouts, input sliders, toggle switch, 4 buttons, 40 social icons!

  • Quick menu on every inner page

  • Social presence links

  • ‘Add to home’ iPhone bubble

  • All Devices Compatible

  • PSD File is included




Page Structure


  • Home

  • About

  • Services

  • Portfolio Gallery

  • Blog

  • Contact

  • Elements & Typography



Google Web Fonts



  • Source Sans Pro



Documentation



  • Well Documented

  • Easy to use HTML Documentation Page

  • Commented HTML Pages

  • Commented CSS Pages

  • Commented JS Pages







Updated V1.1


Google maps: Used the Javascript API to replace the traditional <iframe>.

Works like a charm as an iPhone full screen app (Add to homescreen)





Updated V1.2


Mobile detection code (JavaScript & PHP) added.





Updated V1.3


Upgraded to jQuery 1.8.2

Upgraded to jQueryMobile 1.2.0

Added 2 packages for Non-LESS environment (PHP & HTML)




I hope you like the template, and if there are any suggestions or queries, please feel free to write to me in the comments.

I would love to help, and I sincerely hope this is useful for you.



Please rate the template if you like it


-theunexpected1







No comments:

Post a Comment