https://github.com/saahiyo/product-card

This is my very first web project in ( Bootstrap ) css framework, a product card
https://github.com/saahiyo/product-card

bootsrap bootstrap5 card minimalist website

Last synced: 2 days ago
JSON representation

This is my very first web project in ( Bootstrap ) css framework, a product card

• Host: GitHub
• URL: https://github.com/saahiyo/product-card
• Owner: saahiyo
• Created: 2024-01-01T11:28:19.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-01-01T17:06:55.000Z (11 months ago)
• Last Synced: 2024-01-02T12:29:29.802Z (11 months ago)
• Topics: bootsrap, bootstrap5, card, minimalist, website
• Language: HTML
• Homepage: https://saahiyo.github.io/Product-card/
• Size: 1.48 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Bootstrap Project 

## preview 

![preview](https://github.com/saahiyo/Product-card/assets/81853097/9dd05a9b-0e96-4367-b16d-2cfd73e27624)

This project represents my inaugural experience with Bootstrap, showcasing a product card for a Super Computer Digital Art solution.

## Table of Contents

- [Project Structure](#project-structure)

- [Technologies Used](#technologies-used)

- [Project Description](#project-description)

- [Getting Started](#getting-started)

## Project Structure

- **index.html**: Main HTML file containing the structure of the web page.

- **style.css**: Custom CSS file for additional styling.

- **imgSrc/render.png**: Image file used in the card.

## Technologies Used

- **Bootstrap**: Utilized Bootstrap framework for styling and responsiveness.

- **Bootstrap Icons**: Incorporated Bootstrap Icons for enhanced visual elements.

## Project Description

The web page features a card layout presenting details about the Super Computer Digital Art solution:

- **Image**: A visually appealing rendering image of the product.

- **Product Title**: Describes the product, accompanied by a bag-check icon.

- **Product Description**: Highlights the features of the Super Computer Digital Art solution.

- **Last Update**: Indicates the last update timestamp.

## Getting Started

1. Clone the repository.

2. Open `index.html` in a web browser to view the Bootstrap-themed webpage.

Feel free to explore and modify the code to enhance your Bootstrap skills and create stunning web pages. If you have any questions or suggestions, don't hesitate to reach out!

---

*Note: Replace "render.png" with your actual image file, and customize the content as needed for your project.*