https://github.com/knvmrt/web-live-clock-display

Web Dynamic Live Clock Display.
https://github.com/knvmrt/web-live-clock-display

clock css front-end html javascript js scss web-clock

Last synced: 7 days ago
JSON representation

Web Dynamic Live Clock Display.

• Host: GitHub
• URL: https://github.com/knvmrt/web-live-clock-display
• Owner: knvmrt
• License: other
• Created: 2024-11-11T17:28:09.000Z (2 months ago)
• Default Branch: master
• Last Pushed: 2025-01-09T19:13:13.000Z (11 days ago)
• Last Synced: 2025-01-09T20:21:42.357Z (11 days ago)
• Topics: clock, css, front-end, html, javascript, js, scss, web-clock
• Language: SCSS
• Homepage:
• Size: 6.84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


## 🌐 Sosial Medias:

[![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?style=for-the-badge&logo=linkedIn&logoColor=white)](https://linkedin.com/in/knvmrt)

[![GITHUB](https://img.shields.io/badge/GitHub-%23081030.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/knvmrt)

[![GITLAB](https://img.shields.io/badge/GitLab-%23E1442A.svg?style=for-the-badge&logo=gitlab&logoColor=white)](https://gitlab.com/knvmrt)

[![Instagram](https://img.shields.io/badge/Instagram-%23E4405F.svg?style=for-the-badge&logo=instagram&logoColor=white)](https://instagram.com/knvmrt)

[![Behance](https://img.shields.io/badge/Behance-1769ff.svg?style=for-the-badge&logo=behance&logoColor=white)](https://behance.net/knvmrt)

[![Bento](https://img.shields.io/badge/Bento-%23000000.svg?style=for-the-badge&logo=bento&logoColor=white)](https://bento.me/knvmrt)



# 🗂️Project information:

### Project Name: Web Live Clock Display. 

### Project Description: Web Dynamic Live Clock Display. 

### Project structure:

```bash

└── web-live-time-display

    └── src

        └── assets

            └── img

                └── moon.svg

                └── sun.svg

        └── pages

            └── index.html

        └── scripts

            └── js

                └── index.js

        └── styles

            └── css

                └── main.css

                └── main.css.map

            └── scss

                └── _globalStyles.scss

                └── _styleHome.scss

                └── _variable.scss

                └── main.scss

    └── .gitignore

    └── package.json

    └── README.md

```

## 💻Project tech:

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![SCSS](https://img.shields.io/badge/SCSS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

![CSS](https://img.shields.io/badge/css-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/java%20script-%23223300.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

## ⌨️Bash commands:

```bash

npm init -y     # It finds the packages you use in the project and creates package.json files.

npm install     # It finds the packages you use in the project and creates package-lock.json files.

npm run c-scss   # SCSS compilation

```

## © Creative Commons Attribution-NonCommercial 4.0 Iernational License

### This work is licensed under the [Creative Commons Attribution-NonCommercial 4.0 International License](https://creativecommons.org/licenses/by-nc/4.0/). The full text of the license can be found at [this link](https://creativecommons.org/licenses/by-nc/4.0/).

![](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-nc.svg)