Skip to content

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.

Notifications You must be signed in to change notification settings

nureddinhaji/simple-profile-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.

Live Demo

Check out the live demo here: Live Demo

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:

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 Twitter: @NureddinHaji

About

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.

Topics

Resources

Stars

Watchers

Forks