A) Introduction

Empower your business, creative agency, or personal brand with the Claudia HTML Template — a sophisticated, design-driven theme crafted for innovators, creators, and professionals who value both style and substance.

Claudia combines timeless aesthetics with cutting-edge technology, offering a seamless balance of visual beauty and exceptional usability. Designed to make a lasting impression, Claudia helps you build a digital presence that communicates confidence, creativity, and credibility.

With Claudia’s intuitive design system, establishing a captivating online identity has never been easier. Whether you’re launching a portfolio, introducing a product, building a storefront, or presenting a corporate brand, Claudia adapts effortlessly to your vision — ensuring your message stands out with clarity and impact.

Now featuring three versatile layouts, Claudia offers flexibility for every type of project:

Layout 1 is a clean and classic design for creative portfolios, agencies, and professional services.Layout 2 – A bold, modern structure ideal for product showcases, startups, and branding-focused websites.Layout 3 – A refined, eCommerce-ready layout tailored for online shops and digital marketplaces.

Its modular structure and versatile layout options give you full creative control, enabling endless customization without complexity. From elegant landing pages and service showcases to blogs, testimonials, product pages, and contact sections, Claudia provides a complete suite of tools to express your brand’s unique story.

Every component is crafted for performance and precision, ensuring every detail aligns with your professional and commercial goals.

Built on a fully responsive, mobile-optimized, and SEO-friendly framework, Claudia delivers an exceptional experience on every device. From smartphones to widescreen displays, your website will captivate visitors with fluid design, lightning-fast speed, and flawless functionality.

Whether you’re creating a business website, agency portfolio, or modern online store, Claudia HTML Template isn’t just a theme — it’s your foundation for a powerful, elegant, and enduring digital presence that inspires trust, connection, and growth.

Layout 01 contains 1 Home Page layouts and about page layout and 27 valid HTML5 page templates designs, different Blog page styles and shop pages. Layout 02 contains 1 Home Page layouts and about page layout and 27 valid HTML5 page templates designs, different Blog page styles and shop pages. Layout 03 contains 1 Home Page layouts and about page layout and 25 valid HTML5 page templates designs, different Blog page styles and shop pages. Claudia template features are coded with Bootstrap Bootstrap v4.0.0, HTML5 & CSS3 and unlimited color schemes. It’s compatible with all modern browsers and search engine friendly. So showcase your artworks and services with this awesome template!

How to Edit HTML Files?

We have included 29 custom HTML templates like Home Page, About, Services, Projects and Contact etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.

C) How to Edit CSS Files?

We have included some custom CSS styles like style.css (default). Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want. For example if you want to edit your banner color open style.css and look at “.banner-con” for banner image and change your image.

 

D) How to use Color Schemes?

Please open style.css file from Claudia/assets/css folder with a text editor and build your own colors. #d58e6f this is our primary color, you can search and replace all to your new color code.

 

E) How to use On Load Animation?

We are wow.js on load animation for our website. you can edit them by simply adding or changeing the predefined classes name.

 

jQuery Files

assets/js/jquery-3.7.1.min.js assets/js/bootstrap.min.js js/popper.min.js js/animation.js

Photos

Enveto Elements Freepik Photos

Icons:

Font-Awesome

font:

Archivo Playfair+Display Inter

F) Resources Used

Global

Colors:

Primary: #d58e6f (Layout 01), #7635d5 (Layout 02), #ff005a (Layout 03) Secondary: #ffffff for all Text: #616161 (Layout 01), #4e4e4e (Layout 02), #000000 (Layout 03) Accent: #2a201b (Layout 01), #fcd668 (Layout 02), #000000 (Layout 03)

Font Sizes:

h1 >> 86 (layout 01), 86 (layout 02), 100 (layout 03) h2 >> 62 (layout 01), 62 (layout 02), 36 (layout 03) h3 >> 46 (layout 01), 46 (layout 02), 36 (layout 03) h4 >> 24 (layout 01), 24 (layout 02), 30 (layout 03) h5 >> 22 (layout 01), 22 (layout 02), 20 (layout 03) h6 >> 20 (layout 01), 20 (layout 02), 19 (layout 03) p >> 18 (layout 01), 18 (layout 02), 16 (layout 03)

Image Links:

https://elements.envato.com/fr/loft-style-living-room-with-armchair-and-accessori-ARYPJWQ https://www.freepik.com/premium-vector/furniture-sofa-with-stand-lamp-sitting-room-modern-interior-… https://www.flaticon.com/free-icon/uk_16021818?term=english&page=1&position=9&origin=se… https://elements.envato.com/fr/ecommerce-icon-set-uz-WYAXF7T https://elements.envato.com/fr/home-decor-vase-with-candle-flowers-and-basket-FRS3XRT https://elements.envato.com/fr/home-decor-C2ZB6YK https://www.freepik.com/premium-photo/wedding-wall-clock-isolated-white-background_37093703.htm#fro… https://www.freepik.com/premium-photo/aromatic-burning-candles-black-holders-isolated-white_4020400… https://www.freepik.com/premium-ai-image/vase-with-plant-it-that-has-number-4-it_237619034.htm#from… https://www.freepik.com/premium-ai-image/wooden-shelf-with-decorative-items_260779206.htm#fromView=… https://www.freepik.com/free-psd/golden-luxury-photo-frame-isolated-background_49567798.htm#fromVie… https://www.freepik.com/premium-ai-image/elegant-crystal-chandelier-with-gold_226636400.htm#fromVie… https://www.freepik.com/premium-ai-image/vase-with-natural-eucalyptus-leaves-wooden-stand-with-copy… https://www.freepik.com/premium-ai-image/hanged-light-design-illuminate-your-space-with-contemporar… https://www.freepik.com/premium-psd/night-stand-transparent-background_234373497.htm#fromView=searc… https://elements.envato.com/fr/modern-interior-design-with-light-empty-mock-up-wa-9JN95JE https://elements.envato.com/fr/cozy-living-room-interior-PB8DNYJ https://elements.envato.com/fr/interior-design-of-living-room-QYBFTF9 https://elements.envato.com/fr/collage-of-happy-multiracial-people-avatars-on-var-QXZQJRJ https://www.freepik.com/premium-psd/jacquard-pillow-cover-isolated-transparent-background_267776974… https://www.freepik.com/premium-psd/modern-table-lamp-isolated-transparent-background_128851201.htm… https://www.freepik.com/premium-psd/psd-lamp-ceiling-transparent-background-with-editable-mask-laye… https://www.freepik.com/premium-psd/handicraft-basket-isolated-transparent-background_221265431.htm… https://www.freepik.com/premium-psd/armchair-cushions-isolated-transparent-background_259176578.htm… https://www.freepik.com/premium-psd/mirror_251975531.htm#fromView=search&page=3&position=33… https://www.freepik.com/premium-psd/modern-wall-clock-with-sleek-design-isolated-transparent-backgr… https://www.freepik.com/premium-psd/modern-wall-clock-with-sleek-design-isolated-transparent-backgr… https://www.freepik.com/premium-ai-image/clock-that-is-wall-with-plant-book_262827354.htm#fromView=… https://elements.envato.com/fr/array-of-diverse-people-portraits-creative-collage-SZM9T5L https://elements.envato.com/fr/young-woman-shopping-for-furniture-sofa-and-home-d-FN5B4F6 https://elements.envato.com/fr/interior-of-modern-and-elegant-dining-room-interio-XN43CZV https://elements.envato.com/fr/contact-icons-M7M4DG 953E8RS”>https://elements.envato.com/fr/red-hair-child-holding-teddy-bear-in-shopping-bag-953E8RS https://elements.envato.com/fr/happy-little-boy-in-eyeglasses-standing-with-cross-EXN72P7 https://elements.envato.com/fr/charming-cute-baby-in-white-overalls-MTHTLSP C76FWHM”>https://elements.envato.com/fr/stylish-children-in-sunglasses-boy-showing-thumbs-C76FWHM https://elements.envato.com/fr/children-in-sunglasses-with-shopping-bags-and-milk-7EBXQC6 https://elements.envato.com/fr/adorable-little-girls-sitting-on-skateboard-and-sm-UUFCQN9 https://www.freepik.com/premium-psd/pink-pajamas-isolated-white-background_237014723.htm#fromView=search&page=1&position=42&uuid=742eca30-cc46-4a28-8fe2-76d3ce9e7055 https://www.freepik.com/premium-ai-image/green-knitted-sweater-with-buttons-isolated-white-background_348894193.htm#fromView=author&page=1&position=0&uuid=2b298a51-3917-4185-8758-a096d01beb65 https://www.freepik.com/premium-psd/png-ugly-sweater-sweatshirt-red-celebration_351678380.htm#fromView=search&page=1&position=18&uuid=0e0e4373-e57c-4ed3-a503-3d3bbed9f748 https://www.freepik.com/premium-psd/yellow-shoes-with-white-laces-yellow-laces-transparent-background_251939038.htm#fromView=search&page=1&position=17&uuid=d7a1f1d5-6398-42a1-9e52-4593d7fb7ebf https://www.freepik.com/premium-psd/isolated-green-white-striped-kids-polo-tshirt_258829925.htm#fromView=search&page=1&position=5&uuid=73bba322-5593-4020-9afc-a6fbc2b16f55 https://www.freepik.com/premium-psd/isolated-3d-baby-toy-icon-transparent_290691686.htm#fromView=search&page=1&position=23&uuid=28b6069c-9165-4ade-ba76-d6a1f56b9277 https://elements.envato.com/fr/clothes-for-kids-RUX53HE https://www.flaticon.com/free-icon/toys_7863044?k=1729073785375&log-in=email https://www.flaticon.com/free-icon/clothes_9752768?term=clothes&page=1&position=12&origin=style&related_id=9752768 https://www.flaticon.com/free-icon/dress_1083825 https://www.flaticon.com/free-icon/polo_343347 https://www.flaticon.com/free-icon/baby_2641391?term=new+born&page=1&position=14&origin=style&related_id=2641391 https://www.flaticon.com/free-icon/watch_15137907 https://www.freepik.com/premium-psd/tricycle-png_59751900.htm#fromView=search&page=1&position=6&uuid=bad7690b-2a6e-4ff3-a92c-b2a750ce7324 https://www.freepik.com/premium-psd/isolated_331704444.htm#fromView=search&page=2&position=37&uuid=a933aeeb-da1e-4b08-8533-c300419d6004 https://www.freepik.com/premium-psd/isolated-blue-white-striped-fleece-kids-jacket_258830143.htm#fromView=search&page=2&position=12&uuid=ddf83e98-b2c7-4fc9-9efb-9286d2d10ee7 https://www.freepik.com/premium-psd/baby-rattles-kids-toys-new-born_233902455.htm#fromView=search&page=1&position=2&uuid=e4ad491d-9252-47d9-8862-cc286752ac81 UBNG9AE”>https://elements.envato.com/collage-of-happy-multiracial-people-faces-on-gray-UBNG9AE https://elements.envato.com/fr/funny-little-boy-and-girl-in-sunglasses-have-fun-w-KRZTWVJ https://elements.envato.com/fr/set-of-childrens-clothes-YHRM3CM https://elements.envato.com/fr/portrait-of-cute-kid-in-yellow-beanie-hat-and-styl-SHJ4ZR8 XUMCVMM”>https://elements.envato.com/fr/funny-baby-girl-playing-with-colorful-wooden-toys-XUMCVMM https://elements.envato.com/fr/excited-little-kids-in-1950s-style-clothes-using-d-8MJ6DYG https://elements.envato.com/fr/set-of-childrens-clothes-RDVVBCT https://www.freepik.com/premium-psd/front-view-kids-denim-dress-transparent-background_33523809.htm#fromView=search&page=2&position=25&uuid=4587c44d-0767-4866-9a1f-d4602906e735 https://www.freepik.com/premium-psd/cute-teddy-bear-with-pink-bow_328250585.htm#fromView=search&page=1&position=6&uuid=ea454888-cadc-4928-904e-c5ceb672d4db https://www.freepik.com/premium-photo/black-headphone-transparent-background_319470243.htm#from_element=cross_selling__photo https://www.freepik.com/premium-psd/iphone-14-pro-max-smartphone-mockup-iphone-scene-ui-ux-app-presentation-mockup_34153423.htm#fromView=search&page=6&position=46&uuid=f85398d2-d4fb-45dc-8e2b-11d09808398b&query=Iphone https://www.freepik.com/premium-psd/modern-tablet-with-stylus-presented-keyboard-cover-displays-sign-up-screen_418003007.htm#from_element=cross_selling__psd https://www.freepik.com/premium-photo/modern-wireless-headphones-resting-white-background_394808026.htm#fromView=search&page=6&position=8&uuid=d99849c7-8600-41f7-bf08-af7e58b15381&query=Headset+white https://www.freepik.com/premium-psd/smartwatch-sport-device-screen-interface-app-design-presentation-mockup_14192008.htm#fromView=search&page=4&position=44&uuid=cc54007a-b58d-42a4-83d8-814aa136e737&query=apple+wactch+mockup https://www.freepik.com/premium-photo/smart-speaker-virtual-voice-assistant-home_33811229.htm#fromView=search&page=5&position=13&uuid=968f4297-1b3b-4b66-bd8f-adf5891a4fa6&query=HomePod+mini+Speaker https://www.freepik.com/premium-psd/presentation-laptop-mockup-white-surface_417757497.htm#fromView=search&page=1&position=34&uuid=aaff64b1-50ab-4ce8-96b5-2b611ec7ab4b&query=mackbook+mockup https://www.freepik.com/premium-psd/ipad-pro-tablet-editable-mockup_34048952.htm#fromView=search&page=18&position=46&uuid=c0e881d1-dd8e-49d1-9313-50d35be8315d&query=ipad+mockup https://www.freepik.com/premium-psd/smartphone-screen-mockup-design_78914737.htm#fromView=search&page=9&position=16&uuid=6f2598ed-3b19-4174-8ec7-cc24db598810&query=Iphone+14+mockup https://www.freepik.com/premium-psd/sleek-smart-watch-with-mesh-strap-is-presented-against-bright-background-showcasing-its-design_417839076.htm#from_element=cross_selling__psd https://www.freepik.com/premium-psd/close-up-smartphone-mockup_291412809.htm#fromView=search&page=6&position=47&uuid=52c6fcbb-2e80-4049-b836-68bd4e3282e3&query=Samsung+phone+mockup https://www.freepik.com/premium-photo/box-with-wireless-headphones-closeup-isolated-white-background_28759795.htm#from_element=cross_selling__photo https://www.freepik.com/premium-photo/black-wireless-headset-white-3d-render_317688365.htm#fromView=search&page=3&position=31&uuid=d1b0fb2c-178e-452c-93b9-f341b312e5ab&query=Headset+mockup https://www.freepik.com/premium-vector/phone-mockup-design_284765549.htm#fromView=search&page=6&position=42&uuid=22804c50-b498-43de-b908-bfe932c7e1e4&query=Iphone+14+mockup https://www.freepik.com/premium-psd/realistic-iphone-16-pro-max-3d-smartphone-screen-mockup-template-with-editable-background-psd_387126014.htm#from_element=cross_selling__psd https://www.freepik.com/premium-psd/new-smartphone-mockup-design_373250915.htm

 

Note: All images are used for preview purposes only. They are not part of the template and hence, not included in the final purchase files.

Once again, thank you so much for purchasing this template. As I said at the beginning, I’d be glad to help you if you have any questions relating to this template. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes and templates on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.

Designing Media Team

Once again, thank you so much for purchasing this theme. As I said at the beginning, I’d be glad to help you if you have any questions relating to this theme. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.

Designing Media Team