Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/stevegongoral/intro-site

Página de bienvenida con instrucciones y un panel de botones para guiar a los usuarios en el uso de un sitio web.
https://github.com/stevegongoral/intro-site

Last synced: 12 days ago
JSON representation

Página de bienvenida con instrucciones y un panel de botones para guiar a los usuarios en el uso de un sitio web.

Awesome Lists containing this project

README

        

# Proyecto de Página Principal con Indicaciones
![main](https://github.com/SteveGongoraL/Intro-site/assets/55302658/1a64e31f-6a0c-4f22-9a1d-8c912e14b85a)
Este proyecto es una página web que proporciona indicaciones sobre cómo utilizar un sitio web. Incluye secciones de bienvenida, instrucciones y un panel de botones para una navegación fácil y accesible.

## Contenido
- [Descripción](#descripción)
- [Estructura del Proyecto](#estructura-del-proyecto)
- [Instrucciones de Uso](#instrucciones-de-uso)
- [Tecnologías Utilizadas](#tecnologías-utilizadas)

## Descripción
La página principal de este proyecto tiene como objetivo guiar a los usuarios a través de las funcionalidades básicas de un sitio web. Está diseñada para ser sencilla y fácil de entender, con instrucciones claras y una interfaz intuitiva.

## Estructura del Proyecto
```
.
├── index.html
├── style.css
├── img/
│ ├── logoipsum.svg
│ ├── icono-brujula.png
│ ├── icono-arrow.png
│ ├── icono-ubicacion.png
│ ├── icono-informacion.png
│ └── icono-zoom.png
└── README.md
```

- **index.html**: Contiene la estructura HTML de la página principal.
- **style.css**: Contiene los estilos CSS para la página.
- **img/**: Carpeta que contiene las imágenes utilizadas en la página.

## Instrucciones de Uso
1. **Bienvenida**: La primera sección de la página da la bienvenida a los usuarios con un mensaje introductorio.

2. **Indicaciones**: La siguiente sección proporciona indicaciones sobre cómo utilizar el sitio web.

3. **Panel de Botones**: La sección de botones muestra diferentes acciones que los usuarios pueden realizar, cada una representada por un icono y una breve descripción.

4. **Botón de Continuar**: Al final de la página, hay un botón que redirige a los usuarios a un sitio web externo (en este caso, Google).

## Tecnologías Utilizadas
- HTML5
- CSS3