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

🌐 A portfolio website for Leon agency created with HTML5 and CSS3!
https://github.com/ibrahimelmokhtar/leon-company

css3 frontend-development html5 landing-page leon-agency-website performance psd-to-html responsive-design webp-images

Last synced: 2 months ago
JSON representation

🌐 A portfolio website for Leon agency created with HTML5 and CSS3!

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

Awesome Lists containing this project

README

        
# Leon Company Website

![GitHub release (latest by date)](https://img.shields.io/github/v/release/ibrahimelmokhtar/leon-company) ![GitHub issues](https://img.shields.io/github/issues/ibrahimelmokhtar/leon-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%2Fleon-company.netlify.app%2F)

## Live Website

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

## Design Previews

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

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

## Lighthouse Results

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

## Implemented Features

- ⭐ Single Page Website

- 🤖 Responsive layout on ALL devices

- ⚡ Fast and lightweight website; based on Lighthouse report

- 🍔 Custom hamburger menu with simple animation on hover

- 🌱 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/)