Itziar Zameza García
a8d6518616
- Migrate from vanilla CSS to Tailwind CSS CDN - Implement Stitch design with glassmorphism and fluid gradients - Remove profile photo for cleaner, more professional aesthetic - Restructure About section: remove grid layout, expand content cards - Add 3 real projects with proper descriptions and tech tags - Implement smooth scrolling and contact CTA - Update tech stack section with 8 key technologies - Modernize README to reflect new design and stack - Mobile-first responsive design using Tailwind breakpoints
54 lines
1.6 KiB
Markdown
54 lines
1.6 KiB
Markdown
# Personal Portfolio - Itziar ZG
|
|
|
|
A modern, static portfolio website for AI & Automation Developer. Built with HTML, Tailwind CSS, and minimal JavaScript.
|
|
|
|
## Features
|
|
|
|
- **Modern Design**: Glassmorphism, gradients, fluid animations
|
|
- **Responsive**: Mobile-first design with Tailwind CSS
|
|
- **Fast Loading**: No build step, CDN-powered Tailwind
|
|
- **SEO Optimized**: Semantic HTML5 markup
|
|
- **Smooth Navigation**: Scroll-to-section anchors
|
|
- **Professional Layout**: Hero, About, Projects, Tech Stack, Contact sections
|
|
|
|
## Tech Stack
|
|
|
|
- **HTML5**: Semantic markup
|
|
- **Tailwind CSS**: Utility-first styling via CDN
|
|
- **Vanilla JavaScript**: Smooth scrolling, minimal interactions
|
|
- **Google Fonts**: Space Grotesk & Instrument Serif
|
|
- **Material Symbols**: Icon system
|
|
|
|
|
|
## Getting Started
|
|
|
|
Simply open `index.html` in your browser. No build step required.
|
|
|
|
```bash
|
|
# Or use a local server
|
|
python -m http.server 8000
|
|
# Then visit http://localhost:8000
|
|
```
|
|
|
|
## Project Structure
|
|
|
|
```
|
|
├── index.html # Main portfolio page
|
|
├── diseño/ # Original design files from Stitch
|
|
├── js/ # Legacy JS files (not currently used)
|
|
├── styles/ # Legacy CSS files (not currently used)
|
|
└── README.md # This file
|
|
```
|
|
|
|
## Sections
|
|
|
|
- **Hero**: Attention-grabbing intro with CTA buttons
|
|
- **About**: Professional background and capabilities
|
|
- **Selected Works**: 3 featured projects with tech tags
|
|
- **Tech Stack**: Technologies and tools used
|
|
- **Contact**: Call-to-action footer with email and social links
|
|
|
|
## License
|
|
|
|
MIT
|