Portfolio Website

This repository contains the source code for my personal portfolio website. It is a static site built to host and display details regarding my projects, technical skills, and coursework. The site features a clean, professional interface and is fully responsive across all device sizes.

🌐 Live Demo

Check out the live website: ramalingam-n.github.io/Portfolio

🛠️ Built With

• HTML5 & CSS3: Structured with semantic tags and styled with modern CSS features (Flexbox, AOS, Clamp for responsive typography).
• JavaScript (ES6+): Used for dynamic project rendering and interactive UI elements.
• AOS (Animate On Scroll): Integrated for smooth entry animations as the user navigates the page.
• Google Fonts: Utilizing specialized typography for a professional "Software Architect" aesthetic.

✨ Key Features

• Dynamic Layouts: Uses fit-content and min-content logic to ensure the UI wraps perfectly around content.
• Responsive Design: Fully optimized for mobile, tablet, and desktop using CSS media queries and fluid scaling.
• Project Showcase: A curated section highlighting full-stack projects, API tools, and Chrome extensions.
• Performance Focused: Lightweight code with minimal external dependencies for fast loading times.

🚀 Local Development

Modify this project for your use:

1. Clone the repository:

   git clone https://github.com/Ramalingam-N/portfolio-black-and-white.git

2. Navigate to the directory:

   cd portfolio-black-and-white

3. Customize the content:

   • Open index.html in your preferred code editor
   • Update personal information, projects, skills, and contact details to match your profile
   • Modify color schemes and styling in the style.css file as needed
   • Replace images in the images/ folder with your own

4. Preview your changes:

   • Open index.html in your preferred browser to see your customized portfolio

📁 Structure

• index.html - The main entry point and structure of the site.

• image/ - Contains images, logo and the profile photo.