Alpine - Responsive One Page Parallax Template
Themeforest Alpine - Responsive One Page Parallax Template HTML Template
Template Features
Endless possibilites With the advanced styling customization features, you can create endless possibilities by changing navigation styles, backgrounds for each section(header,sections, parallax,footer,etc..) with colors,images or patterns.
Ultra Responsive Alpine is 100% responsive, each and every element including the awesome slider are fully responsive.
Parallax Sections Alpine is built using Parallax javascript. This enables to make your site more appealing and creative. It’s also very easy to use.
Custom Backgrounds Alpine allows you to set a custom background for each section. A super-quick way to get creative with your site. Parallax sections makes your page more beautiful.
6 Color Skins Alpine include 6 skins color version. You can create new one very easy. They have separate css files
3 Home Section versions Alpine includes 3 header versions. You can customize each of them very easy. You can choose between maximage fullscreen slider, pattern flexslider or youtube video background.
Isotope Portfolio We create a fullwidth 4 columns portfolio, that never breaks rows. Always display properly. We guarantee this!
Ajax project expander Alpine also integrates AJAX functionality for Portfolio section. It also supports media like youtube, vimeo, etc. For create the detail pages of the portfolio, you can choose from 3 different template
Working Contact Form The elements of the contact form is perfectly styled and very easy to customize it.
Font Awesome Integration Alpine includes the popular Font Awesome – The complete set of 369 icons in Font Awesome 4.0.3.
Browser Compatibility This template supports all the major browsers including IE9+, Chrome, Safari, Firefox.
Clean Code The code is well written using the best resources available and also all the files are well commented to make your work much easier.
Documentation We include the detailed documentation on how to use the theme and it’s features. If your still have any problems, queries, bugs, issues, requests. You can SUBMIT A TICKER HERE
Changelog
v. 1.2 – 11 January 2013
- Add alternative effect button on shortcodes page. New!
- Minor bug fixed
Changelog:
- All the html files was updated
- style.css updated
- style-responsive.css updated
- script.js updated
- All color css updated
v. 1.1 – 2 January 2013
- Add new features on shortcodes page. New!
- Fixed bug that created problems on iOS devices
- Minor bug fixed
Changelog:
- All the html files was updated
- style.css updated
v. 1.0 – 30 December 2013
- Initial release
Credits
Image by: Wm. Li, stephanie vacher, pure9, Matti Mattila, Chip Griffin, Robert S. Donovan, Asier Arco, Michael Carian, Louish Pixel, Sunova Surfboards, James Kendall, Pieter Baert, Bruno Cordioli, Sebastiaan ter Burg, Felicia Åkerman, Inhabitat Blog, Anthony Storo, Impact Hub, Victor1558, FlyingSauceur, lab604, Definition 6: A Unified, Aurimas, Joel V
Font
Google Fontshttp://www.google.com/webfonts
Icons Font-facehttp://fontawesome.io/
Script
jQueryhttp://www.jquery.com/
jQuery modernizrhttp://modernizr.com/
jQuery.mb.YTPlayerhttps://github.com/pupunzi/jquery.mb.YTPlayer
jQuery stickyhttp://stickyjs.com/
jQuery fitvidshttp://fitvidsjs.com
jQuery Easinghttp://gsgd.co.uk/sandbox/jquery/easing/
Bootstrap 3http://getbootstrap.com/
jQuery Parallaxhttp://stephband.info/jparallax/
jQuery CountTohttps://github.com/mhuggins/jquery-countTo
jQuery Appear https://github.com/bas2k/jquery.appear/
jQuery easy-pie-hart http://rendro.github.io/easy-pie-chart/
jQuery cycle.all http://jquery.malsup.com/cycle2/
jQuery maximage http://www.aaronvanderzwan.com/maximage/
Isotope jQuery pluginhttp://isotope.metafizzy.co
jQuery skrollrhttp://prinzhorn.github.io/skrollr/
jQuery Flex Sliderhttp://www.woothemes.com/flexslider/
jQuery DirectionAwareHoverEffecthttps://github.com/codrops/DirectionAwareHoverEffect
jQuery validatehttp://jqueryvalidation.org/
jQuery Retinahttp://retinajs.com/
Hey there, I love the theme and have been able to customise it very easily. However, I’ve run into a strange issue. When I edit the CSS style sheet for the colour “Red” something strange happens with the buttons. I’ve simply changed the hex colour value to display a more vibrant red but it seems to break the 3d buttons and the social icon animations as well.
ReplyDeleteThe 3d buttons appear in their initial state as just the text over a transparent background and, when you hover over them, they flip up and properly display the alternate text with the red background. Any idea on what I’ve done wrong? Literally the only code I changed was the colour values in the red CSS style sheet.
Also, with the social icon animations, having only changed the colour values, displays a red square instead of the normal circle. A red circle appears over the icons as an animation just as it should but there’s a red square visible all the time. Again, any help would be appreciated.
Thanks again for the awesome theme and I’m sorry if these are stupid questions, I promise I’m not trying to waste your time!
Hi, nice theme.
ReplyDeleteI need to change the font hight in home slider, where i can do this?
Can somebody tell me where I could change the Parameters (which php or jquery file) for the YouTube link which is used when you have a fullscreen background video?
ReplyDeleteHello, we have answered your question through the support area!
ReplyDeleteYou stated that you have fixed the crashing problem in safari and chrome on iOS however I am still experiencing it. Is there an updated theme that can be downloaded? I really need this fixed or I must request a refund and purchase a new theme. Please advise ASAP.
ReplyDeleteJoe
This post is applicable to the drupal 7 version. Thanks!
ReplyDeleteHello, we have not created the version of drupal theme … I am sending you to the author’s page: http://themeforest.net/item/alpine-responsive-one-page-parallax-drupal-theme/7261738?WT.oss_phrase=web%20solutions&WT.oss_rank=9&WT.z_author=megadrupal&WT.ac=search_thumb
ReplyDeleteDoes it come with Less/Sass files for customizations?
ReplyDeleteThanks
Less/Sass files are not available!
ReplyDeleteI ahve installed the joomla 3 version of Alpine but with no way i can find where to change in the portfolio the button name SHOW ALL , and where i can change the photos , i can not fins anywhere the photos not in articles and not in modules, please help.
ReplyDeleteThanks a lot
Hi, joomla version of alpine was developed by another author … you must contact “dasinfomedia” here: http://themeforest.net/item/alpine-responsive-one-page-joomla-template/7368860/support
ReplyDeletehi
ReplyDeletei have one question to the background feature. i want load the video only when the user comes with a PC. when he comes with a mobile, i want load only the picture slider – not so big data!
it’s possible to make this? do you have me a hint.
thanks and best regards
Hi creative
ReplyDeleteno hint for me? it’s possible or no.
Thank you
Hi, at this time you see a video on the desktop and background image on the mobile. If you want to change this behavior you must modify the library jquery.mb.YTPlayer.js
ReplyDeleteReally nice theme. There is one little bug though on firefox for mobile (android). The fullscreen slider image is about twice the height of the window (and we only see half of the text). Do you know how to fix this ? Have a look at this screen shot on my Nexus 5 to see what I’m talking about: https://dl.dropboxusercontent.com/u/43708060/Screenshot_2015-06-02-20-04-07.png
ReplyDeleteHi there, can i increase the number of picture of the portfolio section from 12 to 24 ? thx
ReplyDeleteHi, if you want to receive support you must contact us through the support area with the account that you purchased the theme because it does not appear that you have purchased the theme from this account!
ReplyDeletei don’t understand i’ve purchased this theme with this account on april 15 2014. so…
ReplyDeleteUnfortunately there seems to be so !!! Maybe you are you referring to another product ??? WordPress version of the Alpine theme?
ReplyDeleteallright this is WP thx
ReplyDeleteNo problem
ReplyDeleteDo you guys still support this theme. I’ve emailed support twice and have not received a response
ReplyDeleteHi, of course, that our team is supported. We just checked your ticket and it seems that we have responded to all previous ticket !!! Which product are you referring to? Because your account does not appear that you have bought this product!
ReplyDeleteHi,
ReplyDeleteI have installed wordpress version of Alpine theme. I want popup on click on the portfolio images. By default, its opening in the bottom of the portfolio section.
Is there any shortcode available for this or I have to do it manually?
Thanks.
Hi, there is not a shortcode to choose the location of popup open position. But if you want you can change the code, manually and change the open position!
ReplyDeletehi how to install this theme i have a .zip
ReplyDeleteHi, you opened the comment in alpine html item but I think you’re referring to the wordpress version of alpine theme. I suggest you open a ticket and contact us through the support area here: http://themeforest.net/item/alpine-wordpress-responsive-one-page-parallax/7191059/support with the account that you purchased the theme for receive support
ReplyDeleteHi,
ReplyDeletestill supporting this great template?. I need to know just two things.
1- How I can change the google map address for this ( Dallas Nº. 58 int. 2, Col. Nápoles, C.P. 03810 – México DF ??
2- It is possible thumbnails for the flexslider ??. Something like this: http://www.manonthemoon.tv/#!bongo/z6mjz
Thanks in advance.
Hi,
ReplyDeleteI found all the information in google map js, but I don´t know how to show thumbnails in flexslider. Could you help me?
Thank you.
The slider continues to the next image when the video starts playing. Is there a way to set it to stop siding if the video is playing?. I can not find where flexslider options are.
ReplyDeleteTake a look: http://www.vaquerofilms.com.mx/mendara.html
Thank you
Hello, unfortunately at this time you may not display the thumbnail of flexslider, maybe add this functionality in the next theme update.
ReplyDeleteRegarding the video does not exist the possibility of intercepting the slide change and lock the video because it is a iframe video.
Ok.
ReplyDeleteI did it changing in jquery flexslider slideshow:!0 x slideshow:!1. Now slides stops when video is playing.
Thanks
Dear author, can I have the video and the slider at the same time… Regards.
ReplyDeleteHi, right now you can not have video and slide together.
ReplyDeletei´ve purchased your HTML theme and i feel fine, but now i´d want to move to wordpress, do you know if there is a easy way to move it?
ReplyDeletehello, the html version and the version of wordpress theme are two completely different things …
ReplyDeleteNow you can not install an html theme on Wordpress … but you can do buy the wordpress version of alpine theme here: https://themeforest.net/item/alpine-wordpress-responsive-one-page-parallax/7191059
The fade-in (from left right top bottom etc.) elements all seem to NOT work at all on the iPad Pro. Moving onto the smaller iPad from 3 years ago its fine however.
ReplyDeleteHi, please contact us through the support area and send us the link of your site for debugging!
ReplyDeleteHi,
ReplyDelete1. For the animation of title and images for each section. Is it possible to have different effect e.g. for title instead of coming from the right, animate from the top instead? If possible, is it hard to do so.
2. For Blog timeline, is it possible for it not to feature blogs but instead have our own content? i.e. act as about us timeline instead of blog timeline
3. For the circle pic animation is it possible to not have that effect?
Hi, i reply to your question below:
ReplyDelete1= Yes, you can manage animation effect easly. You must only edit the slider configuration in the script.js file.
2= The blog timeline, is simply HTML code, you can enter the content you want.
3= You can turn off the circle pic animation editing the css file simply.
Really nice work,Good Luck With Sales!
ReplyDeleteThank you very much
ReplyDelete