Bicycle Fix - Bicycle Repair, Maintenance and Tune-Ups Shop HTML5 Template
If you like this template please spare a minute to rate it. If you want any support, Please feel free to contact me via my profile page http://themeforest.net/user/xenioushk
We built this template with Bootstrap 3.3.6 and LESS framework.
So, you can easily create a responsive Bicycle Repair, Maintenance and Tune-Ups Shop web site with unlimited color combination.
Bicycle Fix template works smoothly and super fast on your Computer, tablet and mobile devices and comes with eye catching features such as
about us section, service section, process section, expert/team section, blog section, appointment form, testimonial box, counter section, animation boxes, contact form section and much more.
Bicycle Fix will undoubtedly gives you the easiest and best experience while customizing the template for your own brand new Bicycle Repair, Maintenance and Tune-Ups Shop web site.
Any issue regarding Bicycle Fix template, we're here to assist you.
- 4 responsive home pages.
- 15+ Responsive Templates.
- Modern and clean design.
- 100% Responsive
- Bootstrap 3.3.6 Framework.
- Font-awesome icons.
- Functional contact form.
- Eye catching 404 Page.
- Included Google Map.
- Built-in coming soon page.
- Google Fonts used.
- Valid HTML5 & CSS3 codes.
- Latest jQuery Version
- Well commented developer friendly codes.
- Step by step documentation.
- Premium & friendly customer support.
15 + HTML5 Templates:
- Home Page 1 (index.html)
- Home Page 2 (home-2.html)
- Home Page 3 (home-3.html)
- Home Page 4 (home-4.html)
- About Us (about-us.html)
- Team (team.html)
- Team Single (single-team.html)
- Service (service.html)
- Service Single (service-details.html)
- Blog (single.html)
- Single (single.html)
- Contact (contact.html)
- Appointment (appointment.html)
- Gallery-1 (gallery-1.html)
- Gallery-2 (gallery-2.html)
- 404 (404.html)
- FAQ (faq.html)
- Coming Soon (coming-soon.html)
This template built with LESS. Inside the directory css/less you will find all less files where variables.less declares all colors and variables and layout.less mainly contain all necessary declaration for css. style.less should be compiled to css/style.css. Other two less files mixins.less and reset.less are for common CSS behaviour.
Less Complier Tool:
We have used "crunch2" less compiler to generate CSS from less file. It's FREE and very easy to use. You can download it from following link-
How To Compile Less File Using Crunch:
Please follow the steps to compile template LESS file.
From Crunch 2 menu open project/template files and select "styles.less" file.
Next, from Crunch 2 menu click "Crunch!".
Compiler will compile "styles.less" to "styles.css" file and display success message bottom of Crunch 2 editor.
Open and edit "css/less/variables.less" file to change font family, primary color and other options.
All the directories and files are well organized as it shown on the image bellow. Same file tree has been applicable for all HTML files
This template is a mobile friendly (responsive) layout which is designed based on Twitter Bootstrap v3.*. See our HTML file structure which is in index.html. Your contents go inside container.
We are using 7 CSS files in this template and we separated styles for improving convenience to edit this template. If you're going to use this template in production we recommend you to merge all stylesheets into one file (for decreasing HTTP queries).
There are 11 jQuery files including necessary plugins, all of them be found in jsfolder of home directory. custom-scripts.js This file must go all the way down to other files and plugins for app landing page. This file contains custom codes
Hedaer Logo Screenshot
Footer Logo Screenshot
We have used google font Montserrat & Source Sans Pro. Font used in the top of the file less/variables.lss
We used WOW plugin to trigger animations on scroll. Here are some animation classes we used in this Template. To learn more about WOW please read their Documentation
We used several background images in our template. You'll find the code in the file css/less/layout.less. Thess code will be available after the compilation of the layout.less and written in the css/layout.css in the. Examples are given in the screenshot
In the layout.less
In the index.html
For contact page Google Map, open the file js/custom-scripts.js and look for the line 442/443 and change the lat, lng value according to your map location
01. How can I make the main navigation "sticky"?
Solution: Please check following example -
02. How to add a brief text description in the light box pop-up when image is clicked to expand?
Solution: Please check following example -
More Info check plugin site. http://veno.es/venobox/
03. Why I got message "theme is incomplete as style css is missing" ?
Solution: It's not a WordPress theme. It's a HTML5 Template and we've clearly mentioned that in product title. So, You can't use that in WordPress installation.
Version : 1.0.1 - 24 November, 2017
- Update documentation.
Version : 1.0.0 - 28 April, 2017
- Initial release