👨‍💻 Ajay Bora - Personal Portfolio Website

Welcome to the repository for my personal portfolio website! This project is a fully responsive, single-page application designed to showcase my Data Science & AI/ML projects, experience, and education.

It features a modern Glassmorphism aesthetic, smooth animations, and a mobile-first architecture.

🔗 View Live Demo

---

✨ Key Features

• 🎨 Modern UI/UX: Built with a dark theme, neon accents, and frosted glass effects (Glassmorphism).
• 📱 Fully Responsive: seamless experience across Desktops, Tablets, and Mobile phones (Custom Hamburger Menu).
• ⚡ Fast & Lightweight: Built using pure HTML, CSS, and JavaScript—no heavy frameworks.
• 🔄 Interactive Elements: * Smooth scrolling navigation.
  • "Floating" profile image animation.
  • Expandable accordion cards for certificates.
  • Hover effects on project cards.
• 📂 Organized Content: Sections for About, Education, Experience (Timeline), Projects, and Contact.

---

🛠️ Tech Stack

This project is built with standard web technologies, making it perfect for beginners to study.

• HTML5: Semantic structure and layout.
• CSS3: Custom styling, CSS Variables (:root), Flexbox, Grid, and Animations.
• JavaScript (ES6): DOM manipulation for the mobile menu and interactive toggles.
• Font Awesome: For social media and UI icons.
• Google Fonts: Typography (Poppins).

---

🚀 Getting Started (For Beginners)

Want to run this code on your own computer? Follow these simple steps:

1. Prerequisites

You only need a web browser (like Chrome, Edge, or Firefox) and a text editor (like VS Code or Notepad).

2. Clone or Download

Option A (Using Git): Open your terminal/command prompt and run:

git clone https://github.com/AjayBora002/AjayBora_portfolio.git
Option B (No Git):

Click the green "Code" button at the top right of this GitHub page.

Select "Download ZIP".

Extract the ZIP file to a folder on your computer.

3. Run the Website
Simply go to the folder and double-click the index.html file. It will open in your default web browser!

📂 Project Structure
Here is a quick overview of the files so you know where to look:

Plaintext
├── 📄 index.html      # Main content (Text, links, structure)
├── 🎨 style.css       # Visuals (Colors, layout, fonts, animations)
├── ⚙️ script.js       # Logic (Menu toggle, scroll prevention, click events)
└── 📁 assets/         # Images, PDFs, and Resume files
    ├── profile.jpg
    ├── Ajay_Bora_Resume.pdf
    └── ...
🎨 Customization Guide
If you want to use this template for yourself, here are a few tips:

1. Change Colors: Open style.css and look for the :root section at the very top. Change these hex codes to your favorite colors:

CSS
:root {
    --bg-color: #0f172a;        /* Main Background */
    --accent: #38bdf8;          /* Highlight Color */
    /* ... */
}
2. Update Content: Open index.html. You can easily swap out my text for yours. For example, find the <h1> tag to change the name:

HTML
<h1>Hi, I'm <span class="highlight">Your Name</span></h1>
3. Replace Images: Add your own photo to the assets folder and update the src attribute in the HTML:

HTML
<img src="assets/your-photo.jpg" alt="Profile Pic">
📫 Connect with Me
I am open to Data Science and AI/ML opportunities!

Email: boraajay26@gmail.com

LinkedIn: Ajay Bora