Personal Portfolio 🌟

Table of Contents 📑

• Overview
• Features
• Tech Stack
• Installation
• Usage
• Screenshots
• Code and Resources Used
• Requirements
• Directory Structure
• Author

Overview

This is my personal portfolio website, designed using HTML and CSS. It showcases my skills, certifications, projects, and work experience. The website features an interactive UI, a smooth scrolling effect, and a modern design. It is fully responsive, ensuring that it works seamlessly across all devices.

Features

• Responsive Design: The portfolio adapts to different screen sizes including desktop, tablet, and mobile.
• Smooth Scrolling: A smooth scrolling effect for a better user experience.
• Navigation Bar: A fixed navbar that stays on top for easy navigation across different sections.
• Interactive Project Carousel: Showcases my projects with images and links.
• About Section: Details about my skills, certifications, and experience.
• Contact Form: Allows users to contact me directly.
• Social Media Links: Links to my social media profiles like LinkedIn, GitHub, etc.

Tech Stack

• Frontend: HTML5, CSS3
• Styling: Custom CSS with Flexbox and Grid for layout
• Fonts: Custom fonts from online resources

Installation

To run this project locally:

1. Clone the repository to your machine:

   git clone <repository-url>

2. Navigate to the project directory:

   cd personal-portfolio

3. Open the index.html file in any modern web browser.

Usage

• Launch the index.html file in your browser.
• Explore the website features:
  • Navigate through sections like "About Me," "Services," "Portfolio," and "Contact."
  • View projects in the interactive carousel.
  • Contact me through the form in the contact section.
  • Explore the smooth scrolling and responsive layout.

Screenshots

• Homepage
• About Me Section
• Portfolio Carousel
• Contact Form

Code and Resources Used

• HTML: For the basic structure of the portfolio.
• CSS: For styling and layout.
• Fonts: Custom fonts loaded from online resources.
• Images: Project images and logos used in the carousel and header.

Requirements

• A modern web browser that supports HTML5 and CSS3.
• No backend required, it's a static website.

Directory Structure

personal-portfolio/

• ├── index.html # Main HTML file
• ├── index.css # CSS styling file
• ├── sample.html # HTML file
• ├── sample.css # css file
• ├── assets/ # Directory for images and other assets
• │ ├── logo.png # Logo image for the header
• │ ├── project1.png # Image for project in carousel
• │ └── ...
• └── fonts/ # Directory for custom fonts
  • ├── font1.ttf
  • └── font2.ttf

Author

Harsha Vinjamuri ❤️

Personal Portfolio crafted with love and care. Feel free to fork and customize the code to create your own.

This README provides all the necessary details for your Personal Portfolio project, from installation to usage and features, in a clean and structured way. Let me know if you need any further modifications!

Chat