https://github.com/maheera421/portfolio
https://github.com/maheera421/portfolio
Last synced: about 13 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/maheera421/portfolio
- Owner: maheera421
- License: mit
- Created: 2023-09-27T05:24:35.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-07T18:36:48.000Z (about 2 years ago)
- Last Synced: 2025-03-14T01:22:02.409Z (7 months ago)
- Language: CSS
- Size: 1.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Portfolio
**đź“„Project Description:**
- **Project Name:** Portfolio
- **Purpose:** The purpose of this project is to create a personal portfolio website to showcase the skills, work, and contact information.
- **Technologies Used:** HTML and CSS are used to build the structure and style of the website.
- **Fonts:** The website uses the "Poppins" font for various text elements.
**⚙️Code Specifications:**
- The project consists of an HTML file (`index.html`) and a CSS file (`style.css`).
- HTML file includes the main structure of the website, while CSS file defines the styling.
- The website is designed to work on both mobile screens and desktop.
- External fonts are imported from Google Fonts to enhance typography.
- The code makes use of CSS Flexbox for layout design, ensuring elements are properly aligned.
- Images and icons are used for visual elements throughout the website.
- Animations are added for all the buttons to make a creative user interface.
- The CSS code specifies various font styles, sizes, colors, and spacing to ensure a visually appealing and consistent design.
**🚀Code Features:**
1. **Header:** The website includes a header with a logo and a menu icon/ options for navigation in mobile version and desktop version respectively.
2. **Main Section (Headline):** This section includes introduction, skills, and invites visitors to connect on social media.
3. **Works Section:** The works section showcases multiple project cards. Each card displays an image, project name, details, tags, and a "See Project" button.
4. **About Myself Section:** This section provides a brief overview of me, my skills, and links to my social media profiles. It also includes a "Get my resume" button.
5. **Skills Section:** This section displays a list of programming languages and frameworks I am proficient in.
6. **Contact Me Form:** The contact section allows visitors to send messages to me. It includes fields for name, email, and a message, along with a "Get In Touch" button.
7. **Footer:** The website features a footer.
Overall, the "Portfolio" responsive website serves as a professional online presence for me, showcasing my skills and work to potential collaborators and employers, while also providing a means for visitors to get in touch with me.