modulo-1-evaluacion-final-nurahissami's Introduction

Anonymous Proxy.

This is a simple layout exercise we developed at Adalab. We had to replicate a given design using html and sass partials compiled with gulp.

- Requirements

Create a responsive web from a design given and improve it with animation and transitions

Learnings 💡

Syntax of HTML.
How to structure a webpage layout.
Using semantic elements.
CSS properties and selectors.
Flexbox.
Advanced positioning of elements with CSS and Grid.
Responsive Web Design in Sass.
Simple animations and transitions.

Tools 💻

HTML 5.
CSS - SCSS.
Gulp

How to run this project? 👇

You need to have Node.js installed
Clone or download the repository in your computer.

To install local dependencies, type:

`npm install`

`npm start`

This runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.

Creator👋

This tiny project was created by Nur Ahissami Yordi

How to reach me:

GitHub: NurAhissami

Email: [email protected]

LinkedIn: Nur Ahissami

Instagram: @nurahissami.design

modulo-1-evaluacion-final-nurahissami's People

Contributors

Watchers

modulo-1-evaluacion-final-nurahissami's Issues

Mejoras

Muy buen trabajo @NurAhissami!!!

Aquí tienes unos consejos para mejorar tu ejercicio:

Puntuación: 334 / 429

HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Lorem ipsum dolor sit amet, consecteur.".
HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Curabitur ac erat".
HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Morbi dictum".
HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Aliquam in dolor et dolor tincidunt.".
HTML > FOOTER: Debe haber un elemento con el texto "2021".
HTML > FOOTER: Necesitamos dos ul dentro de nav.
CSS > TRANSICIONES: Debemos usar alguna transición CSS.

Es posible que cuando corrijas uno de estos puntos, otros se corrijan solos, ya que unos dependen de otros.

Y recuerda algo muy importante:

Escribe tu código en inglés.
Escribe todos los ficheros y carpetas en inglés.
Los commits también tienen que ser en inglés, empezando por un verbo en infinitivo.

Ánimo y si tienes cualquier duda avísame!!!

Con cada mejora que hagas, márcala como completada en este issue y su súbela a este repo.

Este issue ha sido creado automáticamente por ello puede tener algún error, si hay algo que no te encaja escribe por slack al coordinador de Adalab.

Para corregir el ejercicio buscamos determinadas palabras en el código para identificar las secciones. Por ejemplo buscamos Creando para buscar el título de la página. Si has escrito mal alguna palabra en el código es posible que te aparezcan aquí falsos errores.