Rinkyn Codes - Blog Demo - Sitio Web Básico - Estilo Blog - Creado Con HTML Y CSS 🌐

Este es un proyecto sencillo de un sitio web estilo blog, creado únicamente con HTML y CSS. El objetivo principal es aprender y practicar las bases de desarrollo web, diseñando una estructura organizada y funcional sin depender de frameworks o librerías externas.

---

🌟 Características

• Diseño limpio y profesional: Ideal para blogs personales o de proyectos.
• Estructura bien organizada: Secciones principales como header, sidebar, posts, y footer.
• Completamente responsive: El diseño se adapta a cualquier tamaño de pantalla, desde móviles hasta escritorios.
• Uso de Font Awesome: Íconos decorativos y sociales para mejorar la experiencia visual.
• Personalización sencilla: Ideal para proyectos personales, educativos o comerciales.

---

🖼️ Vista Previa

📌 Demo en Vivo

Haz clic aquí para ver el demo en vivo

📄 Página Principal

📄 Publicación Individual

---

💂️️ Estructura del Proyecto

El proyecto sigue una estructura organizada para facilitar la navegación y personalización:

raiz/
├── index.html                # Página principal del sitio
├── paginas/
│   ├── nosotros.html         # Página de "Nosotros"
│   ├── pag2.html             # Página adicional
│   ├── contacto.html         # Página de contacto
│   └── categorias/           # Carpeta para diferentes categorías
├── multimedia/               # Carpeta que contiene las imágenes utilizadas
├── css/                      # Archivos CSS para el diseño y estilos
├── blog/                     # Publicaciones del blog
├── json/                     # Archivos JSON utilizados
└── README.md                 # Documentación del proyecto

---

🚀 Cómo Usar

Clonar el Repositorio

Clona el proyecto a tu máquina local usando el siguiente comando:

git clone https://github.com/rinkyn05/basic_blog_html_css

Abrir el Proyecto

Abre el archivo index.html en tu navegador para explorar el sitio web.

Personalización

• Cambiar contenido: Edita los archivos HTML para agregar tus propios textos e imágenes.
• Actualizar diseño: Modifica los archivos CSS en la carpeta css/ para cambiar colores, fuentes y más.
• Publicaciones del blog: Agrega nuevas publicaciones en la carpeta blog/.

Subir a GitHub Pages

• Haz un fork del repositorio.
• Sube los cambios al branch principal.
• Activa GitHub Pages en las configuraciones del repositorio.

---

🛠️ Tecnologías Utilizadas

• HTML5: Estructura semántica y moderna.
• CSS3: Diseño responsivo y atractivo.
• Font Awesome: Para incluir íconos decorativos y sociales.

---

📝 Licencia

Este proyecto está bajo la licencia MIT. Puedes usarlo, modificarlo y distribuirlo libremente. 🎉

---

❤️ Contribuciones

¡Las contribuciones son bienvenidas! Si deseas agregar más funcionalidades o mejorar el diseño, no dudes en hacer un pull request.