Digon - HTML Template


Digon is a sleek and versatile HTML template, perfect for IT companies, creative studios, digital marketers, freelancers, SEO specialists, web developers, branding agencies, and social media experts. Its modern design and intuitive layout make it easy to highlight your services, showcase portfolios, and present projects with style and professionalism. Whether you’re starting a new venture or enhancing an existing brand, Digon provides a visually striking and fully customizable platform to build a unique, impactful website that truly stands out.

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.html - About us Page
  2. big-gallery-product.html - Big Gallery Product Page
  3. blog-full-width.html - Blogs with Full Width Page
  4. blog-left-sidebar.html - Blogs with Left Sidebar Page
  5. blog-right-sidebar.html - Blogs with Right Sidebar Page
  6. blogs.html - Blogs Main Page
  7. blog-single.html - Blog Single Page
  8. cart.html - Cart Page
  9. checkout.html - Checkout Page
  10. contact.html - Contact Page
  11. downloads.html - Shop > Shop Pages > My Account > Downloads Page
  12. edit-account.html - Shop > Shop Pages > My Account > Account Details Page
  13. edit-address.html - Shop > Shop Pages > My Account > Addresses Page
  14. error.html - Error Page
  15. faq.html - FAQ Page
  16. form-process.php - Contact Form Process File
  17. home-page-2.html - Second Home Page
  18. home-page-3.html - Third Home Page
  19. home-page-4.html - Fourth Home Page
  20. home-page-5.html - Fourth Home Page
  21. index.html - Main Page
  22. my-account.html - Shop > Shop Pages > My Account Page
  23. orders.html - Shop > Shop Pages > My Account > Orders Page
  24. our-services.html - Our Services Page
  25. our-team.html - Our Team Page
  26. portfolio.html - Portfolio List Page
  27. portfolio-single.html - Portfolio Single Page
  28. pricing-plans.html - Pricing Plans Page
  29. services-single.html - Services Single Page
  30. shop.html - Shop Main Page
  31. shop-fullwidth-4-columns.html - Shop with Full Width Four Columns Page
  32. shop-list-with-filter.html - Shop List with Filter Page
  33. shop-single.html - Shop Single Page
  34. shop-standard-list.html - Shop Standard List Page
  35. sticky-product.html - Sticky Product Page
  36. testimonials.html - Testimonials Page
  37. wishlist.html - Wishlist Page

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

  1. all.css - Font Icons - Font Awesome CSS
  2. animate.css - Animated CSS
  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

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 - Animation Effect
Please note that form-process.php file is used for sending an email in contact form.
 
You need to add your email, please open form-process.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:
 

Version 1.1

Version 1.0