Iguana Landing Page

Description

This project utilizes pure HTML and CSS as a foundation to showcase a landing page centered around the Iguana as an animal. It was enhanced with SCSS for improved styling, animations for dynamic effects, and pseudo-classes for advanced CSS styling. Additionally, the landing page is designed to be responsive, ensuring a seamless user experience across various devices.

Table of Contents

• Usage
• Contributions
• Author
• Repository
• Live Example

Usage

Prerequisites

Make sure you have the following tools installed on your system:

• Node.js: Node.js is required to run the project's scripts.

Clone the Repository

Clone this repository using Git. Open your terminal and run the following command:

git clone https://github.com/zanozano/iguana-landing-page.git

Install Dependencies

Once you have cloned the repository, navigate to the project folder and install the dependencies using npm:

cd iguana-landing-page
npm install

Compile SCSS to CSS

To compile SCSS to CSS in real-time, use the provided script:

npm run scss

This script watches for changes in the SCSS files located in public/assets/scss/style.scss and compiles them into CSS files located in public/assets/css/style.css.

Start the Application

To run the application, use the provided start script:

npm start

This script can compile SCSS to CSS in real-time while you work on the project.

Contributions

We welcome contributions to the Iguana Landing Page project. To get involved, follow our guidelines for reporting issues, requesting features, or submitting pull requests in the GitHub repository.

Author

Author: Cristobal Manzano

Repository

• Type: Git
• URL: github.com/zanozano/iguana-landing-page

Live Example

See Iguana Landing Page in action by visiting the following hosted link:

Iguana Landing Page