https://github.com/ibrahimelmokhtar/kasper-company

🌐 A portfolio website for Kasper agency created with HTML5, CSS3, and JavaScript!
https://github.com/ibrahimelmokhtar/kasper-company

css3 html5 javascript kasper-agency-website landing-page performance psd-to-html responsive-design webp-images

Last synced: 2 months ago
JSON representation

🌐 A portfolio website for Kasper agency created with HTML5, CSS3, and JavaScript!

• Host: GitHub
• URL: https://github.com/ibrahimelmokhtar/kasper-company
• Owner: ibrahimelmokhtar
• Created: 2022-07-16T16:18:18.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-08-10T19:46:56.000Z (over 2 years ago)
• Last Synced: 2025-01-01T09:10:10.392Z (4 months ago)
• Topics: css3, html5, javascript, kasper-agency-website, landing-page, performance, psd-to-html, responsive-design, webp-images
• Language: CSS
• Homepage: https://kasper-company.netlify.app/
• Size: 27.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Kasper Company Website

![GitHub release (latest by date)](https://img.shields.io/github/v/release/ibrahimelmokhtar/kasper-company) ![GitHub issues](https://img.shields.io/github/issues/ibrahimelmokhtar/kasper-company) ![Netlify](https://img.shields.io/netlify/39df3333-7a06-41b9-97f6-b5d824dcb1b3) ![Website](https://img.shields.io/website?down_message=offline&up_message=online&url=https%3A%2F%2Fkasper-company.netlify.app%2F)

## Live Website

💻 Check the live website from [here](https://kasper-company.netlify.app/)

## Design Previews

| [🖥️ Desktop Preview](.github/preview-desktop.png) | [📱 Mobile Preview](.github/preview-mobile.png) |

| -------------------------------------------------- | ----------------------------------------------- |

## Lighthouse Results

![Lighthouse Report](.github/kasper-company-lighthouse-100.gif)

## Implemented Features

- ⭐ Single Page Website

- 🤖 Responsive layout on ALL devices

- ⚡ Fast and lightweight website; based on Lighthouse report

- 🖼️ Landing image slider

- 🔀 Portfolio projects shuffle filter

- 📈 Numbers increment on scrolling

- 📊 Progress bars animation on scrolling

- 🌱 Smooth scrolling behavior

- ✨ And more!

## Used Technologies

  

    

      

    

    

      

    

    

      

    

    

      

    

  

## Credits & Assets

- PSD Template is from [Graphberry](https://www.graphberry.com/)

- Images are from [Unsplash](https://unsplash.com/)

- Font Icons are from [Font Awesome](https://fontawesome.com/)

- Fonts are from [Google Fonts](https://fonts.google.com/)