Leon Template One

Overview

Leon is a professional and elegant web template designed for creative agencies and startups. It features a clean, modern design with a focus on usability and responsiveness across different screen sizes.

Live Demo

🔗 View Live Demo

Features

• Responsive Design: Works perfectly on all screen sizes (mobile, tablet, desktop)
• Modern Design: Clean and elegant user interface with attractive visual effects
• Easy Customization: Simple to modify and customize to your needs
• Multiple Sections: Home, Services, Portfolio, About, Contact
• SEO Friendly: Optimized HTML structure for search engines
• Fast Performance: Quick loading and excellent performance

Technologies Used

• HTML5
• CSS3 (CSS variables, Flexbox, Grid)
• Font Awesome (for icons)
• Google Fonts
• Modern CSS techniques (Animations, Transitions, Transforms)

Project Structure

leon/
├── index.html              # Main page
├── css/
│   ├── leon.css           # Main CSS file
│   ├── normalize.css      # For consistent element rendering across browsers
│   └── all.min.css        # Font Awesome library for icons
├── images/                # Images used in the project
└── webfonts/              # Font files used

Sections

1. Header: Company logo and navigation menu
2. Landing: Welcome section with an attractive heading and brief description
3. Features: Showcase of the company's main features
4. Services: Display of services offered by the company
5. Portfolio: Showcase of previous notable projects
6. About: Information about the company and team
7. Contact: Contact information and social media links
8. Footer: Copyright and additional information

How to Use

1. Download or clone the project
2. Open the index.html file in your preferred browser
3. Explore the website and browse through different sections
4. Modify content and images according to your needs

Customization

• You can modify the main colors by changing the variable values in the css/leon.css file
• To change images, replace the files in the images/ folder
• To edit content, modify the text in the index.html file

Screenshots

Home Screen

Services Section

Installation

# Clone the repository
git clone https://github.com/abdelrahman-samy-dev/leon.git

# Navigate to project directory
cd leon

# Open in browser
open index.html

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

License

This project is available for personal and commercial use. Please credit the original source when using it.

Contact

For inquiries or support, please contact via email: abdelrahman.samy.dev@outlook.com

---

© 2023 Leon. All Rights Reserved.