https://github.com/faridleo1998/loopstudios_landingpage

Landing page realizada con HTML, SASS y JavaScript
https://github.com/faridleo1998/loopstudios_landingpage

css frontend-mentor html5 javascript loopstudios-landing-page mobile-first responsive-design sass

Last synced: about 1 month ago
JSON representation

Landing page realizada con HTML, SASS y JavaScript

• Host: GitHub
• URL: https://github.com/faridleo1998/loopstudios_landingpage
• Owner: Faridleo1998
• Created: 2021-02-12T02:16:43.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-02-18T04:59:07.000Z (almost 4 years ago)
• Last Synced: 2023-06-09T18:24:04.566Z (over 1 year ago)
• Topics: css, frontend-mentor, html5, javascript, loopstudios-landing-page, mobile-first, responsive-design, sass
• Language: SCSS
• Homepage:
• Size: 2.24 MB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Loopstudios Landing Page

![Design preview for the Loopstudios landing page coding challenge](./design/desktop-preview.jpg)

## Bienvenido! 👋

Este proyecto es la solución al reto para desarrolladores Front-End publicado por [Frontend Mentor](https://www.frontendmentor.io), con el fin de mostrar mis habilidades como Desarrollador Web.

Sí deseas realizar este reto te invito a que descargues los archivos del proyecto de forma totalmente gratuita en la página de [Frontend Mentor](https://www.frontendmentor.io).

## Características 📄

- Sitio realizado con la metodología "Mobile First".

- Sitio adaptable a diferentes tamaños de pantalla (responsive web design).

- Los estilos están definidos en archivos .scss que posteriormente son compilados a css por medio de la herramienta [Koala App](http://koala-app.com/).

- Aplicación de la metodología BEM (Block, Element, Modifier).

- Mejora en el performance del sitio gracias al uso de imagenes .webp (no incluidas en los archivos suministrados por [Frontend Mentor](https://www.frontendmentor.io)) y el uso de la librería modernizr.js.

![](./images/performance.png)

## Despliegue 📦

Te invito a conocer el sitio desplegado en las siguientes plataformas:

- Github Pages: https://faridleo1998.github.io/Loopstudios_LandingPage/

- Netlify: https://loopstudios-faridmoreno.netlify.app/

## Construido con 🛠️

Para la creación del sitio se usaron las siguientes tecnologías y herramientas:

- Tecnologías:

    

    

    

    

- Herramientas (Gratis):

    - [Visual Studio Code](https://code.visualstudio.com/) --> Editor de texto.

    - [Koala App](http://koala-app.com/) --> Compilador de sass a css.

    - [Responsively App](https://responsively.app/) --> Visualizar el sitio en distintos tamaños de pantalla.

    

## Autor (es) ✒️

Este sitio fue realizado por:

* **Farid Moreno** - [Faridleo1998](https://github.com/Faridleo1998)

## Agradecimientos 🎁

* Gracias por visitar mi proyecto, es para mi un honor compartir y demostrar mis habilidades con otras personas.🤓

* Puedes comentar que te ha parecido el proyecto o si tienes una sugerencia, el feedback es bienvenido.📢