Fastlock – Locksmith and Key Maker Service HTML5 Template

Created: 13/06/2023
By: OWCoding

Intro

  1. Built with HTML5 & CSS3
  2. Google Fonts
  3. Easy to customize
  4. Fully Responsive
  5. Clean Code
  6. Free Images
  7. W3 Valid 100%
  8. Browser Compatibility
  9. Fully Customizable
  10. Modern and Creative Design
  11. Working Ajax Form

HTML Structure

The page consists of blocks independent of each other, which can be interchanged in the structure with minimal edits if necessary.

CSS Files and Structure

I'm using two CSS files in this theme.

style.css - this file contains all template styles, colors, sizes, paddings. It includes other additional style files.

all.min.css - icon font Font Awesome, reset.css - reset browser styles, owl.carousel.min.css, owl.theme.default.min.css - Owl Carousel 2, jquery.rprogessbar.min.css - Progressbar.

responsive.css - media queries included as a separate file

JavaScript

scripts are included at the bottom of the page

  1. jquery.min.js
  2. jquery.waypoints.js
  3. jQuery.rProgressbar.min.js
  4. owl.carousel.min.js
  5. script.js - The main custom javascript file

Form

The submit form handler is located at the root of the folder, and is called appointment.php

Form validation is in file script.js

Submitting the form is implemented using ajax.

form validation code

Here you can change the output text of messages about errors in filling out form fields.

setting up form submission

Сhange the variable $recipient to your Email to receive letters.