Horizonal Unique Creative OnePage Bootstrap HTML5
It can be navigate through mouse Drag or Left/Right arrow button
It looks great in Desktop, Tablet and Mobile device.
All PSD file and Complete Help document is included
Now WordPress is available
Features:
- Responsive design
- Retina Redy, pixel perfect view in retina device like ipad and iphone
- Valide HTML5
- Page can be navigate through mouse Drag(only for desktop) or use Left/Right arrow
- Home page can be Video background with Slogan text or Fullscreen image slideshow
- Fullscreen image slideshow with animated caption text. Option to set High and low resolution image
- Filterable Portfolio and Flexible to show the project details.
- Fullscreen gallery
- Add fullscreen video. it support youtube / vimeo, Option to set video cover image
- Lazyload to any images. It used to load the image only when the that page is display
- Set High and low resolution image for Desktop and Mobile device. so that Mobile devices will load low resolution version of images to gain performance as well as saves download time.
- Simple of Blog post and Open the separate page for blog detail page
- Flexslider
- Elastic slider
- Ajax contact form
- Fancybox plug-in
- PSD files included
UPDATE
Code Update
28 Jan 2014
Chrome browser (Version 32.0.1700.76 m) have update on TouchEvent. please replace the below code in custom.min.js file
/* Find touch device */
try {
isTouch = true;
document.createEvent('TouchEvent');
} catch (e) {
isTouch = false;
}
REPLACE TO
/* Find touch device */
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
isTouch = true;
}
FONT
In this template Google font Droid Sans and Raleway is used. but it load using @font-face
Sources and Credits
bootstrap – http://twitter.github.io/bootstrap/index.html
History – http://tkyk.github.com/jquery-history-plugin/
elastislide -http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/
Mouse wheel – http://brandonaaron.net/code/mousewheel/docs
Supersized – www.buildinternet.com/project/supersized
FancyBox – http://fancybox.net
FlexSlider – http://www.woothemes.com/flexslider/
nicescroll – http://areaaperta.com/nicescroll/
custom-content-scroller – http://manos.malihu.gr/jquery-custom-content-scroller/
jflickrfeed – http://www.newmediacampaigns.com/page/jquery-flickr-plugin
Twitter – codebird -https://github.com/mynetx/codebird-php
Subtle Patterns – http://subtlepatterns.com/
Images:
The images in this template are used only for preview not in download file:
http://www.artofjose.com/site/
http://dorshamir.blogspot.in/
If you have any questions about this file contact me through my profile page.
Hello, The background Images don’t load properly on the We are and sliding pages, please help
ReplyDeleteJust add the below style in base.min.css file to fix the problem
ReplyDelete.mainContent .parallax { background-position: initial; }
Hello,
ReplyDeleteIf i want to change the color of the vertical scroll of the entire page? where file and line i need to edit? im using the dark version.
Thanks
and how to keep it visible… thanks!
ReplyDeleteThe color style is placed in color.css file and visibility enable option is placed in custom scrollbar plugin, please contact me through my profile page with details
ReplyDeleteHi,
ReplyDeletein http://fmedias.com/horizonal/index3.html#!service when you click on MOTION PICTURE a vimeo embed player appears. How can we change the size of this video player?
I’ve search for it inside the css files but I can’t find how to do it. We want to make it bigger and it seems that you can’t do that using the Vimeo parameters.
Thank you in advance,
Guiem
I will check it and let you know, please contact me through my portfolio
ReplyDeleteHi there, I need some help with the mobile menu
ReplyDeleteWhen click is open (everything OK ) but when I click to links it doesn’t closed back the mobile menu but is stays open and you have to click again on the menu mobile toggle symbol to closed the mobile menu so then you see the page you are…
Can you provide help to change this with the mobile menu?
Thank you
and also please there is no 404.page… i did it manual but if there is a !#none (a name that is not in menu or in site then we have a blank page and the 404.html manual page can not be load…) so please it this possible to give some support to that?
ReplyDeletethank you