https://github.com/ahmed-maher77/kasper_template
Kasper Template is a responsive website template designed for art production companies to showcase their work in a clean and captivating way.
https://github.com/ahmed-maher77/kasper_template
command-line css css3 frontend-development git html html5 responsive-design web-design
Last synced: 3 months ago
JSON representation
Kasper Template is a responsive website template designed for art production companies to showcase their work in a clean and captivating way.
- Host: GitHub
- URL: https://github.com/ahmed-maher77/kasper_template
- Owner: Ahmed-Maher77
- Created: 2023-08-11T14:40:19.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-07-29T10:00:50.000Z (11 months ago)
- Last Synced: 2025-10-21T16:57:01.483Z (9 months ago)
- Topics: command-line, css, css3, frontend-development, git, html, html5, responsive-design, web-design
- Language: JavaScript
- Homepage: https://kasper-template3.web.app/
- Size: 12.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kasper Template
Kasper Template is a responsive website template designed for art production companies to showcase their work cleanly and attractively.
---
## 💻 Used Technologies
- **HTML5**: Semantic markup & accessibility
- **CSS3**: Flexbox, Grid, Transitions, Media Queries
- **JavaScript (ES6+)**: Modern scripting, event handling
- **GSAP & ScrollTrigger**: Advanced animations & scroll effects
- **Font Awesome**: Icon set
- **Google Fonts (Open Sans)**: Professional typography
- **ARIA & Semantic HTML**: Screen reader support
- **Firebase Hosting**: Live deployment
- **Git**: Version control
---
## 🌐 Demo (Live Preview)
**🔗 View Live Demo:** [https://kasper-template3.web.app/](https://kasper-template3.web.app/)
---
## ✨ Key Features
- 🎨 Dynamic Landing Carousel with dots & arrows
- 🗂️ Portfolio Filter (All, App, Photo, Web, Print)
- 💬 Testimonials Carousel
- 📈 Animated Stats & Skills Progress Bars
- ⚡ Scroll-triggered GSAP animations
- 📱 Mobile-First & Responsive Design
- ♿ WCAG 2.1 AA Accessibility Support
- 📬 Validated Contact & Subscription Forms
- 🌙 Dark Mode & Reduced Motion Support
- 🚀 SEO-Optimized with WebP image support
---
## 🎥 Watch the Demo on LinkedIn
**📺 Watch Demo on LinkedIn:** [coming soon]()
---
---
## 📥 Installation Instructions
```bash
# Clone the repository
git clone https://github.com/Ahmed-Maher77/Kasper_Template.git
# Navigate into the folder
cd Kasper_Template
# Open index.html in your browser
```
> ✅ No build tools required – simply open the ```index.html``` in your browser.
---
## 📬 Contact & Contribution
Feel free to contribute, raise issues, or get in touch:
- 🧑💻 **Portfolio:** https://ahmedmaher-portfolio.vercel.app/
- 🔗 **LinkedIn:** https://www.linkedin.com/in/ahmed-maher-algohary
- 📧 **Email:** ahmedmaher.dev1@gmail.com
---
## ⭐ Support
If you found this project helpful or inspiring, please consider giving it a ⭐ and share it with others!
**Demo (Live Preview):** https://kasper-template3.web.app/
## UI (User Interface):