https://github.com/nureddinhaji/simple-profile-card
This project is a personal profile card designed using HTML and CSS. The card features personal information, a profile picture, social icons and a responsive design.
https://github.com/nureddinhaji/simple-profile-card
css html multilanguage-support responsive-design
Last synced: 5 months ago
JSON representation
This project is a personal profile card designed using HTML and CSS. The card features personal information, a profile picture, social icons and a responsive design.
- Host: GitHub
- URL: https://github.com/nureddinhaji/simple-profile-card
- Owner: nureddinhaji
- Created: 2024-06-30T10:01:54.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-03T12:08:37.000Z (almost 2 years ago)
- Last Synced: 2025-07-19T05:32:42.361Z (11 months ago)
- Topics: css, html, multilanguage-support, responsive-design
- Language: HTML
- Homepage: https://nureddinhaji.github.io/simple-profile-card/
- Size: 1.1 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Profile Card
This project is a personal profile card designed using HTML and CSS. The card features personal information, a profile picture, social icons and a responsive design.
This project is part of the Front-End Development track in the Almadrasa Diploma program. For more information about the course, visit [Almadrasa](https://almdrasa.com/).
## Live Demo
Check out the live demo here: [Live Demo](https://nureddinhaji.github.io/profile-card-almdrasa/)
## Project Contents
`index.html`: The main file that contains the structure of the profile card.
`styles.css`: The CSS file that contains the styles and layout for the card.
## Features
**- Tow Language Support:** The profile card suppor display infos in two languages (English, Arabic)
- **Responsive Design:** The card adapts to various screen sizes using Flexbox techniques.
- **CSS Effects:** Transition and animation effects enhance the user experience.
- **Clean Structure:** Built using HTML5 and CSS3 with clean and organized code.
## Screenshots
## How to Use
### Clone the Repository:
You can clone this repository to your local machine using the following command:
```bash
git clone https://github.com/nureddinhaji/profile-card-almdrasa.git
```
### Open the File:
After cloning, open the index.html file in your web browser to view the profile card.
## Contributions
Contributions and improvements are welcome! Feel free to open a new issue on the Issues page or submit a pull request.
## License
This project is licensed under the MIT License.
## Contact
For more information or inquiries, you can reach me via email or through my social media profiles:
LinkedIn: [Nureddin Haji](https://www.linkedin.com/in/nureddinhaji)
Twitter: [@NureddinHaji](https://twitter.com/NureddinHaji)