An open API service indexing awesome lists of open source software.

https://github.com/vanbasx/landing-laslesvpn

This repository contains the source code for the LaslesVPN landing page, a responsive web page built using Gulp, Webpack, HTML, CSS (with SCSS), JavaScript, and Swiper.js for carousel functionality.
https://github.com/vanbasx/landing-laslesvpn

css gulp html js landing-page scss swiper-js

Last synced: about 2 months ago
JSON representation

This repository contains the source code for the LaslesVPN landing page, a responsive web page built using Gulp, Webpack, HTML, CSS (with SCSS), JavaScript, and Swiper.js for carousel functionality.

Awesome Lists containing this project

README

          

# [LaslesVPN Landing Page](https://vanbasx.github.io/Landing-LaslesVPN/)

This repository contains the source code for the LaslesVPN landing page, a responsive web page built using Gulp, Webpack, HTML, CSS (with SCSS), JavaScript, and Swiper.js for carousel functionality.

## Features

- Responsive Web Design (RWD) for optimal viewing on various devices.
- Task automation using Gulp for streamlining development workflow.
- Module bundling and dependency management with Webpack.
- HTML5 markup for semantic structure.
- Styling with SCSS for improved maintainability and organization.
- JavaScript for dynamic and interactive features.
- Swiper.js for carousel functionality.

## Prerequisites

Make sure you have the following tools installed before you begin:

- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/)
- [Gulp](https://gulpjs.com/)

## Installation

1. Clone the repository:
`git clone https://github.com/vanbasx/Landing-LaslesVPN`
2. Navigate to the project folder:
`cd Landing-LaslesVPN/gulp`
3. Install dependencies:
`npm install`

## Usage

### Development

Run the following command to start the development server:

`npm run dev`

This command will launch a local server, and you can view the site at your ip adress. The server will automatically watch for changes to the source files and reload the page accordingly.

### Production

To build the project for production, use the following command:

`npm run build`

This will generate optimized and minified files in the dist directory.

## Contributing

Feel free to contribute by submitting issues or pull requests. Make sure to follow the project's coding style and conventions.

![image](https://github.com/vanbasx/Landing-LaslesVPN/assets/131404622/a902135e-59fe-4509-a56d-5765df34b2ce)