Skip to main content

Luis Llatas Portfolio

A modern, responsive personal portfolio website showcasing web development skills with elegant design and smooth animations

Get StartedView Documentation

Quick Start

Get your portfolio up and running in minutes

1

Clone the Repository

Download the portfolio template to your local machine.
Clone repository
git clone https://github.com/luisllatas-dev/portafolio-programador-web-junior.git
cd portafolio-programador-web-junior
2

Open in Browser

Simply open the index.html file in your web browser to view the portfolio.
Open with live server
# Using Python
python -m http.server 8000

# Using Node.js
npx serve
No build process required! This is a static HTML/CSS website that works out of the box.
3

Customize Content

Edit the HTML and CSS files to personalize with your own information, skills, and projects.
index.html
<h2>Desarrollador Full Stack</h2>
<p>Soy un desarrollador web con experiencia...</p>

Explore by Topic

Learn about the structure, styling, and customization options

HTML Layout

Understand the semantic HTML structure and grid-based layout system

Navigation

Learn about the fixed header navigation with smooth scrolling

CSS Architecture

Explore the modular CSS organization and design patterns

Grid Layout

Master the CSS Grid system powering the responsive layout

Animations

Discover smooth CSS animations and hover effects

Responsive Design

Learn how the portfolio adapts across devices

Key Features

What makes this portfolio stand out

🎨

Gradient Background

Beautiful black to blue gradient creates an elegant, modern aesthetic

📱

Fully Responsive

Optimized for all devices with mobile-first responsive breakpoints

✨

Smooth Animations

CSS keyframe animations bring skills icons and navigation to life

♿

Accessible Navigation

Focus states and semantic HTML ensure keyboard accessibility

Customization Guide

Make this portfolio your own

Colors

Update the gradient and accent colors to match your brand

Content

Replace placeholder text with your personal information

Images

Add your profile photo and technology skill icons

Ready to Build Your Portfolio?

Start with our quickstart guide and have your portfolio live in minutes

Get Started Now