Skip to content

A website to showcase the profile cards of the employees of a company, using HTML and CSS

License

Notifications You must be signed in to change notification settings

Charantej07/Profile-card-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📇 Profile Card Project

This project features a profile card layout created using HTML and CSS. It displays staff profiles with information and styles the content with sleek designs.

🌐 HTML Structure (index.html)

The index.html file contains the basic structure of the profile card layout. It includes staff profiles with respective images, names, and descriptions.

🎨 CSS Styling (style.css)

The style.css file defines the styling of the profile cards and the overall layout. It covers:

  • Font imports from Google Fonts
  • Resetting default styles with *
  • Smooth scrolling behavior
  • Customizations for the header, main, cards, footer, and responsive design for different screen sizes.

HTML (index.html)

The HTML file sets up the profile card layout, linking to the CSS file for styling. It includes sections for staff profiles, navigational links, and a footer displaying company information.

CSS (style.css)

The CSS file styles the HTML elements, creating an attractive and responsive layout. It includes styles for headers, navigation bars, cards, images, and footer sections.

🚀 Features

  • Profiles for 3 people
  • Responsive design for various screen sizes
  • Smooth scrolling behavior within the page

📸 Images

Reference image

Reference image Reference image

🛠 Usage

Clone the repository and run index.html using a live server to view the profile cards.

🌐 Technologies Used

  • HTML
  • CSS
  • Google Fonts (Nunito)

🤝 Contributions

Contributions to enhance or improve the profile card layout are welcome! Fork this repository, make changes, and submit pull requests.

📄 License

This project is licensed under the MIT License.


Feel free to add more sections or details to provide a comprehensive overview of your Profile Card project!

About

A website to showcase the profile cards of the employees of a company, using HTML and CSS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published