Skip to content

biwottech/html-javascript-css-display-time

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

HTML JavaScript CSS Display Time and Quotes

This project is a simple web application that displays the current time and a random quote from the Quotable API. The application is built using HTML, CSS, and JavaScript.

Project Structure

The project has the following structure:

html-javascript-css-display-time/ ├── assets/ │ ├── css/ │ │ └── style.css │ ├── js/ │ │ └── index.js │ └── images/ │ └── (background images) ├── index.html └── README.md

  • index.html: The main HTML file that displays the content.
  • assets/css/style.css: The CSS file that contains styles for the application.
  • assets/js/index.js: The JavaScript file that handles the logic for displaying the current time and fetching random quotes.
  • assets/images/: A folder containing background images for the application.

Features

  • Display Current Time: The application displays the current time and updates it every second.
  • Random Quotes: A random quote is fetched from the Quotable API and displayed every time the page is loaded.

Getting Started

Prerequisites

To run this project, you will need a web browser and an internet connection to fetch quotes from the Quotable API.

Installation

  1. Clone the repository:

    git clone https://github.com/biwottech/html-javascript-css-display-time.git
  2. Navigate to the project directory:

    cd html-javascript-css-display-time
  3. Open index.html in your web browser to view the application.

Usage

  • Open the index.html file in a web browser.
  • The current time will be displayed and updated every second.
  • A random quote will be fetched from the Quotable API and displayed on the page.

Customization

  • Background Images: Add or replace images in the assets/images/ directory to change the background images.
  • Styles: Modify the assets/css/style.css file to change the look and feel of the application.
  • JavaScript: Update the assets/js/index.js file to change the logic or add new features.

API

This project uses the Quotable API to fetch random quotes. No authentication is required to use this API.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

  • Quotable API for providing the random quotes.
  • GitHub for hosting the project repository.

Contact

For any inquiries or questions, please contact Evans Koech at [biwottech@gmail.com].

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published