CineStudio - HTML Template
CineStudio is a visually immersive and highly versatile HTML template designed specifically for
photography studios, videographers, filmmakers, and video production agencies. Built with pixel-perfect
design and thoughtful UX, CineStudio blends elegant visuals with powerful features to present your portfolio,
showreels, and services with cinematic clarity.
Constructed using clean, semantic HTML5, modern CSS3, and lightweight JavaScript, CineStudio
delivers fast, responsive performance across devices and browsers. Whether you’re launching a personal portfolio
or an agency site, CineStudio offers customizable layouts, fullscreen galleries, smooth video integration, and
advanced gallery filters—so your work always looks its best.
- Modern, Flat & Unique Design
- Bootstrap Grid Layout
- Effects And Animations
- Fully Responsive
- Cross Browser Compatible
- SEO Friendly
- Easy to Edit & Customize
- Well Written Commented HTML5 & CSS3 code
- Detailed Documentation
The template folders and files are organized as follows.
Folders
- css - Includes CSS files
- images - Includes Images Files
- js - Includes Javascript Files
- webfonts - Includes Fonts Files
Files
- about-us.html - About Us Page
- blog-grid.html - Blog Grid Page
- blog-single.html - Blog Single Page
- blog-three-columns.html - Blog Three Columns Page
- blogs-list.html - Blogs List Page
- blogs.html - Blogs Main Page
- booking-form.php - Booking Form Script
- contact.html - Contact Page
- error.html - Error Page
- faq.html - FAQ Page
- form-process.php - Form Processing Script
- home-page-2.html - Home Page 2
- home-slider.html - Home Page with Slider
- home-video.html - Home Page with Video
- home2-slider.html - Alternate Home with Slider
- home2-video.html - Alternate Home with Video
- index.html - Main Home Page
- our-team.html - Our Team Page
- portfolio-grid-on-image.html - Portfolio Grid on Image Page
- portfolio-grid-with-filter.html - Portfolio Grid with Filter
- portfolio-list.html - Portfolio List Page
- portfolio-single.html - Portfolio Single Page
- portfolio-standard.html - Portfolio Standard Page
- portfolio.html - Portfolio Main Page
- pricing-plans.html - Pricing Plans Page
- service-single.html - Service Single Page
- service-standard.html - Service Standard Page
- service.html - Services Main Page
- team-detail.html - Team Detail Page
- testimonials.html - Testimonials Page
We have used the following CSS files to design various layouts.
- all.css - Font Icons - Font Awesome CSS
- animate.css - CSS animations library
- bootstrap.min.css - Bootstrap Framework CSS
- custom.css - Custom CSS for layouts
- magnific-popup.css - CSS of Popup for screenshot, images & video
- mousecursor.css - Mouse Cursor CSS
- plyr.css - Audio Player CSS
- slicknav.min.css - Responsive Slick Menu CSS
- swiper-bundle.min.css - Swiper Carousel CSS
- select2.css - Select2 dropdown styles
- select2.min.css - Select2 dropdown styles (minified)
We have used the following Javascript files to design various layouts.
- bootstrap.min.js - Bootstrap Framework
- function.js - Configuration code for layouts
- gsap.min.js - GSAP Library
- jquery.counterup.min.js - Animates a number from zero, counting up to the target value.
- jquery.magnific-popup.min.js - Magnific Popup
- jquery.mb.YTPlayer.min.js - Youtube Video Background
- jquery.slicknav.js - Responsive Menu
- jquery.waypoints.min.js - Trigger a function when you scroll to an element
- jquery-3.7.1.min.js - Javascript Library
- magiccursor.js - Magic Animated Cursor
- parallaxie.js - Parallax Effect
- plyr.js - Audio Player Library
- ScrollTrigger.min.js - Trigger a Text Effect
- SmoothScroll.js - Smooth Scroll
- SplitText.js - Split Paragram to Words and Charactor
- swiper-bundle.min.js - Swiper Carousel
- validator.min.js - Form Validation
- wow.js - Reveal on scroll animation plugin
- select2.full.min.js - Select2 plugin (full + minified)
Bootstrap framework:
Icons: