https://github.com/alun-price/natours

A Nature Tours website highlighting the use of SASS, advanced CSS and animations from the Advanced CSS and SASS course
https://github.com/alun-price/natours

css-animations css3 sass sass-mixins

Last synced: 15 days ago
JSON representation

A Nature Tours website highlighting the use of SASS, advanced CSS and animations from the Advanced CSS and SASS course

• Host: GitHub
• URL: https://github.com/alun-price/natours
• Owner: Alun-Price
• Created: 2022-12-30T22:55:43.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-23T18:46:14.000Z (almost 2 years ago)
• Last Synced: 2024-12-19T00:41:06.254Z (15 days ago)
• Topics: css-animations, css3, sass, sass-mixins
• Language: CSS
• Homepage:
• Size: 57.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Natours - A Nature Tours Website

![image](screenshots/natours.png)

## Link to demo

[Natours demo site](https://alun-natours.netlify.app/)

## Project Description

A Nature Tours website highlighting the use of SASS, advanced CSS and animations.

Areas covered;

- css modal pop-ups

- background videos

- polygon effects

- css animations

- form customisation

- card flip animations

- navigation button effects

- 7-1 CSS Architecture

- responsive images and media queries

## How to Get Started with this Project

### use Live Server

This will run the app at http://localhost:5500

Open up a separate terminal ...

### npm run sass:watch

To follow any changes to sass in development

### npm run build:css

To build the project