Skip to content

Booshrat/Simple-website-using-HTML-CSS-JavaScript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple website using HTML-CSS-JavaScript

Welcome! This is a simple project that demonstrates the use of HTML, CSS, and JavaScript to create a basic interactive website. In this project the use of localStorage is also demonstrated to store and display data.

Description

The website created in this project consists of a interactive navigation bar which is created using Bootstrap and the following five different pages (including the home page):

  • In the Home page, there are some images, texts, a table, a testimonial section and a comment section. The testimonial section is created using Bootstrap Carousel component. The comment section uses localStorage to store and display new comments.
  • The About page is a simple one cosisting of some texts and images.
  • The Hand-Crafted Item page consists of some cards for each item. It is also created using Bootstrap (Card component). In each card there is a Save for later button. After clicking on this button the item is saved and displayed in the Save for later page. This is done using localStorage. These cards also contains like buttons which change css styling when clicked.
  • There is also a Newsletter page that cotains simple forms and a dropdown in the navigation bar named Contact us which also contains a form.

Installation

To use this project, simply clone or download the repository to your local machine. You can do this by clicking the green "Code" button and selecting "Download ZIP", or by running the following command in your terminal:

git clone https://github.com/Booshrat/finalCapstone

Usage

Once you have the project files on your local machine, you can open the index.html file in your web browser to view the web page. The CSS and javaScript files are linked to the HTML file. You can edit these files to customize the appearance and functionality of the page by opening with a code editor such as Visual Studio Code or Atom. All HTML files except index.html (Home page) are located in the _other HTML files_ folder and all javaScript, CSS files and images can be found in different folders.

This project includes a basic layout and some sample HTML elements, as well as some basic CSS styling and JavaScript functionality. Feel free to modify or build upon this project to suit your needs!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published