/design-components

Explore a collection of HTML files showcasing various components like accordion, carousel, table with pagination, and more. Dive into responsive designs and dynamic features to elevate your web projects. Enhance user experience with these versatile components!

Primary LanguageHTML

Project Overview

This repository includes individual HTML files for various UI components. Each component is designed to be reusable and easily integrable into any web project.

Components

  1. Accordion Component

    • File: 01-accordion.html
    • Description: A responsive accordion component utilizing Flexbox and CSS Grid.

  2. Carousel Component

    • File: 02-carousel.html
    • Description: A carousel component with vertical centering using absolute positioning and transform.

  3. Table Component

    • File: 03-table.html
    • Description: A table component featuring pagination for better data management.

  4. Pagination Component

    • Files: 04-pagination.html
    • Description: Standalone pagination component updated for enhanced functionality.

  5. Hero Section

    • File: 05-hero.html
    • Description: The final code for the hero section.

  6. App Layout

    • File: 06-app-layout.html
    • Description: A layout for the application with flex properties and overflow handling.

Technologies Used

  • HTML5
  • CSS3 (Flexbox, CSS Grid)

Getting Started

To view and use the components:

  1. Clone this repository to your local machine:

    git clone https://github.com/trishna456/UI-components

  2. Navigate to the project directory:

    cd UI-components

  3. Open the desired HTML file in your preferred web browser to view the component.