Repair Geek - Laptop And Computer Fixing Service Center HTML5 Template
- Template Version: 1.0.6
- Template Last Update: 21/08/2025
- Template Created: 09/09/2017
- Web Site: http://bluewindlab.net
- Premium Support: Send Message
- Developed By: Md Mahbub Alam Khan
- Skype: bluewindlab
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
Template Overview
Repair Geek is a modern looking HTML5 template designed & developed for Laptop And Computer Fixing
Service Center in mind.
It works smoothly on your Computer, or on your tablet and mobile devices. It’s comes with eye catching
features, such as animates boxes, contact form section, testimonial box, counter block and much more.
Features
- Bootstrap 3 Framework.
- 2 Home Page Layout.
- Modern and Very Clean looking Design
- Unique & Creative design
- HTML5 & CSS3
- Responsive Template
- Font-awesome icon font.
- Free Fonts used
- Contact Form
- 404 Page
- Coming Soon Page
- Multi-Pages
- Latest jQuery Version
- Developer Friendly Code
- Well Documented.
- & much more…
20+ HTML5 Templates
-
Home Page 1 (index.html)
-
Home Page 2 (home-2.html)
-
About Us (about-us.html)
-
Our Volunteer (team.html)
-
Volunteer Details (single-team.html)
-
Blog (blog.html)
-
Blog single(single.html)
-
Events (events.html)
-
Single Events (event-single.html)
-
Causes (causes.html)
-
Single Cause(cause-single.html)
-
FAQ (faq.html)
-
Donation (donation.html)
-
Coming Soon (coming-soon.html)
-
404 (404.html)
-
Contact(contact.html)
-
Gallery 01(gallery-1.html)
-
Gallery 01(gallery-2.html)
-
Element Highlights (element-highlights.html)
-
Element Counter (element-counters.html)
-
Element CTA (element-cta.html)
-
Element Sponsors (element-sponsors.html)
-
Element Testimonials (element-testimonial.html)
-
Element Team (element-team.html)
-
Element Newsletter (element-newsletter.html)
- Copy the project anywhere of your computer.
- Open the terminal. From command line, navigate to the folder.
cd repair_geek
- Install node modules.
npm install
Note: If you are using Windows, you may need to run the command prompt as administrator.
- Now, run the project.
npm run dev
- You can go to the src/styles/variables.scss file to change the
styles.
For example, you can change the primary color of the template from $primary-color variable.
- To build the styles and scripts.
npm run build
Required node modules
To run the project, you need to install the following node modules.
To install the node modules, you need to have Node.js installed on your computer.
Download Node.js
"dependencies": {
"autoprefixer": "^10.4.16",
"concurrently": "^8.2.2",
"esbuild": "^0.19.8",
"live-server": "^1.2.2",
"postcss": "^8.4.32",
"sass": "^1.69.5"
}
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

Top Navigation Bar Screenshot

Enable Sticky Header:
To enable sticky header we just need to add
sticky-header class after
"main-header"
class in "header" tag. Example-
Footer Navigation Bar Screenshot

Hedaer Logo Screenshot

We have used google font Open Sans. Font used in the top of the file
less/variables.less

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
1. fadeIn
2. fadeInLeft
3. fadeInRight
4. fadeInUp
5. fadeInDown
6. fadeInLeftBig
7. fadeInRightBig
8. fadeInUpBig
9. fadeInDownBig

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

2025, 20 August - v 1.0.6
- Added: SCSS support for the template.
- Fixed: Template minor bugs.
2023, 21 September - v 1.0.5
- Fixed: Template minor bugs.
2018, April, 04 - v 1.0.1
- Added Two More Home Pages With New Color Scheme.
- Added Functional Contact Form.
- Update Documentation.
2017, September, 09 - v 1.0.0
- Initial release