Skip to content

A clean and responsive profile card showcasing a user’s picture, name, location, short bio, and interactive social media links. Built with HTML and CSS, it emphasizes modern design, simplicity, and responsiveness for various screen sizes.

Notifications You must be signed in to change notification settings

HossamElrawy/Social-links-profile

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Social Links Profile Card

A responsive and visually appealing profile card that displays a user's picture, name, address, description, and social media links. This project demonstrates the use of HTML and CSS to create an interactive and clean user interface.


Overview

This project is a simple, responsive Social Links Profile Card that adapts well to smaller screen sizes. It's designed for practice and learning modern front-end techniques such as:

  • Semantic HTML
  • CSS Flexbox
  • Responsive design using media queries
  • Hover effects for interactive buttons

Features

  • Responsive Design: The card is fully responsive and adjusts seamlessly on smaller devices.
  • Interactive Buttons: The buttons have hover effects that change their color and background.
  • Minimalistic UI: The design focuses on simplicity and readability.
  • User-Friendly Layout: Social links are presented in a clean and organized manner.

Technologies Used

  • HTML5: For the semantic structure of the web page.
  • CSS3: For layout, styling, and responsiveness.
  • Google Fonts: Used for modern typography (Inter font family).

About

A clean and responsive profile card showcasing a user’s picture, name, location, short bio, and interactive social media links. Built with HTML and CSS, it emphasizes modern design, simplicity, and responsiveness for various screen sizes.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published