Qran – Digital Agency & Personal Portfolio HTML Template
Qran is a bold, modern HTML template for digital agencies, creative studios, freelancers and personal portfolios. It has three different home pages, eighteen inner pages and a page index, with smooth scrolling and carefully made scroll animations on every page.
What is inside
- 3 home layouts: Design Studio, Digital Agency and Creative Agency
- 21 pages: 3 home, 2 about, 3 portfolio, 2 case study, 3 blog, 2 team, gallery, FAQ, pricing, contact, coming soon and 404
- Page index: one landing page that shows every page as a preview card
Features
- Smooth scrolling (Lenis) and scroll animations (GSAP and ScrollTrigger)
- Pinned sections, text reveals, counters and moving word bands
- Filterable portfolio, stacking cards and a horizontal scroll showcase
- Blog article with numbered contents, reading progress, share icons and copyable heading links
- FAQ with live search, pricing with a monthly / project switch, gallery with lightbox, countdown page
- Contact, newsletter and coming soon forms with validation and a spam trap; connect any form service by adding one address
- Responsive on every screen, based on the Bootstrap 5.3 grid
- Reduced-motion support, skip link, visible keyboard focus and labelled form fields
- SEO-ready markup with meta tags, Open Graph and Twitter cards
Clean code
- Ready-to-upload site: HTML, CSS (readable and minified) and JavaScript (readable and minified)
- Every block is wrapped in start and end comments, so it is easy to find, move or remove
- All colours are CSS variables in one block, so you re-theme the whole template in one place; fonts and spacing are easy to find too
Files included
qran/: the finished websitedocumentation/: step by step guide
Credits
- GSAP 3.13 with ScrollTrigger, and SplitText 3.15 (GSAP Standard License)
- Lenis 1.3 (MIT)
- Bootstrap 5.3 (MIT)
- Swiper 14.2 (MIT)
- jQuery 3.7 and imagesLoaded 5.0 (MIT)
- Ukiyo 4.2 (MIT)
- Fonts: Inter, Poppins, Intel One Mono (SIL Open Font License, included)
- Live preview photos: Unsplash (Unsplash License). Preview videos: Pexels (Pexels License). None of them are included in the download.
Note: the images and videos in the live preview are for demonstration only and are not included in the download. The package contains placeholder images and videos with their size written on them, so you know which size to use for your own media.
Support
Please use the Support tab of this item for questions about how the template works and for bug fixes. If you like Qran, a rating on your Downloads page helps a lot. Thank you.