Skip to content

houcembenmakhlouf/houcembenmakhlouf.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Personal Portfolio Website πŸš€

This is a fully responsive personal portfolio website built with HTML, CSS, and JavaScript. It showcases IT consultancy, cloud solutions, AI-powered projects, and project management services while maintaining a professional and modern design.

πŸ”Ή Features

βœ… Responsive Design – Adapts to all screen sizes (desktop, tablet, and mobile).
βœ… Dynamic Typewriter Effect – Highlights key expertise dynamically.
βœ… Smooth Animations – Powered by AOS (Animate on Scroll) for a professional touch.
βœ… Interactive Navigation – Includes a mobile-friendly hamburger menu.
βœ… Projects Showcase – Displays real-world IT solutions with a fade-out effect.
βœ… Contact Section – Features email and social media links with improved layout.


πŸ“‚ Project Structure

πŸ“ portfolio-website
│── πŸ“ assets
β”‚ │── πŸ“ images # Stores all website images
β”‚ │── πŸ“ icons # Icons for services and social media
│── πŸ“ css
β”‚ │── style.css # Main stylesheet
│── πŸ“ js
β”‚ │── app.js # JavaScript for animations & effects
│── index.html # Main HTML file
│── README.md # Project documentation

πŸ› οΈ Technologies Used

  • HTML5 – For structuring the webpage
  • CSS3 – For styling and responsive design
  • JavaScript (ES6) – For interactive elements
  • FontAwesome – For icons (LinkedIn, GitHub, etc.)
  • AOS (Animate On Scroll) – For smooth animations

🎨 Customizations

Want to personalize this portfolio? Modify the following:

  1. Profile Information – Update your name, profession, and social media links in index.html.
  2. Projects – Add or modify projects inside the #projects section in index.html.
  3. Theme & Colors – Modify style.css for color schemes and font styles.
  4. Typewriter Text – Change the skills inside app.js under the typeWriter() function.

πŸ“· Preview Screenshot

Portfolio Preview


πŸš€ How to Run the Project

  1. Clone the repository
git clone https://github.com/houcembenmakhlouf/houcembenmakhlouf.github.io.git


Open index.html in any browser
You're all set! πŸŽ‰
πŸ“© Contact
πŸ’Ό Portfolio: Your Website
πŸ“§ Email: houcembenmakhlouf.hbm@gmail.com
πŸ”— LinkedIn: Your LinkedIn
πŸ™ GitHub: Your GitHub

πŸ“œ License
This project is open-source and free to use under the MIT License.

About

personal page

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published