Wakil - HTML Template


Wakil is a modern, powerful, and trust-building HTML template created for attorneys, legal consultants, and law firms that want to stand out online. With a clean corporate look and compelling visuals, Wakil helps you present your services, highlight your winning track record, and connect with clients who are searching for reliable legal support.

Crafted with HTML5, CSS3, and lightweight JavaScript , Wakil offers fast performance, smooth interactions, and a fully responsive experience on every device. It includes professionally designed layouts, practice-area sections, lawyer profiles, case study highlights, and easy-to-use contact and consultation forms.

The template folders and files are organized as follows.

Folders

  1. css - Includes CSS files
  2. images - Includes Images Files
  3. js - Includes Javascript Files
  4. webfonts - Includes Fonts Files

Files

  1. about-us.html - About Us Page
  2. blog-grid.html - Blog Grid Page
  3. blog-single.html - Blog Single Page
  4. blog-three-columns.html - Blog Three Columns Page
  5. blogs.html - Blogs Page
  6. blogs-list.html - Blogs List Page
  7. booking-form.php - Booking Form Script
  8. contact.html - Contact Page
  9. error.html - Error Page
  10. faq.html - FAQ Page
  11. form-process.php - Form Processing Script
  12. home-page-2.html - Home Page 2
  13. home-slider.html - Home Slider Page
  14. home-video.html - Home Video Page
  15. home2-slider.html - Home 2 Slider Page
  16. home2-video.html - Home 2 Video Page
  17. index.html - Main Homepage
  18. our-team.html - Our Team Page
  19. service.html - Service Page
  20. service-grid-on-hover.html - Service Grid On Hover Page
  21. service-list.html - Service List Page
  22. service-single.html - Service Single Page
  23. service-standard.html - Standard Service Page
  24. service-with-filter.html - Service Page with Filter
  25. team-detail.html - Team Detail Page
  26. testimonials.html - Testimonials Page

We have used the following CSS files to design various layouts.

  1. all.css - Font Icons - Font Awesome CSS
  2. animate.css - CSS animations library
  3. bootstrap.min.css - Bootstrap Framework CSS
  4. custom.css - Custom CSS for layouts
  5. magnific-popup.css - CSS of Popup for screenshot, images & video
  6. mousecursor.css - Mouse Cursor CSS
  7. plyr.css - Audio Player CSS
  8. slicknav.min.css - Responsive Slick Menu CSS
  9. swiper-bundle.min.css - Swiper Carousel CSS
  10. select2.css - Select2 dropdown styles
  11. select2.min.css - Select2 dropdown styles (minified)

We have used the following Javascript files to design various layouts.

  1. bootstrap.min.js - Bootstrap Framework
  2. function.js - Configuration code for layouts
  3. gsap.min.js - GSAP Library
  4. jquery.counterup.min.js - Animates a number from zero, counting up to the target value.
  5. jquery.magnific-popup.min.js - Magnific Popup
  6. jquery.mb.YTPlayer.min.js - Youtube Video Background
  7. jquery.slicknav.js - Responsive Menu
  8. jquery.waypoints.min.js - Trigger a function when you scroll to an element
  9. jquery-3.7.1.min.js - Javascript Library
  10. magiccursor.js - Magic Animated Cursor
  11. parallaxie.js - Parallax Effect
  12. plyr.js - Audio Player Library
  13. ScrollTrigger.min.js - Trigger a Text Effect
  14. SmoothScroll.js - Smooth Scroll
  15. SplitText.js - Split Paragram to Words and Charactor
  16. swiper-bundle.min.js - Swiper Carousel
  17. validator.min.js - Form Validation
  18. wow.js - Reveal on scroll animation plugin
  19. select2.full.min.js - Select2 plugin (full + minified)
Please note that form-process.php file is used for sending an email in contact form and booking-form.php file is used for sending an email in appointment form
 
You need to add your email, please open form-process.php and booking-form.php file and edit variable $EmailTo value.
For ex. $EmailTo = info@yourdomain.com;

Font Library

  1. Fontawesome : Here you can see icon cheatsheet https://fontawesome.com/search
Bootstrap framework:
Icons: