Skip to content

Hozan77/Timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project: Timer 🕐

Languages / Langues / Idiomas


English 🇬🇧

Description 🎨

This project is a timer built using JavaScript, HTML, and CSS. The timer displays the current time with each part (hours, minutes, seconds) in the colors of the Colombian flag 🇨🇴: yellow for hours, blue for minutes, and red for seconds. The background image is of Cartagena, a beautiful city in Colombia, enhancing the project's theme.

Repository Content 📂

Main Files 📄

index.html 📄

The main file of the project. It contains the HTML structure of the timer, including spans to style each part of the time separately. Open it in your favorite browser to view and interact with the project.

index.js 📜

This file contains the JavaScript code responsible for updating the timer every second.

styles.css 🎨

This file contains the CSS styles for the timer, including the background image and the colors for the hours, minutes, and seconds.

background.jpg 🖼️

The background image of Cartagena used in the project.

.gitignore 🚫

This file helps to maintain security and sensitive data by excluding specific files from version control.

README.md 📝

This file contains the explanation and details of the project.


Français 🇫🇷

Description 🎨

Ce projet est un minuteur construit à l'aide de JavaScript, HTML et CSS. Le minuteur affiche l'heure actuelle avec chaque partie (heures, minutes, secondes) dans les couleurs du drapeau colombien 🇨🇴 : jaune pour les heures, bleu pour les minutes et rouge pour les secondes. L'image de fond est celle de Cartagena, une belle ville de Colombie, renforçant le thème du projet.

Contenu du Repository 📂

Fichiers Principaux 📄

index.html 📄

Le fichier principal du projet. Il contient la structure HTML du minuteur, y compris des spans pour styliser chaque partie de l'heure séparément. Ouvrez-le dans votre navigateur préféré pour voir et interagir avec le projet.

index.js 📜

Ce fichier contient le code JavaScript responsable de la mise à jour du minuteur chaque seconde.

styles.css 🎨

Ce fichier contient les styles CSS pour le minuteur, y compris l'image de fond et les couleurs pour les heures, les minutes et les secondes.

background.jpg 🖼️

L'image de fond de Cartagena utilisée dans le projet.

.gitignore 🚫

Ce fichier permet de maintenir la sécurité et les données sensibles en excluant certains fichiers du contrôle de version.

README.md 📝

Ce fichier contient l'explication et les détails du projet.


Español 🇪🇸

Descripción 🎨

Este proyecto es un temporizador construido utilizando JavaScript, HTML y CSS. El temporizador muestra la hora actual con cada parte (horas, minutos, segundos) en los colores de la bandera colombiana 🇨🇴: amarillo para las horas, azul para los minutos y rojo para los segundos. La imagen de fondo es de Cartagena, una hermosa ciudad de Colombia, mejorando el tema del proyecto.

Contenido del Repositorio 📂

Archivos Principales 📄

index.html 📄

El archivo principal del proyecto. Contiene la estructura HTML del temporizador, incluidas las spans para dar estilo a cada parte del tiempo por separado. Ábrelo en tu navegador favorito para ver e interactuar con el proyecto.

index.js 📜

Este archivo contiene el código JavaScript responsable de actualizar el temporizador cada segundo.

styles.css 🎨

Este archivo contiene los estilos CSS para el temporizador, incluida la imagen de fondo y los colores para las horas, los minutos y los segundos.

background.jpg 🖼️

La imagen de fondo de Cartagena utilizada en el proyecto.

.gitignore 🚫

Este archivo ayuda a mantener la seguridad y los datos sensibles excluyendo archivos específicos del control de versiones.

README.md 📝

Este archivo contiene la explicación y detalles del proyecto.


About

⏰ Digital clock with 🇨🇴 Colombian flag colors, designed using JavaScript, HTML, and CSS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors