An open API service indexing awesome lists of open source software.

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.

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]()

---

## 👀 Website Preview

website preview - UI Mockup

---

## 📥 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):