🎓 Academic Portfolio Website

Saddiq Ur Rehman - PhD Student at Kyung Hee University

---

📖 Overview

A modern, responsive academic portfolio website showcasing the research, publications, and professional journey of Saddiq Ur Rehman, a PhD student specializing in Building Information Modeling (BIM) and Artificial Intelligence in the construction industry.

✨ Features

• 📱 Responsive Design: Optimized for all devices and screen sizes
• 🎨 Modern UI: Clean, professional design with smooth animations
• 🌙 Dark/Light Mode: Toggle between themes for optimal viewing
• 📊 Dynamic Content: Auto-updating publication counts and statistics
• 🔍 Interactive Elements: Modal popups, image zoom, and hover effects
• 📚 Publications Management: Organized display of research papers and citations
• 🚀 Project Showcase: Detailed project presentations with technical specifications
• 🏆 Awards Display: Certificate viewer with zoom functionality

🏗️ Structure

📂 File Organization

├── index.html              # Main HTML structure
├── assets/
│   ├── css/
│   │   └── styles.css      # Complete styling system
│   ├── js/
│   │   └── script.js       # Interactive functionality
│   ├── images/
│   │   ├── profile_pic.png     # Profile image
│   │   ├── profile_pic_2.jpg   # Hover effect image
│   │   ├── projects/           # Project screenshots
│   │   ├── certificates/       # Award certificates
│   │   └── logos/             # Institution logos
│   └── icons/
│       └── favicon.ico
└── README.md

📋 Website Sections

1. 🏠 Home: Profile introduction, about me, research interests, recent news
2. 🎓 Education: Academic background and qualifications
3. 💼 Experience: Professional experience with timeline
4. 📚 Publications: Research papers with citations and impact factors
5. 🚀 Projects: Technical projects with detailed descriptions
6. 🛠️ Skills: Technical competencies and tools
7. 🏆 Awards: Certifications and achievements
8. 📞 Contact: Contact information and location

🚀 Getting Started

1. Download

Download or clone the repository to your local machine.

2. Customize Content

• Update personal information in index.html
• Replace profile images in assets/images/
• Add your certificates to assets/images/certificates/
• Update company logos in assets/images/logos/

3. Modify Publications

Edit the publications section in index.html to include your research papers:

• Publication title and authors
• Journal name and impact factor
• DOI links and citations

4. Update Projects

Add your projects with:

• Project descriptions and objectives
• Technologies used
• Outcomes and achievements
• Screenshots or demonstrations

5. Deploy

Upload the files to your web hosting service or GitHub Pages.

🎨 Customization

Colors

The website uses CSS variables for easy color customization:

:root {
  --primary-color: #3498db;
  --secondary-color: #9b59b6;
  --text-primary: #2c3e50;
  --bg-primary: #ffffff;
}

Adding New Sections

To add new content sections:

1. Create a new tab button in the navigation
2. Add the corresponding content section
3. Update the JavaScript for tab switching

📱 Responsive Design

The website is fully responsive with breakpoints for:

• Mobile devices (320px+)
• Tablets (768px+)
• Desktop (1024px+)
• Large screens (1600px+)

🔧 Technical Features

• Pure CSS/HTML/JavaScript: No external frameworks required
• Font Awesome Icons: For consistent iconography
• Google Fonts: Professional typography
• CSS Grid & Flexbox: Modern layout techniques
• Smooth Animations: CSS transitions and keyframes
• Modal System: Interactive popups for detailed content

📊 Performance

• Fast loading times
• Optimized images
• Minimal JavaScript
• SEO-friendly structure
• Accessibility compliant

🌐 Browser Support

Compatible with all modern browsers:

• Chrome 60+
• Firefox 55+
• Safari 12+
• Edge 79+

📞 Contact

Saddiq Ur Rehman

• 📧 Email: saddiqurrehman@khu.ac.kr
• 🔗 LinkedIn: saddiq-ur-rehman
• 💻 GitHub: isaddiq

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

🌟 If this portfolio helped you, please consider giving it a star! ⭐

Made with ❤️ for the academic and research community.