Omar Atakishiyev - Personal Portfolio Website

A clean, modern, and fully responsive personal portfolio website showcasing my projects, skills, and experience as a Computer Science student and Software Developer.

🌟 Features

• Responsive Design - Fully optimized for desktop, tablet, and mobile devices
• Modern UI/UX - Clean, minimalist gray theme with smooth transitions
• About Section - Personal introduction and background
• Skills Showcase - Organized display of technical skills and coursework
• Project Portfolio - Detailed cards for each major project with tech stack tags
• Experience Timeline - Professional experience and achievements
• Contact Information - Easy ways to get in touch via email, GitHub, and LinkedIn
• Smooth Navigation - Sticky header with smooth scrolling to sections

🎨 Design

The website features a Minimalist Gray color scheme:

• Clean white backgrounds with subtle shadows
• Professional charcoal and slate gray accents
• Elegant borders and hover effects
• Easy-to-read typography with proper contrast

🚀 Quick Start

Option 1: Direct Use

1. Clone this repository:

git clone https://github.com/NeonWest/portfolio-website.git
cd portfolio-website

2. Open index.html in your browser

That's it! No build process or dependencies required.

Option 2: Local Server

If you want to test on a local server:

# Using Python
python -m http.server 8000

# Using Node.js
npx http-server

# Using PHP
php -S localhost:8000

Then visit http://localhost:8000

📁 Project Structure

portfolio-website/
│
├── index.html          # Main HTML file
├── styles.css          # All styling and responsive design
└── README.md          # This file

🛠️ Customization

Changing Personal Information

Edit index.html and update:

• Name and title in the hero section
• About me description
• Skills lists
• Project details
• Contact information
• Social media links

Changing Colors

Edit styles.css and modify the color variables:

• Primary text: #111827
• Secondary text: #4b5563
• Accent color: #374151
• Background: #f9fafb
• Card background: #ffffff

Adding New Projects

In index.html, add a new project card in the projects section:

<div class="project-card">
    <h3>Project Name</h3>
    <p>Project description goes here...</p>
    <span class="project-tag">Tech</span>
    <span class="project-tag">Stack</span>
</div>

📱 Mobile Responsive

The website is fully responsive with breakpoints at:

• Desktop: 1200px+ (full layout)
• Tablet: 768px - 1199px (adjusted spacing)
• Mobile: < 768px (single column, stacked layout)
• Small Mobile: < 480px (optimized for small screens)