Goldium - HTML Template


Goldium is a stunning and sophisticated HTML template designed exclusively for jewelry stores, goldsmiths, and luxury watch retailers. Crafted with meticulous attention to detail, Goldium offers a perfect blend of elegance and functionality to showcase your exquisite collections. Built with clean, semantic HTML5, CSS3, and modern JavaScript, Goldium ensures a smooth browsing experience across all devices and browsers. Whether you’re launching a jewelry shop, a luxury boutique, or a fashion accessories store, Goldium provides you with a solid foundation, customizable layouts, and elegant design to elevate your online presence.

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 Layout
  3. blog-left-sidebar.html - Blog with Left Sidebar
  4. blog-no-sidebar.html - Blog No Sidebar
  5. blog-right-sidebar.html - Blog with Right Sidebar
  6. blog-single.html - Single Blog Post
  7. blog-type-quote.html - Quote Blog Post
  8. blog-type-standard.html - Standard Blog Post
  9. blog-type-video.html - Video Blog Post
  10. blogs.html - Blog Listing
  11. cart.html - Shopping Cart
  12. checkout.html - Checkout Page
  13. contact.html - Contact Page
  14. downloads.html - Products > Shop Pages > My Account > Downloads Page
  15. edit-account.html - Products > Shop Pages > My Account > Account Details Page
  16. edit-address.html - Products > Shop Pages > My Account > Addresses Page
  17. form-process.php - Contact Form Process File
  18. gallery-product.html - Gallery Product Page
  19. home-page-2.html - Second Home Page
  20. index.html - Main Homepage
  21. look-book-style-1.html - Lookbook (Style 1)
  22. look-book-style-2.html - Lookbook (Style 2)
  23. my-account.html - Shop > Shop Pages > My Account Page
  24. orders.html - Shop > Shop Pages > My Account > Orders Page
  25. our-clients.html - Clients Showcase
  26. our-history.html - Company History
  27. our-stores.html - Store Locations
  28. our-team-style-1.html - Team Page (Style 1)
  29. our-team-style-2.html - Team Page (Style 2)
  30. portfolio-detail.html - Portfolio Details
  31. portfolio-style-1.html - Portfolio (Style 1)
  32. portfolio-style-2.html - Portfolio (Style 2)
  33. portfolio-style-3.html - Portfolio (Style 3)
  34. shop-fullwidth-4-columns.html - Shop with Four Columns Page
  35. shop-list-with-filter.html - Shop List with Filter
  36. shop-single.html - Single Product Page
  37. shop-standard-list.html - Shop Standard List
  38. shop.html - Shop Main Page
  39. sticky-product.html - Sticky Product Page
  40. variable-product.html - Variable Product Page
  41. 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 - 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
 
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: