LaslesVPN Landing Page Test

Overview

This project consists of creating a landing page in HTML, CSS and Javascript based on the Figma Design, applying SASS and BEM structures.

Resources

• Fonts: Web Fonts + Font Pack
• HTML Semantic elements
• SASS tutorial
• SASS official site
• BEM

Requeriments

• HTML Semantics
• SASS: CSS pre-processor
• Design patterns
• Code order
• Good practices
• Correct use of rules and tools will be taken into account
• Images optimized for the web (analyzer)
• Check Gtmetrix score
• Check PageSpeed Insights
• And of course, that the page looks faithful to the design.

Work flow

• Create draft of figma design
• Upload code in the repository (public or private)
• All in English (branches, commits, code)
• Create PULL REQUEST by sections:

  • 1 commit per feature (preferably), with a message regarding the feature.

    Ex:

    Adding main banner. Once the feature is finished -> create pull request -> wait for feedback -> fix feedback -> close history -> start new task

Follow me 💬

Authors	GitHub	Twitter	Linkedin
Crispthofer Rincon	crispthoalex	@crispthoalex	carmurrain
Carlos Murcia	Charliemur2	@charliesoka	Carlos Murcia

Koombea Inc – Bootcamp

March, 2021. Colombia