In this project that's in the development still, I'm working on create and design the website for PYME called Espacio Arcoiris Crear which the main objective is the user gets a comfortable experience thanks to the responsive design applied through media queries and styles.
The following technologies are used:
- HTML: Version 5
- CSS: Version 3
- Bootstrap: Version 5.2.3
- GIT: Version 2.40
- SASS: Version 1.62.0
- Node.js: Version 18.16.0 LTS
To visit my web site, copy and paste the following link in your navigation bar:
https://eruedasanchez.github.io/espacio-arcoiris/
Actually, the only collaborator is @eruedasanchez
A list of frequently asked questions.
- How is the project organized?
The project consists of five files in .html format (index.html, capacitaciones-presenciales.html, nosotros.html, promociones.html y taller.html) and a style file in .css format (style.css)
- ¿How is the style file style.css organized?
First, the styles of the .html files are in the following order:
- header
- footer
- index.html
- nosotros.html
- promociones.html
- taller.html
- capacitaciones-presenciales.html
Then, the responsive design through the apply of media queries is as follows:
- min-width - max-width: 1203px(laptop) - 2560px(4K)
- min-width - max-width: 1016px(laptop) - 1202px(laptop)
- min-width - max-width: 768px(tablet) - 1015px(laptop)
- min-width - max-width: 425px(mobile L) - 767px(tablet)
- min-width - max-width: 375px(mobile M) - 424px(mobile L)
- min-width - max-width: 320px(mobile S) - 374px(mobile M)
Note: style.css is generated apply partials with SASS pre- processor.
En este proyecto que todavia se encuentra en proceso de desarrollo, estoy trabajando en la creacion y diseño del sitio web para la pequeña/mediana empresa (PYME) llamada Espacio Arcoiris Crear teniendo como principal objetivo una experiencia confortable para el usuario gracias al diseño responsive aplicado a traves de media queries y estilos.
Se utilizan las siguientes tecnologias:
- HTML: Version 5
- CSS: Version 3
- Bootstrap: Version 5.2.3
- GIT: Version 2.40
- SASS: Version 1.62.0
- Node.js: Version 18.16.0 LTS
Para visitar el sitio web, copiar y pegar el siguiente URL en la barra de navegacion de tu navegador:
https://eruedasanchez.github.io/espacio-arcoiris/
Actualmente, el unico colaborador de este proyecto es @eruedasanchez
A continuacion, una lista de preguntas frecuentes
- ¿Como esta organizado el proyecto?
El proyecto consta de cinco archivos en formato .html (index.html, capacitaciones-presenciales.html, nosotros.html, promociones.html y taller.html); y un archivo de estilos en formato .css (style.css)
- ¿Como esta organizado el archivo de estilos style.css?
En primer lugar, los estilos de los archivos .html se encuentran en el siguiente orden:
- header
- footer
- index.html
- nosotros.html
- promociones.html
- taller.html
- capacitaciones-presenciales.html
Luego, el diseño responsive mediante la aplicacion de media queries se encuentra de la siguiente manera:
- min-width - max-width: 1203px(laptop) - 2560px(4K)
- min-width - max-width: 1016px(laptop) - 1202px(laptop)
- min-width - max-width: 768px(tablet) - 1015px(laptop)
- min-width - max-width: 425px(mobile L) - 767px(tablet)
- min-width - max-width: 375px(mobile M) - 424px(mobile L)
- min-width - max-width: 320px(mobile S) - 374px(mobile M)
Todo el archivo de estilos style.css es generado mediante la aplicacion de partials con el preprocesador SASS.