srsHitGub / consultant-landing-page

Landing page available for desktop and mobile

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Consultant Landing Page

webpack-current sass Website mock-api

Demo

https://consultant-landing-pag.netlify.app

Consultant

Table of Contents

General info

This is an example of responsive landing page with some interacion between mock api, javascript and styles. The screen sizes used to this exercise are max-width 1440px and a mobile size of 360px. To develop this web page I have studied some components like accordion, slideshow and I have realized a fake login.

Features

  • Demo project files to be used as a reference building of:
    • JavaScript
    • SASS / PostCSS
    • HTML templates
    • Images (CSS backgrounds and image tags)
    • Fonts
  • Latest Webpack 5 - JavaScript module bundler.
  • Latest SASS/PostCSS compiler based on Dart sass.
  • Latest Babel 7 (@babel/core) - JavaScript compiler - Use next generation JavaScript, today.
  • Configured and ready to use Webpack Dev Server plugin for faster local development - webpack-dev-server

Requirements

  • node : ^10 || ^12 || >=14
  • npm

Setup

# install dependencies
npm install

# build for development
npm run build

# run the project
npm run start

About

Landing page available for desktop and mobile


Languages

Language:HTML 35.6%Language:JavaScript 34.2%Language:SCSS 30.2%