Skip to content

ayman-alkhatib/kasper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kasper

A modern, responsive HTML/CSS portfolio template designed to showcase creative work and professional services.

🎨 Features

  • Responsive Design - Fully responsive layout that adapts to all screen sizes
  • Modern & Clean - Contemporary design with a professional appearance
  • Clean Code - Well-organized and maintainable HTML/CSS code
  • Browser Friendly - Compatible with all modern web browsers
  • Fast Loading - Optimized CSS with minified versions included

📋 Sections

  • Header - Navigation menu with logo and search functionality
  • Landing - Eye-catching hero section with background slider
  • Services - Showcase of 4 key services with icons and descriptions
  • Design Features - Highlights of the template's design capabilities
  • Portfolio - Filterable portfolio gallery with multiple categories (All, App, Photo, Web, Print)
  • Video - Full-width video section with call-to-action
  • About - About section with company image
  • Statistics - Key metrics displayed with icons (Coffee Drinks, Completed Projects, Mail Sent, Awards)
  • Testimonials & Skills - Client testimonials carousel and skill progress bars
  • Quote - Featured testimonial section
  • Pricing - Four pricing tiers (Basic, Premium, Pro, Platinum)
  • Newsletter - Email subscription form
  • Contact - Contact form and company information
  • Footer - Social media links and copyright information

📁 Project Structure

kasper/
├── index.html           # Main HTML file
├── css/
│   ├── main.css        # Main stylesheet
│   ├── main.min.css    # Minified main stylesheet
│   ├── normalize.css   # CSS reset/normalization
│   ├── all.css         # Font Awesome icons
│   └── all.min.css     # Minified Font Awesome
├── img/                # Image assets (logo, portfolio, about, skills)
├── video/              # Video assets
├── webfonts/           # Font files for Font Awesome
└── README.md           # This file

🚀 Getting Started

  1. Clone or download the repository
  2. Open index.html in your web browser
  3. No build process or dependencies required - pure HTML/CSS

🔧 Technologies Used

  • HTML5 - Semantic markup
  • CSS3 - Modern styling and layouts
  • Font Awesome - Icon library
  • Google Fonts - Open Sans font family

📱 Browser Support

  • Chrome (Latest)
  • Firefox (Latest)
  • Safari (Latest)
  • Edge (Latest)

📄 License

© 2021 Kasper. All rights reserved.

👤 Author

Ayman Alkhatib


Note: This is a template. Customize the content, images, colors, and contact information to match your needs.

About

css&html project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors