https://github.com/ahmed-maher77/ahmed_maher_template
This is a responsive web template showcasing my expertise in crafting user-centric and adaptable website structures. This project highlights my proficiency in HTML, CSS, JavaScript, and responsive design principles.
https://github.com/ahmed-maher77/ahmed_maher_template
css front-end-development git html javascript responsive-layout responsive-web-design
Last synced: 3 months ago
JSON representation
This is a responsive web template showcasing my expertise in crafting user-centric and adaptable website structures. This project highlights my proficiency in HTML, CSS, JavaScript, and responsive design principles.
- Host: GitHub
- URL: https://github.com/ahmed-maher77/ahmed_maher_template
- Owner: Ahmed-Maher77
- Created: 2023-08-29T03:01:15.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-08T01:35:15.000Z (about 2 years ago)
- Last Synced: 2025-01-24T06:45:39.173Z (over 1 year ago)
- Topics: css, front-end-development, git, html, javascript, responsive-layout, responsive-web-design
- Language: HTML
- Homepage: https://ahmed-maher77.github.io/Ahmed_Maher_Template/
- Size: 2.53 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ahmed Maher's Template - Creative Agency Template:
It is a modern and responsive website template designed for digital agencies, creative professionals, and freelancers. It includes all the essential sections such as services, portfolio, team, testimonials, pricing, blog, and moreβcombined with rich interactivity, stunning visuals, and smooth user experience to help convert visitors into clients.
---
## π Live Preview
**π View Live Website:** [https://ahmed-maher77.github.io/Ahmed_Maher_Template](https://ahmed-maher77.github.io/Ahmed_Maher_Template/)
---
## π» Used Technologies
- **HTML5** β Semantic and accessible markup
- **CSS3** β Custom responsive design, animations, Normalize.css, Animate.css
- **JavaScript (ES6+)** β Interactivity, form validation, popups, countdowns, stats counters
- **jQuery** β Additional utilities and DOM control, used with WOW.js
- **Git** - Version Control
- **Font Awesome** β Scalable icons
- **Google Fonts** β *Cairo* typeface for consistent typography
---
## β¨ Key Features
- **Responsive Landing Page** with animated scroll-down CTA
- **Articles Section** with modal popups
- **Project Gallery** with captions and image lightbox
- **Features Highlights**: Quality, Passion, Delivery
- **Client Testimonials** carousel
- **Team Members** with profile cards
- **Services List**: Branding, Web/Mobile Dev, UI/UX, Marketing
- **Skills Progress Bars** to showcase expertise
- **Step-by-Step Workflow** (Discovery β Design β Development)
- **Event Countdown Timer**
- **Interactive Pricing Plans** with plan selection
- **Top Video Previews**
- **Animated Statistics** (Projects, Clients, Revenue)
- **Discount Request Form** with validation
- **Footer**: Quick links, contact info, social icons
---
## π Watch Video on LinkedIn
**πΊ Watch on LinkedIn:** [coming soon]()
---
![UI Mockup]()
---
Note:
The UI is inspired by Graphberry templates, but Iβve customized and adapted it to reflect my personal style, branding, and development approach.
---
## π₯ Installation Instructions
To run the project locally:
```bash
# 1. Clone the repository
git clone https://github.com/Ahmed-Maher77/Ahmed_Maher_Template.git
# 2. Open the project folder
cd Ahmed_Maher_Template
# 3. Open index.html in your browser
```
β
No additional setup required. Works in all modern browsers.
## π¬ Contact & Contribution
- π§βπ» **Portfolio:** https://ahmedmaher-portfolio.vercel.app/
- π **LinkedIn:** https://www.linkedin.com/in/ahmed-maher-algohary
- π§ **Email:** ahmedmaher.dev1@gmail.com
> Contributions, suggestions, and bug reports are welcome. Feel free to open issues or pull requests.