Skip to content

pablojavierrodriguez/solearcerodriguez

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sole Arce Rodríguez - Sitio Web Personal

Este repositorio contiene la versión estática del sitio web personal de Sole Arce Rodríguez, una comunicadora social y coach ontológico. El objetivo del proyecto es proporcionar una presencia en línea profesional, accesible y optimizada para SEO, con secciones sobre su trayectoria, proyectos y contacto social.


🔍 Características

  • Estructura Semántica: Uso de etiquetas HTML5 (header, section, footer, nav).
  • SEO Básico: Metaetiquetas para descripción, palabras clave, autor y Open Graph.
  • Accesibilidad:
    • Atributos alt descriptivos en imágenes.
    • aria-label en navegación y enlaces de redes.
  • Diseño Responsivo: Layout adaptable para dispositivos móviles.
  • Menú de Navegación: Navegación principal con anclas a secciones.
  • Redes Sociales:
    • Íconos Font Awesome en header y sección de contacto.
  • Botón "Scroll to Top":
    • Icono flotante de flecha hacia arriba.
    • Visible tras desplazarse 300px.
    • Scroll suave al top.

📂 Estructura de Archivos

├── index.html       # Página principal
├── css
│   └── styles.css   # Estilos principales
├── img
│   └── foto-perfil.jpg  # Imagen de perfil
└── js
    └── main.js      # Script para Scroll to Top

🚀 Instalación y Despliegue

  1. Clona el repositorio:

git clone https://github.com/usuario/solearcerodriguez-web.git cd solearcerodriguez-web


2. (Opcional) Sirve localmente con un servidor estático, por ejemplo:
   ```bash
npm install -g serve
serve .
  1. Sube el contenido de la carpeta al hosting de tu preferencia (Netlify, GitHub Pages, Vercel, etc.).

Para Netlify:

  • Crea un nuevo sitio y conecta este repositorio.
  • Configura la carpeta raíz como /.
  • Despliega.

⚙️ Personalización

  • Colores y tipografía: Ajusta las variables CSS (:root en styles.css).
  • Metadatos SEO: Modifica las meta tags en <head> según tu dominio y descripciones.
  • Redes Sociales: Cambia los enlaces en header y sección #contacto.
  • Iconos: Agrega o retira íconos Font Awesome según necesites.

📝 Uso

  1. Navega por las secciones del menú: Sobre mí, Proyectos y Contacto.
  2. Haz clic en los íconos de redes sociales para visitar los perfiles.
  3. Desplázate hacia abajo para ver el botón flotante de "volver al inicio".

🧾 Licencia

Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.


Sole Arce Rodríguez © 2025. Todos los derechos reservados.

About

@solearcerodriguez - Web oficial

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors