🎨 Adi Narayan Prasad - Portfolio

A modern, responsive portfolio website showcasing projects, skills, and professional experience.

🌐 Live Demo

Deployed at: https://agent-6a22e8328c141c084e8a5b4d--adiworksamples.netlify.app/

📋 Overview

This portfolio website presents a comprehensive overview of my professional journey, including:

• About Me - Professional background and introduction
• Skills - Technical expertise and competencies
• Projects - Showcase of completed work and contributions
• Contact - Ways to get in touch and connect

🛠️ Tech Stack

• HTML5 - Semantic markup and structure
• CSS3 - Modern styling and responsive design
• JavaScript - Interactive features and functionality
• Responsive Design - Mobile-first approach

📱 Features

✨ Responsive Design - Fully optimized for desktop, tablet, and mobile devices

✨ Modern UI/UX - Clean and professional interface

✨ Fast Performance - Optimized for quick loading times

✨ Accessible - Built with accessibility standards in mind

✨ SEO Friendly - Optimized for search engines

🚀 Getting Started

Prerequisites

• Modern web browser
• No additional dependencies required

Installation

1. Clone the repository:

git clone https://github.com/Prasadadi18/Portfolio.git
cd Portfolio

2. Open the project:

# Using a local server (recommended)
python -m http.server 8000

# Or simply open index.html in your browser
open index.html

3. Navigate to http://localhost:8000 in your web browser

📁 Project Structure

Portfolio/
├── index.html          # Main HTML file
├── css/
│   └── style.css      # Main stylesheet
├── js/
│   └── script.js      # JavaScript functionality
├── images/            # Project images and assets
└── README.md          # This file

🎯 Key Sections

Hero Section

Eye-catching introduction with a call-to-action

About Me

Professional background and personal introduction

Skills

Technical skills organized by category

Projects

Featured projects with descriptions and links

Contact

Multiple ways to connect and collaborate

🔧 Customization

Colors

Edit the CSS variables in css/style.css:

:root {
  --primary-color: #your-color;
  --secondary-color: #your-color;
}

Content

Update content in index.html to personalize the portfolio

Images

Replace images in the images/ directory

📞 Contact Information

• Email - [Your Email]
• LinkedIn - [Your LinkedIn Profile]
• GitHub - @Prasadadi18
• Twitter - [Your Twitter]

🚀 Deployment

This portfolio is deployed on Netlify for continuous deployment:

1. Push to the main branch
2. Netlify automatically builds and deploys
3. View live at: https://agent-6a22e8328c141c084e8a5b4d--adiworksamples.netlify.app/

Deploy Your Own

📈 Performance

• Lighthouse Score - 95+ (Performance, Accessibility, Best Practices, SEO)
• Page Load Time - < 2 seconds
• Mobile Responsive - Fully optimized for all devices

🔐 Security

• No external dependencies requiring constant updates
• Clean, validated HTML5 markup
• Secure contact form (if applicable)

📝 License

This project is open source and available under the MIT License.

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

⭐ Show Your Support

If you like this project, please consider giving it a ⭐ on GitHub!

📧 Get in Touch

Have a question or want to collaborate? Feel free to reach out:

• Open an issue in the repository
• Send an email to adinarayan736@gmail.com
• Connect on www.linkedin.com/in/adi-narayan-prasad-512ab1325

---

Made with ❤️ by Adi Narayan Prasad

Last Updated: June 2026