https://github.com/etchmon/template-landing-03

Dive Deep is a website that asks you to look into your hearts and find some time to care about our ocean. It highlights the biggest threats to our ocean currently, while using advanced CSS techniques and friendly colors to keep you calm while realizing the danger.
https://github.com/etchmon/template-landing-03

Last synced: over 1 year ago
JSON representation

Dive Deep is a website that asks you to look into your hearts and find some time to care about our ocean. It highlights the biggest threats to our ocean currently, while using advanced CSS techniques and friendly colors to keep you calm while realizing the danger.

• Host: GitHub
• URL: https://github.com/etchmon/template-landing-03
• Owner: Etchmon
• Created: 2020-08-20T20:08:03.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-08-24T20:21:32.000Z (almost 6 years ago)
• Last Synced: 2025-03-18T01:48:04.999Z (over 1 year ago)
• Language: CSS
• Homepage:
• Size: 34.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Dive Deep



Dive Deep is a website that asks you to look into your hearts and find some time to care about our ocean. It highlights the biggest threats to our ocean currently, while using advanced CSS techniques and friendly colors to keep you calm while realizing the danger. Thank you for making it to this readme, and checking out this front-end project of mine. I used the 7-1 file architecture, component based design to write reusable, maintainable, and scalable code. The grid is built using custom rows and gutters with a responsive design to make it mobile friendly.



## Technologies Used



    
HTML

    

CSS

    

NODE.JS

    

SASS & SASS VARIABLES

    

CSS ANIMATIONS

    

MIXINS





## Installation

**If you wish to download code this for your own use, you must first install node.js on your machine globally.**

Fork or download the code and move to your code editor of choice.

Then navigate to the folder holding the code and run **NPM i** command in your CLI.

Use **NPM start** command to run the development environment.

Use **NPM run build:css** command to create a final version of the build.

Enjoy!