Merge pull request #26 from csprasad/chore/update

chore: update screenshot & readme

Author: csprasad

README.md

@@ -1,45 +1,44 @@
-> [!IMPORTANT]
-> I'm actively working on new features and improvements.
-> Expect changes and possible bugs. 
-> Please try it out and report any issues via [GitHub Issues](https://github.com/csprasad/csprasad.github.io/issues)!
-
-## Portfolio
-Welcome to my portfolio! This project showcases my work, skills, and experience as an iOS developer.
-
-🔗 [Visit Portfolio](https://csprasad.github.io)
-
-## Features  
-- **iPhone Mock UI** – Displays portfolio in an interactive iPhone-style layout.  
-- **Responsive Design** – Works on all screen sizes.  
-- **Dynamic Content** – Sections like About, Work, and Projects.
- ```plaintext
-+----------------------+
-|         ▪▪▪▪         |
-|+--------------------+|
-||                    ||
-||                    ||
-||         🙋         ||
-||      Developer     ||
-||        Intro       ||
-||                    ||
-||                    ||
-||                    ||
-||                    ||
-||                    ||
-||----  ---  ---  ----||
-|| 📄 | 📂 | 💼 | 📞 ||
-|+--------------------+|
-|        _____         |
-+----------------------+
-```
-
-## 🛠️ Built With  
-- **HTML, CSS, JavaScript**  
-- **Bootstrap**  
-- **GitHub Pages** (for deployment)  
-
-## Contact  
-If you want to connect, feel free to reach out:  
-- **Email**: codealligator.csprasad@gmail.com  
-- **GitHub**: [CSPrasad](https://github.com/csprasad)  
-- **LinkedIn**: [CSPrasad](https://linkedin.com/in/csprasadios)  
+# 📱 Portfolio Website – CSPrasad
+
+[![Site](https://img.shields.io/badge/Site-Live-green?style=flat&logo=githubpages)](https://csprasad.github.io)
+[![Email](https://img.shields.io/badge/Email-codealligator.csprasad@gmail.com-lightgrey)](mailto:codealligator.csprasad@gmail.com)
+[![LinkedIn](https://img.shields.io/badge/LinkedIn-Connect-blue?logo=linkedin)](https://linkedin.com/in/csprasadios)
+[![Instagram](https://img.shields.io/badge/Instagram-Follow-purple?logo=instagram)](https://instagram.com/csprasad_ios/)
+[![Exercism](https://img.shields.io/badge/Exercism-Mentor-green?logo=exercism)](https://exercism.org/profiles/codealligator)
+
+An interactive **iPhone-inspired portfolio** built with vanilla web technologies.  
+It showcases my **iOS development skills, projects, and experience** in a mobile-style UI.
+
+---
+
+## Features
+
+-  **iPhone Mock UI** – Portfolio displayed inside an iPhone-like frame.  
+-  **Responsive Design** – Adapts to desktop, tablet, and mobile.  
+-  **Dynamic Sections** – About, Work, Projects, and Contact.  
+-  **Minimal & Clean** – Built with Bootstrap for responsive layouts.  
+
+---
+
+## 📸 Preview
+
+🔗 [**Visit Live Site**](https://csprasad.github.io/landing.html)
+![webpage](data/webpage.png)
+
+---
+
+##  Built With 
+[![HTML](https://img.shields.io/badge/Frontend-HTML5-orange?logo=html5)](#) 
+[![CSS](https://img.shields.io/badge/Style-CSS3-blue?logo=css3)](#) 
+[![JavaScript](https://img.shields.io/badge/Logic-JavaScript-yellow?logo=javascript)](#) 
+[![Bootstrap](https://img.shields.io/badge/UI-Bootstrap-563D7C?logo=bootstrap)](#)  
+
+- **HTML5** – Structure  
+- **CSS3** – Styling & layout  
+- **Bootstrap 5** – Responsive grid & UI components  
+- **JavaScript (ES6)** – Interactivity  
+- **GitHub Pages** – Deployment  
+
+---
+
+## Contact - [LinkedIn](https://linkedin.com/in/csprasadios) | [GitHub](https://github.com/csprasad) | [Email](mailto:codealligator.csprasad@gmail.com)